About Web Design Book - Chapter 8
Example 8-1: A simple navigation list
Looks like a standard HTML bulleted list.
Looks like a standard HTML bulleted list.
Example 8-2:Making the list items look like blocks
This makes them more easily clickable.
This makes them more easily clickable.
Example 8-3: Adding color to the navigation list
Not quite so boring with color.
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.
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.
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.
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.
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.
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.
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.
Some common navigation elements you can use on your Web site.
Link 8-5: HTTP Status Codes
What do the various status codes mean.
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.
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.
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.
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.
More than just a border, outlines can be a useful tool on your site.
Link 8-10: Advanced CSS
Links to help with advanced CSS topics.
Links to help with advanced CSS topics.
Link 8-11: What is a Breadcrumb Trail?
A breadcrumb on a Web site has a very specific meaning.
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.
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.
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.
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.
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.
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.
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.
Get new ideas for dynamic navigation menus from the CSS Showcase.
Link 8-19: Usability Testing Links
Links from the Web Usability Guide to help you do usability testing on your Web site.
Links from the Web Usability Guide to help you do usability testing on your Web site.
Link 8-20: Writing Web Navigation
Learn how to write Web navigation that really works.
Learn how to write Web navigation that really works.
Link 8-21: HTTP
Understand the protocol behind the Web pages.
Understand the protocol behind the Web pages.
Link 8-22: Free Menu Templates
Templates that help you build menus with CSS and standard HTML.
Templates that help you build menus with CSS and standard HTML.