You are on page 1of 4

1.

Create a 5 page website for showcasing your products


a. Home ( Group collaboration)
i. Describe your company, the products you are selling,
membership form, link to other pages
b. Products 1 (member 1)
i. Minimum of 5 products, with an image, name, desciption,
price value, buy option, link to other pages
c. Products 1 (member 2)
i. Minimum of 5 products, with an image, name, desciption,
price value, buy option, link to other pages
d. Products 1 (member 3)
i. Minimum of 5 products, with an image, name, desciption,
price value, buy option, link to other pages
e. Products 1 (member 4)
i. Minimum of 5 products, with an image, name, desciption,
price value, buy option, link to other pages
f. Products 1 (member 5)
i. Minimum of 5 products, with an image, name, desciption,
price value, buy option, link to other pages

The 2nd and 3rd page are sample layouts (home and individual pages),
the code on the 4th page is an example of a form that should be in the
bottom right part of the Home Page

Insert your Logo (image) and Text HEADER here

Username

Home

Page 2
Page 5

Page 3

Password

Information about your Website (3 Paragraphs)

Sign Page:
Ordered List of The
Name (Text Fields)
Full name of your
Group Members
Address (Text Fields)
Gender (Combo Box)
Year Level (Radio Box)

Submit

Page 4

Reset

Insert your Logo (image) and Text HEADER here

Home
5

Page 2

Page 3

Product Name
Product Description
Check Box

Product Name
Product Description
Check Box

Product Name
Product Description
Check Box

Product Name
Product Description
Check Box

Product Name
Product Description
Check Box

Submit

Reset

Page 4

Page

<html>
<head>
<title> Forms and CSS
</title>
</head>
<body>
<center>
<form name="general">
<pre>
<table>
<tr>
<td> Last Name: <input type="text" name="Lname" id="Lname" maxlength="20"> </td>
<td> First Name: <input type="text" name="Fname" id="Fname" maxlength="20"> </td>
<td> Age: <input type="text" name="agebox" id="age" maxlength="3" </td>
</tr>
<tr>
<td colspan="2"> Address <input type="text" name="addbox" id="add" maxlength="150"
size="60"> </td>
<td> Status: <select name="status" id="status" size="2">
<option> Single
<option> Married
<option> Widow
<option> Widower
<option> Divorced
<option> Separated
<option> In a Relationship
<option> MU
<option> Getting There
</select> </td>
</tr>
<tr>
<td> <fieldset align="top">
Gender <br>

<input type="radio" name="gender"> Female <br>


<input type="radio"

name="gender"> Male <br>


<input type="radio" name="gender"> Heterosexual <br>
</fieldset>
</td>
<td colspan="2">
<fieldset align="top">
Likes <br> <input type="checkbox" name="Bike"> Biking
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;
<input
type="checkbox" name="cook"> Cooking<br>
<input type="checkbox" name="shop"> Shopping
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="eat"> EAting <br>
<input type="checkbox" name="play"> Playing
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;
<input type="checkbox" name="swim"> Swimming <br>
<input type="checkbox" name="dota"> DOTA
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;
<input type="checkbox" name="flirt"> flirting <br>
<input type="checkbox" name="sleep"> Sleeping
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
<input type="checkbox" name="eatNsleep"> Eating while
Sleeping <br>
<input type="checkbox" name="None"> NONE
</fieldset>
</td>
</tr>
<tr>
<td> Comments: </td>
<td colspan="2"> <textarea name="com" id="com" rows="10" cols=" 55"> Enter comments here.
</textarea> </td>
</tr>
</table>
</pre>
<center>
</center>
</form>
</center>
</body>
</html>

<input type="submit" name="submit" value="OK">


<input type="reset" name="reset" value="reset">

You might also like