Create an items-for-sale web site. The following requirements must be met: 1. Th

ID: 2247210 • Letter: C

Question

Create an items-for-sale web site.

The following requirements must be met:

1. The home page must have a link for a user to register with the site and a link to at least one category of items for sale.

2. The Register page must meet the following requirements:

2.1 It must be exactly as shown in the the example output, with the following exceptions: The word "coin" must be replaced by the name of your item for sale. The radio buttons and check boxes must be changed to make sense for your item.

2.2. The layout of each section must be achieved using a table (3 tables in all).

2.3. When its submit button is clicked, the form must post its data to:
http://www.idocs.com/tags/cgi-bin/mycgi.pl

2.4. The zip code field must not allow more than 5 characters to be entered.

2.5. The page must include a hidden field named "hiddenField" that will post the value "hidden value".

2.6. The state field must have an initial selection of "Georgia". The posted data for states must be their 2-character abbreviation. For example, "GA" will post if Georgia was selected. You do not need to include every state. Include the first 12 states and an item that indicates there are more.

3. The items-for-sale page (Lincoln Cents in the example output) must meet the following requirements:

3.1. The table must include at least one small image for each item. The example output shows 2 image columns (front and back) for each item.

3.2. One of the columns must include a description of the item's condition.

3.3. One of the columns must contain a right-justified asking price.

3.4. The first column must contain a short name/code for the item. One of these must be a link that leads to a corresponding detail page for that item.

3.5 The first row must be a header row that uses a theme-appropriate background color.

4. The detail page (Detail - 1909-S VDB in the example output) must meet the following requirements:

4.1. The first row of the table must have 2 columns with a larger sized view of the item in each.

4.2. The second row must span both columns and must contain detailed information about the item.

4.3 After the table, the asking price and contact information must be present as shown in the example output.

5. Every page except the home page must have a breadcrumbs navigation area.

Web Activity 4- Example Output Navigation Map All links replace the current window Derrf's List Home Page Register Lincoln Cents Detail 1909-S VDE

Explanation / Answer

It is advised to copy the content into four (04) html files 1)home.html 2)register.html 3)category.html 4)1905R1det.html as specified below.

Also create a folder names IAMGES under the current folder and save two (02) images r11.jpg and r12.jpg to see any sample image.

HOME.HTML

<html>
<body>
<h1><center> Derffs List Home Page </center></h1>
Register
<br>
<a href="register.html">Register </a>
<br>
Categories
<br>
<a href="category.html">Lincons Watches</a>
</body>
</html>

REGISTER.HTML

<html>
<body>
<a href="home.html">Home </a>
<br><br>
<font size="5"> <b> Register </b> </font>
<br>
<br>
<font size="4" color="blue" > <b> Name and address </b></font>

<table>
<tr>
<td> First name :</td>
<td> <input name="f_name" type="text" size=25> </td>
<td> Last name :</td>
<td> <input name="l_name" type="text" size=25> </td>
</tr>

<tr>
<td> Address1 :</td>
<td> <input name="add1" type="text" size=25> </td>
<td> Address2 :</td>
<td> <input name="add2" type="text" size=25> </td>
</tr>

<tr>
<td> City :</td>
<td> <input name="city" type="text" size=25> </td>
<td>State :</td>
<td>
<select name="state">
<option value="GA">Georgia</option>
<option value="FL">Florida</option>
<option value="TX">Texas</option>
<option value="AR">Arizona</option>
<option value="KN">Kansas</option>
<option value="ML">Maryland</option>

</select>
</td>
<td> Zip code :</td>
<td> <input name="add2" type="text" size=5> </td>
</tr>
</table>

<br>
<font size="4" color="blue" > <b> Security </b></font>
<table>
<tr>
<td> Password : </td>
<td> <input name="pass" type="text" size=25> </td>
</tr>
<tr>
<td> Password hint : </td>
<td> <input name="hint" type="text" size=35> </td></td>
</tr>
<tr>
<td> Password hint answer: </td>
<td> <input name="hinta" type="text" size=25> </td> </td>
</tr>
</table>

<br>
<font size="4" color="blue" > <b> Preferences </b></font>
<table>
<tr>
<td> Facourite watch : </td>
<td>
<input type="radio" name="fwatch" value="pn" checked> Fossil
<input type="radio" name="fwatch" value="nk" checked> Citizen
<input type="radio" name="fwatch" value="qt" checked> Titan
<input type="radio" name="fwatch" value="ft" checked> Rolex
<input type="radio" name="fwatch" value="dl" checked> Omega
</td>
</tr>

