CS12 Day Five

Daily Objective

Participants will be able to:

• Develop working navigation
• Create well styled lists
• Manage padding, margins, floats and more.

Presentations:

• Styling Lists

Instructor Led Project : Files Needed

Position Review | Header Image | Finished Example | Starting List File | PowerPoint

Participant Project 1: Lab 5 Requirements

Participants will need to complete the following items:

Practice Menus

• One Vertical Menu.
• One Horizontal Menu.
• All menus match site color scheme.
• Styles used appropriately and efficiently to fit menus into existing page.

Vacation Page

• Working and well-styled navigation.
• List & links have appropriate hover effect.
• All pages validate to XHTML 1.0 Transitional at W3C site.
• Style sheet validates against W3C CSS validator.

Personal Project

• Working and well-styled navigation on all pages
• List & links have appropriate hover effect.
• All pages validate to XHTML 1.0 Transitional at W3C site.
• Style sheet validates against W3C CSS validator.

Resources

• Navigation Tips : http://www.smartwebby.com/web_site_design/website_navigation_tips.asp
• List-O-Matic: http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/
• Listamatic: http://css.maxdesign.com.au/listamatic/

Readings

• Head First: 577-580
• Quick Start: Lists - 203 - 214

Assignment(s): Next Class @ 5:00pm

• Complete all lab 5 requirements

Bonus:

• Dreamweaver Ext., List-o-matic: http://www.dmxzone.com/ShowDetail.asp?NewsId=5618