Part 5.1: Making your logo into a click-able link to your homepage
Most websites have a logo at the top of the page that when clicked takes you to the home page of the site. Although it is not compulsory, so many sites have this click-able logo that it has pretty much a convention. To make your site as user friendly as possible we would recommend that you follow this convention. All this is covered in our comprehensive Dreamweaver training course in Brighton, Sussex.
1: Open Dreamweaver and load your ‘index.html’ page.
2: Click your logo on this page to select it, this will display the ‘Properties’ panel at the bottom of the main Dreamweaver window.
3: In the ‘Link’ field, enter the absolute URL of your site (http://www.example.com). If you haven’t registered a domain name, it is also possible to use a relative link here (index.html).
We recommend that you use the absolute link here.
4: In the ‘Border’ field in the ‘Properties’ panel enter a value of ‘0’ (zero). Some browsers put a blue border around images that are links. Entering ‘0’ here removes this border.
5: Save and publish your web page. You will notice that when you roll the cursor over the logo it now changes from an arrow to a pointing finger showing that the image is now a link.
Making other images into links
You can use the same method described above to make other images on your site into links.
At the moment ‘index.html’ is the only page in your web site. You can create images that link to pages that don’t yet exist and make these pages later. When you click on a link to a page that doesn’t exist your browser will display a ‘404 file not found’ error, this is normal and the error will disappear when the pages are made.
