StyleSheetsAndNavigationBars

StyleSheetsAndNavigationBars - CSE 102 Introduction to Web...

Info iconThis preview shows pages 1–5. Sign up to view the full content.

View Full Document Right Arrow Icon
CSE 102 Introduction to Web Design and Programming Style Sheets & Navigation Bars
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
A Navigation Bar Easy & convenient navigation is critical to the success of any Web site A good navigation system: clearly identify each page provide consistent visual clues provide feedback for hyperlinks A navigation bar (navbar) lists important links ina central place visitors expect to find navigation constructs on the top We can use style sheets to help define our navbar
Background image of page 2
index.html <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Navbar Home Page</title> <link rel="stylesheet" type="text/css" href="./css/navbar.css"/> </head> <body> <div class="navbar"> <a href="syllabus.html">Syllabus</a> | <a href="schedule.html">Schedule</a> | <a href="homework.html">Homework</a> | <a href="sitemap.html">Site&nbsp;Map</a> </div> </body> </html>
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Academic-type Navbars Identify the link for the current page so the user knows where they are
Background image of page 4
Image of page 5
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 14

StyleSheetsAndNavigationBars - CSE 102 Introduction to Web...

This preview shows document pages 1 - 5. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online