diff options
| author | Stefan Suhren <suhren.stefan@fh-swf.de> | 2015-04-27 11:52:38 +0200 |
|---|---|---|
| committer | Stefan Suhren <suhren.stefan@fh-swf.de> | 2015-04-27 11:52:38 +0200 |
| commit | cb981aac60344a9117c07d402005c0566a7300ad (patch) | |
| tree | 4c00e8f4578e361a2f17f995e105f9fa52e98c1c /Aufgabe05 | |
| parent | b857587a8f070b93749d8c25286cf28bad436f80 (diff) | |
| download | InternetTechnologien-cb981aac60344a9117c07d402005c0566a7300ad.tar.gz InternetTechnologien-cb981aac60344a9117c07d402005c0566a7300ad.zip | |
Add a simple website for products
Diffstat (limited to 'Aufgabe05')
| -rw-r--r-- | Aufgabe05/categories.html | 22 | ||||
| -rw-r--r-- | Aufgabe05/contact.html | 15 | ||||
| -rw-r--r-- | Aufgabe05/index.html | 16 | ||||
| -rw-r--r-- | Aufgabe05/login.html | 34 | ||||
| -rw-r--r-- | Aufgabe05/productdetails.html | 50 | ||||
| -rw-r--r-- | Aufgabe05/products.html | 23 | ||||
| -rw-r--r-- | Aufgabe05/style.css | 38 |
7 files changed, 198 insertions, 0 deletions
diff --git a/Aufgabe05/categories.html b/Aufgabe05/categories.html new file mode 100644 index 0000000..c39e02b --- /dev/null +++ b/Aufgabe05/categories.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>Categories</title> +</head> +<body> + <nav> + <a href="contact.html">Contact us</a> + <a href=".">Home</a> + <a href="login.html">Login</a> + </nav> + <table border=1> + <tr> + <th>Categories</th> + </tr> + <tr> + <td><a href="products.html">Furniture</a></td> + </tr> + </table> +</body> +</html>
\ No newline at end of file diff --git a/Aufgabe05/contact.html b/Aufgabe05/contact.html new file mode 100644 index 0000000..1ce7575 --- /dev/null +++ b/Aufgabe05/contact.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>Contact Us</title> +</head> +<body> + <nav> + <a href=".">Home</a> + <a href="categories.html">Categories</a> + <a href="login.html">Login</a> + </nav> + <p>Name: SomeCompany Ltd.<br>Telephone: +1-555-6383<br>Address: SomeStreet in Alamo</p> +</body> +</html>
\ No newline at end of file diff --git a/Aufgabe05/index.html b/Aufgabe05/index.html new file mode 100644 index 0000000..826eb4e --- /dev/null +++ b/Aufgabe05/index.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>Prducts</title> +</head> +<body> + <nav> + <a href="contact.html">Contact us</a> + <a href="categories.html">Categories</a> + <a href="login.html">Login</a> + </nav> + <p>This site will rock your chair. The best products from all over the world. + Furniture the like you have never seen. Contact us a get our catalog or login a order direct from our categories.</p> +</body> +</html>
\ No newline at end of file diff --git a/Aufgabe05/login.html b/Aufgabe05/login.html new file mode 100644 index 0000000..4a46b08 --- /dev/null +++ b/Aufgabe05/login.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>User</title> +<link rel="stylesheet" type="text/css" href="style.css"> +</head> +<body> + <nav> + <a href="contact.html">Contact us</a> + <a href="categories.html">Categories</a> + <a href=".">Home</a> + </nav> + <form action="http://www-in.fh-swf.de/fbp-cgi/showenv.pl" method="post"> + <h1>User</h1> + <div class="row"> + <label for="username"><u>U</u>sername:</label><input class="formw" type="text" + placeholder="Username" id="username" name="username" accesskey="u" + maxlength="100"> + </div> + <div class="row"> + <label for="password"><u>P</u>assword:</label><input class="formw" type="password" + placeholder="Password" id="password" name="password" accesskey="p"> + </div> + <div class="spacer"> </div> + <button type="submit" accesskey="l"> + <u>L</u>ogin + </button> + <button type="reset" accesskey="r"> + <u>R</u>eset + </button> + </form> +</body> +</html>
\ No newline at end of file diff --git a/Aufgabe05/productdetails.html b/Aufgabe05/productdetails.html new file mode 100644 index 0000000..546a77b --- /dev/null +++ b/Aufgabe05/productdetails.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>Productdetails</title> +<link rel="stylesheet" type="text/css" href="style.css"> +</head> +<body> + <nav> + <a href="contact.html">Contact us</a> + <a href=".">Home</a> + <a href="categories.html">Categories</a> + <a href="products.html">Furniture</a> + <a href="login.html">Login</a> + </nav> + <form> + <h1>Chair</h1> + <div class="row"> + <label for="name"><u>N</u>ame:</label> + <input class="formw" type="text" + placeholder="Name" id="name" name="name" accesskey="n" + maxlength="100" disabled value="Chair"> + </div> + <div class="row"> + <label for="price"><u>P</u>rice (Euro):</label> + <input class="formw" type="text" + placeholder="Price (Euro)" id="price" name="price" accesskey="p" + maxlength="13" disabled value="20.00"> + </div> + <div class="row"> + <label for="width"><u>W</u>idth (mm):</label> + <input class="formw" type="text" + placeholder="Width (mm)" id="width" name="width" accesskey="w" + maxlength="11" disabled value="500"> + </div> + <div class="row"> + <label for="height"><u>H</u>eight (mm):</label> + <input class="formw" type="text" + placeholder="Height (mm)" id="height" name="height" accesskey="h" + maxlength="11" disabled value="500"> + </div> + <div class="row"> + <label for="desc"><u>D</u>escription:</label> + <textarea class="formw" placeholder="Description" id="desc" name="desc" + accesskey="d" maxlength="1000" disabled rows="5">A chair you can sit in, maybe. Quite comfy, I guess. Probably made of wood or a wood like material.</textarea> + </div> + <div class="spacer"> </div> + </form> +</body> +</html>
\ No newline at end of file diff --git a/Aufgabe05/products.html b/Aufgabe05/products.html new file mode 100644 index 0000000..63656b7 --- /dev/null +++ b/Aufgabe05/products.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>Products</title> +</head> +<body> + <nav> + <a href="contact.html">Contact us</a> + <a href=".">Home</a> + <a href="categories.html">Categories</a> + <a href="login.html">Login</a> + </nav> + <table border=1> + <tr> + <th>Furniture</th> + </tr> + <tr> + <td><a href="productdetails.html">Chair</a></td> + </tr> + </table> +</body> +</html>
\ No newline at end of file diff --git a/Aufgabe05/style.css b/Aufgabe05/style.css new file mode 100644 index 0000000..27cd8b8 --- /dev/null +++ b/Aufgabe05/style.css @@ -0,0 +1,38 @@ +@CHARSET "UTF-8"; + +u { + text-decoration: underline; +} + +form { + width: 450px; + background-color: #ccc; + border: 1px dotted #333; + padding: 5px; + margin: 0px auto; +} + +form h1 { + text-align: center; +} + +div.row { + clear: both; + padding-top: 5px; +} + +div.row label { + float: left; + width: 200px; + text-align: right; +} + +div.row .formw { + float: right; + width: 235px; + text-align: left; +} + +div.spacer { + clear: both; +}
\ No newline at end of file |