Week4 Review, CSS, and Menus for Navigation

CLASS #4 tip: 

“Don't make it hard for your clients
to contact you" --anon

Week 4

Banners, links, and menus for navigation.

Objective:  To build a web site consisting of at least 3 web pages.

This week

• Banner -Inserting backgrounds, images.
• Links and Menus/navigation
• Coming up next..
• The Position Rules
• Making Layouts
• Contact Forms!

Resources for this week -- go to these URL's

The Banner Tutorial -images & backgrounds and html5

The following linked web pages show you how to construct a banner/header for your web pages. If you can build a banner/header you can assemble the rest of your web page!!
The Banner Tutorials

Make Your Own Menus

Making your own Navigation menus can be time consuming. There is a lot of help available on the web. 

All About Links The Menu Tutorials
In class we used Ian Lloyd's world famous List-o-matic menu generator to make our menus for navigation
List-o-matic

The linked web page shows you how to insert a horizontal or a vertical menu bar.

Garry's Menu insertion example  (Look at the source FOR THE COMMENTS I ADDED!)

Layout
Using the Position Rules
Making layouts

Homework

1. Generate a menu, and insert on your web page
2. Finish the layout of your "home" (index.html) web page (Try the menus in the above menu insertion example for clues!
3. Duplicate your index.html web page 3 times… and re-name them Contact.html, About.html, and Product.html