<tr>
<td> Watch condition : </td>
<td>
<input type="checkbox" name="cond" value="good"> Good
<input type="checkbox" name="cond" value="fine"> Fine
<input type="checkbox" name="cond" value="unci"> Uncirculated
</td>
</tr>

<tr>
<td> Other preferences : </td>
<td>
<textarea name="pref" cols=40> Enter text here...</textarea>
</td>
</tr>
</table>

<br> <br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Submit">Reset</button>

</form>

</body>
</html>

CATEGORY.HTML

<html>
</head>
<style>
table, th, td
{
border: 1px solid black;
border-collapse:collapse;
padding : 3px;
}

</style>
</head>

<body>
<a href="home.html">Home </a>
<br><br>
<font size="5"> <b> Lincons Watches </b> </font> <br><br>
A watch is a small timepiece intended to be carried or worn by a person. It is designed to keep working despite the motions caused by the person's activities. A wristwatch is designed to be worn around the wrist, attached by a watch strap or other type of bracelet. A pocket watch is designed for a person to carry in a pocket.

Watches evolved in the 17th century from spring-powered clocks, which appeared as early as the 14th century. During most of its history the watch was a mechanical device, driven by clockwork, powered by winding a mainspring, and keeping time with an oscillating balance wheel. In the 1960s the electronic quartz watch was invented, which was powered by a battery and kept time with a vibrating quartz crystal. By the 1980s the quartz watch had taken over most of the market from the mechanical watch.

<table border=1>
<tr>
<td bgcolor="#F4DCB8"> Item </td>
<td bgcolor="#F4DCB8"> Front </td>
<td bgcolor="#F4DCB8"> Back </td>
<td bgcolor="#F4DCB8"> Mintage </td>
<td bgcolor="#F4DCB8"> Asking price </td>
<td bgcolor="#F4DCB8"> Date Listed </td>
<td bgcolor="#F4DCB8"> Condition </td>
</tr>
<tr>
<td> <a href="1905R1det.html"> 1905R1</a> </td>
<td> <img src="images/r11.jpg"> </td>
<td> <img src="images/r12.jpg"> </td>
<td> 1,854,000 </td>
<td align="right"> $2854.00 </td>
<td > 05/17/2016 </td>
<td> The company and its subsidiary Montres Tudor SA design, manufacture, distribute and service wristwatches sold under the Rolex and Tudor brands. Founded by Hans Wilsdorf and Alfred Davis in London, </td>
</tr>
</tr>
<tr>
<td> <a href="1905R1det.html"> 1911F1 </a> </td>
<td> <img src="images/r11.jpg"> </td>
<td> <img src="images/r12.jpg"> </td>
<td> 2487,000 </td>
<td align="right"> $3685.00 </td>
<td > 03/11/2017 </td>
<td> Only official Rolex retailers are allowed to sell and maintain a Rolex. They guarantee the authenticity of each and every part of your Rolex, not to mention its reliability over time, helping you make the choice that will last a lifetime. </td>
</tr>

</body>
</html>

1905R1DET.HTML

<html>
</head>
<style>
table, th, td
{
border: 1px solid black;
border-collapse:collapse;
padding : 3px;
}

</style>
</head>

<body>
<a href="home.html">Home </a>
<br><br>
<font size="5"> <b> 1905R1 Details </b> </font> <br><br>
A watch is a small timepiece intended to be carried or worn by a person. It is designed to keep working despite the motions caused by the person's activities. A wristwatch is designed to be worn around the wrist, attached by a watch strap or other type of bracelet. A pocket watch is designed for a person to carry in a pocket.

<p> A watch is a small timepiece intended to be carried or worn by a person. It is designed to keep working despite the motions caused by the person's activities. A wristwatch is designed to be worn around the wrist, attached by a watch strap or other type of bracelet. A pocket watch is designed for a person to carry in a pocket. </p>
</td>
</tr>
</table>
<br><br>
<b> Asking price : </b> $54,879.00
<br>
<b> To make an offer : </b> 123-456-7890 or Email: mymail@testmail.com
</html>

Navigate

Create an items-for-sale web site. The following requirements must be met: 1. Th

Create an items-for-sale web site. The following requirements must be met: Can t

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Create an items-for-sale web site. The following requirements must be met: 1. Th

Question

Explanation / Answer

Related Questions

Navigate