dreamweaver.training - icon
The UK's Number 1 for Microsoft Office Training Add this page to your favourites/bookmarksBookmark page
 
View printable version of pagePrintable version
Plus One Google
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » dreamweaver.training - Icon

dreamweaver.training - Icon

resolvedResolved · Low Priority · Version Standard

replyReply Tue 30 Jan 2007, 16:30Delegate Sara said...

Sara has attended:
Dreamweaver 8 Introduction course
Dreamweaver 8 Intermediate course

Icon

How do people get a personalised little icon to appear on the tabs of IE7, and in the URL address box? I was thinking of adding a mini-version of our logo.

Thanks

Sara

For upcoming training course dates see: Pricing & availability

replyReply Wed 31 Jan 2007, 09:32Trainer Rich said...

Adding a favourites icon to each page

Hi again Sara! :)

Yes, this effect looks quite good, doesn't it? And it really brands each of your web pages. People subconsciously know they are still on your site, and it's easier to find and flick back to your web site's tab.

The code you need to insert into the <HEAD> section of each page (or ideally your template) is this:

<head>
<link rel="shortcut icon" href="/image/favicon/yourlogo.ico" type="image/x-icon">
<link rel="icon" href="/image/favicon/yourlogo.ico" type="image/x-icon">
</head


This assumes you have uploaded an .ico (in this case called yourlogo.ico) to an /image/favicon folder on your server.

There are two lines because some browsers search for 'shortcut icon' and others search for 'icon'... it's best to cover all bases.

You will also need an icon editor or graphics application that can save to .ico format. I'd recommend http://www.aha-soft.com/iconutils which is free trial for 30 days, and then you can buy if you like it. Or search Google for icon software.

Colours can be an issue, you may only have 256 colours to work with, but because the icons are so small, it shouldn't mater.

Good luck!

Regards, Rich

replyReply Wed 31 Jan 2007, 16:49Delegate Sara said...

RE: adding a favourites icon to each page

Thanks Rich.

I was able to create the icon and stored in the folder as you suggest. Does it need to be actually uploaded to the website on the server for it to work? When I did F12 to test locally the icon did not appear in the tab or URL address box.

Sara

replyReply Wed 31 Jan 2007, 17:30Trainer Rich said...

RE: adding a favourites icon to each page

Sara,

Yeah, you need to upload it to the server for it to work.
I don't reckon the local test would work.

You don't have to use that folder structure, it was just suggestion. I would recommend creating a 'favicon' folder in your normal image storage location, and storing it there.

Rich

replyReply Fri 23 Feb 2007, 16:22Delegate Sara said...

RE: adding a favourites icon to each page

Dear Rich

I have made it work today, but I needed to store the icon in my root folder for the code to work.

A tip sent through by my 24 year-old son..

Sara

 

Dreamweaver tip:

Xhtml vs html

When using dreamwear template or just creating a blank webpage, you are able to select the markup language you want to use. The main choices are either xhtml or html. It is now best to select xhtml as this will translate all the html into xml, so it is transmitted across the web in xml format. One of the main advantages of this is that it makes the site that you build much more compatible with the range of different web browsers that exist.

View all Dreamweaver hints and tips


Microsoft Certified Partner Accredited Training Provider: Institute of IT Training Institute of Leadership and Management - Certified Courses Security Seal verified by visa, mastercard securecard