10.07.2017 Views

246996016-HTML5-Step-by-Step

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Creating a Text-Based Navigation Bar 167<br />

Notice that the level directly below the Home page consists of five pages. The navigation<br />

bar will contain hyperlinks to each of these pages. Three of these are introductory pages<br />

for larger sections of content; the introductory pages of those sections will link to each<br />

page within that section. This Web site is modest in scope initially, but there is plenty of<br />

room for future expansion. You could add dozens of additional tips, problem-solving<br />

techniques, and products. You could even create subsections within one of the main<br />

areas if the content becomes too overwhelming for a single page.<br />

Notice also that not every page referenced from the navigation bar is a major section.<br />

Three of them—Home, About Our Store, and Contact Us—are simply pages that are<br />

important for visitors to be able to access quickly from any page.<br />

Creating a Text-Based Navigation Bar<br />

A text-based navigation bar is the simplest and easiest, and it is also very user-friendly.<br />

On simple Web pages, text-based navigation bars are usually placed at the top of the<br />

page, in a single horizontal line. Some Web designers also place a copy at the bottom of<br />

each page so visitors don’t need to scroll back up to the top of a page to access the links.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!