About Web Design Book - Chapter 8
Example 8-1: A simple navigation list
Looks like a standard HTML bulleted list.
Example 8-2:Making the list items look like blocks
This makes them more easily clickable.
Example 8-3: Adding color to the navigation list
Not quite so boring with color.
Example 8-4: A small image as a background can make a big difference
The background image creates a gradient on the buttons of the navigation.
Example 8-5: Horizontal navigation
You can also put the navigation horizontally across the page.
Example 8-6: Navigation with you are here added
You are here contextual help added to the navigation bar.
Link 8-1: Web Design / HTML Site Map
A list of all the pages on the Web Design / HTML site. This site map is more for search engines than for customers, as it's just a long list of links.
Link 8-2: Web Design / HTML Article List
This is a list of the 25 most recently added articles to the Web Design / HTML site.
Link 8-3: 3M
The 3M company. Check out their navigation.
Link 8-4: Let Your Organization Reflect Your Site Layout
Some common navigation elements you can use on your Web site.
Link 8-5: HTTP Status Codes
What do the various status codes mean.
Link 8-6: Internet Archive Wayback Machine
Find out what a site looked like way back a long time ago.
Link 8-7: Navigating Web Pages
Ideas and help with improving your site navigation structures.
Link 8-8: Every Page is an Entry Page
Your site can be found in many different ways. There's no guarantee that they'll arrive on your home page.
Link 8-9: CSS Outline Styles
More than just a border, outlines can be a useful tool on your site.
Link 8-11: What is a Breadcrumb Trail?
A breadcrumb on a Web site has a very specific meaning.
Link 8-12: 404 Research Lab
Learn more about 404 pages and see how other sites have built them.
Link 8-13: How To Create a Custom 404 Page on Apache
Learn how to build a custom 404 page for your Apache Web server.
Link 8-14: How Useful is Your 404 Page
Learn how to write a 404 page that helps your customers.
Link 8-15: How to Use htaccess
Understand how to use htaccess to set up password protected Web sites.
Link 8-16: Create a Gradient in Photoshop
The Graphics Software Guide explains how to make gradients in Photoshop.
Link 8-17: Create Gradients in PhotoImpact
The Graphics Software Guide explains how to make gradients in PhotoImpact.
Link 8-18: CSS Showcase
Get new ideas for dynamic navigation menus from the CSS Showcase.