call +44 (0)1273 622272
Making logo a click-able link to homepage
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.
Related posts:
- Adding Images to Your Website
- Adding a logo to your Website
- Making Links in Dreamweaver:
- Clickable Images that Open Up a Larger Image
- Making a text link on your Web Page
Similar resources you may like
Related posts:
- Adding Images to Your Website
- Adding a logo to your Website
- Making Links in Dreamweaver:
- Clickable Images that Open Up a Larger Image
- Making a text link on your Web Page
Tags
clickable link, Dreamweaver, Dreamweaver Training, dreamweaver training sussex, home page, images, images into links, logo, sussex
Share This Resource
3 Responses to “Making logo a click-able link to homepage”
Leave a Reply
Follow Silicon Beach Training
Categories
Upcoming courses
- 7 - 9 Feb 2012
Software Testing Foundation - 7 - 8 Feb 2012
Dreamweaver - 8 - 10 Feb 2012
Benefits Management & Business Acceptance - 9 - 10 Feb 2012
MSP Practitioner Conversion - 9 - 10 Feb 2012
Assertiveness & Confidence Building - 9 - 10 Feb 2012
Photoshop for Web Graphics - 13 - 14 Feb 2012
Joomla - 13 - 14 Feb 2012
Facilitation Skills - 13 Feb 2012
Google Analytics - 13 - 15 Feb 2012
Foundation in IT-Enabled Business Change - 13 - 14 Feb 2012
Certified ScrumMaster - 13 - 17 Feb 2012
ITIL Intermediate - Service Offerings & Agreements - 13 - 17 Feb 2012
Lean Six Sigma Green Belt - 13 - 15 Feb 2012
ITIL Intermediate - Service Transition - 14 - 16 Feb 2012
Agile Project Management Foundation
|
|
|
Laserex says:
I tried this, however my logo is embedded in a Photoshop header banner and hence, I am unable to click on it to open up the properties panel for images.
Any advice?
Many thanks!
9. 7. 2009 at 3:33 am
admin says:
you can select a part of an image in dreamweaver and attach properties to it.
the tools you need are at the bottom left of your properties menu underneath your page)
It says map – then ther are little blue shapes for drawing on your image – rectangles, circles or irregular shapes
once you have drawn the shape which appears blue on your image you can fill in the link property box.
to reselect your shape use the pointer tool in the same section.
hope this helps.
Heather
9. 7. 2009 at 12:55 pm
admin says:
ok I think you have used a photoshop image and inported it as a smart object, I’ll look into this
9. 7. 2009 at 4:13 pm