For each assignment, use Notepad to code your html pages and MS Internet Explorer 4.0 to view your pages. Save the file to your floppy. When you are done, upload your pages to your free ISP site (http://mtimay.freehomepage.com/xxx). Strive for esthetic appeal and purposeful content. Use your own examples; not those in the textbook (HTML for the World Wide Web, Elizabeth Castro, 2000).

Assignment 1 - Fundamental Tags (pages 21-56)
Main Tags: html, head, title, (body: bgcolor, text, link, alink, vlink), (p, 3aligns), h#, (font: face, size, color), b, i, 'comment', (Minor Tags: em, strong, big, small, cite, code, sub, sup)

Create a page that includes all of the Main Tags listed above. Add any 3 of the following links, by including any 3 of the following lines of code:
Infoseek Search Engine
Netscape
Toastmasters
Altavista Search Engine
Lycos Search Engine

See the Sample

Assignment 2 - Images and Multimedia (pages 57-114, 217-238)
Tags: img (src, width, height, hspace, vspace, align, alt, border), (br, 3clears), hr, bgcolor, background, blockquote

Create a page that includes all of the tags listed above, following the instructions below. Return to Assignment 1. Visit a search engine and search for ‘clipart’. Download 5 different gifs. Display each gif with a different combination of the above optional tags. Also, add a descriptive paragraph to each gif explaining which of the options you employed. See the Sample

Assignment 3 - Links and Anchors (pages 117-129)
Tags: a (href, name, #, mailto:)

Create a page that includes all of the tags listed above. Your page should open two of your previous assignments. The page from this assignment should also jump to the middle of each of the 2 pages from the top, and to the top of each from the bottom. See the Sample

Assignment 4 - Image Maps (pages 130-133)
Tags: usemap, map (area, shape, coord, name)

Create a page that includes all of the tags listed above. Use the image I have placed in your 'images' folder. Link each quadrant to a different assignment and back. See the Sample

Assignment 5 - Lists Tags (pages 135-41)
Tags: Do not use blink, u, marquee, basefont. Do not nest lists.
Part 1 - ol, li, b, I, font
Part 2 - ul, li, strong, em, font
Part 3 - dl, dt, dd
Part 4 - hr, address

Create a page that includes all of the tags listed above, following the instructions below.
Part 1 and Part 2 - Display the same list with these 2 sets of tags.
Part 3 - Display 3 definitions using these 3 tags.
Part 4 - Close your page with these 2 tags.

See the Sample

Assignment 6 - Tables (pages 143-166)
Tags: table (tr, td, th, align, valign, bgcolor, caption, cellpadding, cellspacing, rowspan, colspan, border, width, height)

Create a page that includes all of the attributes of the table tag as listed above. You will need 2 tables. See the Sample

Assignment 7 - Frames (pages 167-185)
Tags: frame (src, target, bordercolor, scrolling, marginwidth, marginheight, name, noresize); frameset (border, bordercolor, rows, cols, frameborder); noframes. See the Sample

Create a page that includes all of the tags listed above. The page should have a frame across the top (for a company name or slogan), a narrow navigational/links frame on the left side (150 pixels), and a wide frame on the right for the content. On the left frame, link to your original assignments.

Assignment 8 - Forms (pages 187-216)
Tags: form, action, method, input, type (text, radio, checkbox, submit, reset) checked, select, option, selected, textarea, value, name, rows, cols, size.

Create a page that includes all of the tags listed above. Your form should serve as a Feedback Form for your project or other business. Use the mailto: attribute. See the Sample

Assignment 9 - Search Engines (pages 339-348)
We will compare how search engines rate a web site (i.e., http://www.mticollege.com). We will review the specific characteristics which either help or hinder a web site's relevancy rating/ranking. First read How Search Engines Index and Rank Files. And then do Assignment 9 as explained on the detail sheet.

Assignment 10 - Final Project (2 labs)
Tags: text, lists, images, table, links, image map, form, and frames.

Create a web site suitable for commercial benefit, promotion of a social issue, or other professional purpose. You will need to employ Text, Lists, Images, Links, a Table, and a Form. Frames and Image Maps are optional.