Advance Digital Studio 4 - Spring 2003

Hypermedia Pages: HTML + CSS

Assignment #3
Create a minimum of five html pages that form a non-linear narrative, which all link directly to one another. Use CSS for all layout and styling.

Phase One, Due: Monday, Feb. 17
Collect all content.
Optimize and size all images.

Layout your documents as simple HTML, using only the tags available in XHTML Basic, and only using them to indicate content and not to hack a layout, e.g., use <blockquote> only for an extended quotation.
For the meanings of the tags see:
Wilbur Quick Reference to HTML 3.2
Overview of all HTML 3.2 Elements
from the Web Design Group


Do final, ideal layout mockups in Illustrator &/or Photoshop.

Phase 2: Applying Styles with CSS to control presentation. Due 2.19

Final: Due 2.24

Medium: Text with Image on the Internet.

File Size Limit: Think WWWeb.

Required Elements:
Text:
At least two paragraphs of differing significance, and one level of heading per page.
Images: At least two images per page. NO images may be used for text.
Links: All pages must link to each other.

Richness. Providing authors with a rich set of rendering effects increases the richness of the Web as a medium of expression. Designers have been longing for functionality commonly found in desktop publishing and slide-show applications. Some of the requested rendering effects conflict with device independence, but CSS2 goes a long way toward granting designers their requests.
2.4 CSS design principles -- W3C
css properties css methods css links
 Fall 2002:
"easy" html html books html links
css style


Advance Digital Studio 4 - Spring 2003