Header Banner
WonderHowTo Logo
WonderHowTo
Adobe Dreamweaver
wonderhowto.mark.png
Gadget Hacks Next Reality Food Hacks Null Byte The Secret Yumiverse Invisiverse Macgyverisms Mind Hacks Mad Science Lock Picking Driverless

How to Create a favicon in Dreamweaver

May 1, 2010 05:18 AM
RiverCityGraphix website homepage in a web browser.

This is a handy tutorial about creating the favicon. A favicon is an icon which appears on the tab, in the address bar and in the favorite menu of browsers. To make a favicon:

1 open a new document of 300x300 pixels in PhotoShop. Use the zoom tool to have a enlarge view of this document. 2. By choosing the colors of your choice, add a gradient on this document.

3. You can put a symbol or shape on this document by choosing the shape tool and selecting any available symbol

4. Save this document in .PNG format

5. convert this PNG file in to ICO or icon file. Unfortunately you can convert a jpeg or png in to ico file in PhotoShop. For this conversion you can use ConvertIco.com. This website provides a very simple and easy to use interface. Select brows to give the path of your png file and a script will run and return you a ico file. Download it and save it on your local disk.

6. Open dreamweaver and select Code view.

7. In the head tag of your page, add following lines <link rel= “shortcut icon” href=”[path of your favicon file.ico]” />

8. Done, now you view the page in a browsers to verify whether favicon is displayed or not.

You already know how to use your phone. With Gadget Hacks' newsletter, we'll show you how to master it. Each week, we explore features, hidden tools, and advanced settings that give you more control over iOS and Android than most users even know exists.

Sign up for Gadget Hacks Weekly and start unlocking your phone's full potential.

Related Articles

Comments

No Comments Exist

Be the first, drop a comment!