WebWork Unit 4: NavBars

Learning Objective:

Learn to develop a site Navigation Bar as seen in commercially produced websites.

Essential technologies

links (anchors)
unordered lists
link and block styling

Anchor Formats

There are 3 basic link formats
1] external link – you can never go wrong with this one; <a href=”URL”>Anchor Text</a>

2] internal links: use this format to link to other pages in the same domain  <a href=”/folder/filename.html>Anchor Text</a> or <a href=”filename.html>Anchor Text</a>

3] text anchors or placeholders – these are normally used to link to a section or div in the current page. Do not use this format for the navbar.<a href=”#anchorname”>Anchor Text</a>

A word about SEO:

How nasty is Google – this week’s fiasco!
WebPro News