Working the navigation menu...

I've supplied you with a very simple navigation structure, one div container around a simple "list" with each item linked. Using only the CSS you can position and style in a multitude of ways. An excellent site with many navigation examples (with CSS to copy!) can be found at Listamatic.

The copy/alter method is a good way to begin to understand the power and flexibility of CSS styling.

Linking your pages.

I've provided you with all the correct links in within the navigation container. For your respective pages, be sure to remove the link to that page.

Meaning:
For the multimedia.html page, remove the link from the "multimedia" entry in the nav.

This will allow specific navigation styling of the pages you are viewing.

Template replacement files

I've had to make some more adjustments to the template files. Check back here for the availability of the replacements.

The new template files are available here: multimedia.zip

Lexicon Site Layouts on Monday April 21

Bring 3 possible site arrangements to class Monday in electronic form. You can work however you are comfortable (in Illustrator or Photoshop), just save your example in one multi-page PDF for presentation.

Our lexicon site consists of only one page type with given content areas. Your only restriction is the 450px width of media contained in content areas. The site title appears on every page and within the "siteid" container, your term name should also appear.

Template files for lexicon site

Here's the templates for the lexicon site: multimedia.zip

To keep the links working correctly, "save as" the "template.com" file under the "terms" folder with a new name (your term name, all lowercase, no spaces – check the "nav" link for the correct name).

You can place all the files under your microsite folder in Dreamweaver, then your relative path when uploaded would be something like this:
http://green123.dezynorama.com/multimedia/terms/hypermedia.html

Reading for Friday

Please read Windows and Mirrors by Friday April 18 and be ready to discuss in class.

Dreamweaver CS3 with CSS Essential Training

Go through the Dreamweaver CS3 with CSS Essential Training by next Monday April 21. It's long so divide up your sessions.

The exercise files are on CDs in my mailbox.

You can skip sections 2, 8, 11 & 12 if you like as they are not relevant for this project (but still valuable).

Monday April 14

Be ready to project and present your term explanations on Monday (you can put it all into a multipage PDF or Keynote file and place it in my drop box). Bring your ideas far enough to clarify each term's meaning.

Term Description Graphic Width : 450 px

For any info graphics, images, video or Flash, make sure the width does not go over 450 pixels, though it can be smaller.

For Monday, April 7

Sketch some ideas for visualizing your two terms in the different learning styles. Be ready to work in class expanding your ideas and developing possible methods for explaining your terminology.

Also read Helfand's DeStijl, New Media, and the Lessons of Geometry on page 47.