Create a web site
Best web spinners in the Universe
Navigation/Menus using the anchor <a ></a> element
Document Links
Navigation Links are traditionally formatted as lists as lists are easy to style using CSS.On the left Lesson 3 is linked by using a url or path to a document that can be located anywhere on the Internet.
<a href="http://uofgts.com/BasicWD/lesson3.html">Lesson 3</a> or on your web site.
A link looks like this Lesson 3 on a web page (Blue and unerderlined is the default appearance of a link.). .
Book Marks
<a href="#Linking_Images">here</a><a name="Linking_Images"></a>
The sub-link under Lesson 3, Fonts is a bookmarked link that takes you directly to another web page but displays the part of that html page that deals with fonts available for all browsers and computers.
You can set a bookmark or "anchor" on a current page by highliighting a word and using the anchor editor in. Kompozer. The Kompozer link dialogue box also lists other possible bookmarks (all text that has been formatted as a title or sub-title h1 through h6) when you expand the link box as seen here.
EG On this page you can find more information about linking an image or a thumbnail here and then linking the word using the regular link editor.
The Mailto: Link
On the left we have linked the menus Contact as a way to open comminication with a visitor, using their e-mail program. all you need to do is add an e-mail address in the link dialogue boxThis is the actual link
<a href="mailto:garry@uofgts.com">Contact</a>
an d it looks like this
Contact clicking on the Contact link will load the users default e-mail program with your address inserted.
However, this method of contact presumes the user has access to e-mail via his computer (the might use web mail instead) and it also exposed your e-mail address to spammers...
For a solution to this problem go to about.html and we will discuss secure contact methods using forms.
Linking Images
There are programs like JAlbum and Photoshop that can make thumbnail web pages that link to full page display pages and slide shows.
Here is a sample slides show thumbnail page made using Photoshop
More Information about the <a></a> element
A page with defintions, usage and a link to Try it Yourself eaxamplesnear the bottom of the page w3c schools
Sitepoint.com also has excellant references available on line