reate a web site on some web host (e.g., Geocities) using (at least) the tags listed below. (See Appendix D of the text for tag summaries and references to where in the book these tags are discussed. Also, see the Web Design Group HTML reference.)
- Tag list. (All the examples in the book are available at the Author's web site.)
- <a> for a link and for a label
- <b> or <strong>
- <base> to define the target window for a link and to define relative location for references
- <blockquote> for setting off blocks of text.
- <br>
- <body> including a background image on one page and a background color on another.
- <div> with align=center to center a section of a page.
- <dl>, <dt>, and <dd>
- <frameset> and <frame>
- <font>
- <head>
- <html>
- <hi> for at least two different is.
- <i> or <em>
- <hr>
- <iframe>
- <img> at least one having text wrapped around it
- <li> and one of each <ol> and <ul> with type attributes specified. Include at least one nested list.
- <map> to define hot spots on an image
- <meta> with attributes http-equiv and content to define a redirected link
- <nobr>
- <p> at least one each align-ed left, right, center, and justify.
- <pre>
- <table> (including <tr> and <td>). Include both a colspan attribute and a rowspan attribute
- <title>
- Include some special characters, such as:
©, ®, , , , <, >, , ¥, €, $, , , ¶, µ, ±, .
(The $ is not a special character, but¥ € $, the primary currency symbolsYen, Euro, Dollarmake a nice combination.) (Seefor lists of special characters and their HTML-Entity representations.
- Present your site in class.
ake a copy of your pages. In the copy eliminate all the html formatting and replace it with stylesheet formatting. (See the Web Design Group Stylesheet reference.)In particular, don't use <i>, <b>, <font>, or other formatting tags or attributes (such as align). (You may use <em> and <strong>, but give css definitions for how they are to be displayed.)
Present your site in class.
ake a third copy of your site. (See Microsoft's (incomplete) JScript reference.) Add some Javascript features. Include at least 4 different kinds of events to which your site responds. Events include: onclick, ondoubleclick, onload, onmouseover, onmouseout, etc.
Include at least one event that calls the
setTimeout(<function>, <milliseconds >) function.
Have your Javascript code modify at least 4 different properties of page elements. Properties include: display (visibility), location, font properties (size, weight, family), border properties (size, color), background, color, etc.
ake a fourth copy of your site. Include at least one interactive Flash 5 animation. The Flash animation(s) should allow the user (a) to navigate around your site (to some extent) and (b) to navigate within the animation. The animation should also respond to user actions in at least one other way, e.g., to a
mouseoverevent.