HTML Lab 4

Cover the following w3schools.com HTML tutorial:

• HTML Layout

After that, complete the following lab exercise.


Creating Two Linked Pages

You will need to create two web pages for this exercise. The first Web page is a home page that presents information about your antiquities website, together with two links. The Prices link in the first page will be linked to a price list of items (on the second web page) found at the antiquities store. The second link, called Links, should direct the Web page visitor to another Web page of your choosing that has to do with antiquities. You may select a museum or another similar site.

Instructions:

1. Start a new HTML file.
2. Create a 50% wide, one-row, two-column borderless table with an image in the left-hand data cell and the name of your antiquities company in the right-hand data cell. Give your company name a colour.
3. Create a second one-row, two-column borderless table. Make the first column 20% wide with a background colour and then add two links to the column: Prices and Links (which links to an antiquity Website of your choosing). Make the second column 80% wide and include the text and an e-mail link.
4. For the Prices table, create a five-row, two-column table with a fixe-pixel border, cellpadding of 15, and cellspacing of 5. Fill the top row with a colour.
5. Span the first heading across both columns, as shown in the example website.
6. Fill in the headings, Item and Price, and additional information in the appropriate table cells.

Your finished website should look like this: ABC Antiquities

Assignment 2

Assignment specifics:

• Create the following Web page using only Notepad and your HTML knowledge (no Web page editors!)
• Individual work
• To be submitted in a CD-ROM
• Duration: 2 weeks

Assignment question:

Create a Web page with a table that shows at least 24 browser-safe colours. For each cell, include the six-digit number code as the text and set the background colour of that cell to the same six-digit number code.

Use the following websites as your reference:

• Web Color Chart
• The Browser Safe Colors

HTML Lab 3

Cover the following w3schools.com HTML tutorials:

• HTML Tables
• HTML Quick List

After that, proceed with Assignment 2.

Assignment 1

Assignment specifics:

• Create the following website using only Notepad and your HTML knowledge (no Web page editors!)
• 2-3 persons in a group
• To be submitted in a CD-ROM
• Duration: 2 weeks

Assignment question:

Your manager has asked you to create a simple five-page prototype of the Web pages in the new Entertainment section for the online magazine CityStuff. The home page should include headings and brief paragraphs of text for Arts, Music, Movies, and Dining. Within each paragraph of text is a link to one of the four detailed Web pages for each section (for example, the Arts link should connect to the Arts Web page). The home page also includes an e-mail link at the bottom of the page. Add a "To Top" link that connects to a target at the top of the page. The four detailed Web pages should include links to external Web sites of interest and a link back to the home page. If possible, also find appropriate images to use as a background or in the Web page.

HTML Lab 2

Cover the following w3schools.com HTML tutorials:

• HTML Formatting
• HTML Styles
• HTML Links
• HTML Images
• HTML Lists
• HTML Forms
  
• HTML Colors
• HTML Colornames
• HTML Colorvalues