Internet Marketing Tools Part Five Icon Basics
by Shelley Lowery
An icon is a graphic image that represents an available function on a computer's graphical user interface. They look like a standard image file, however, to create an icon, you must have a special software program capable of creating and saving an image in ICO format.
The size of an icon will vary depending on the application it is associated with. Some will require a 16x16 pixel image and others may require a 32x32 pixel image. In addition, the number of required colors may be 16 or 256.
Favicon
If you're using Internet Explorer 5 or above, you've probably noticed that some sites you've placed within your "Favorite Places" have an icon that displays beside the link. This icon is known as a "Favicon." Displaying a Favicon with a website can not only make it stand out among the sites listed, but it can also build brand awareness.
A Favicon should represent your website and provide viewers with an instant recognition of your website. This can be accomplished by using a specific symbol or logo that defines what your website is all about.
Creating Your Icon
You can easily create a custom icon for your website that will display within your visitors' "Favorite Places."
Your first step will be to download an icon creation program. I recommend using a great shareware program called Icon Easel. You can download it at the following web address: http://www.easyapps.com
To create an icon with Icon Easel, you simply open the program and select your icon size and color preference from the dropdown menu to begin. Your icon will automatically be created in the preferences you specify. Internet Explorer requires that your icon is 16x16 pixels. If it isn't, it will be ignored.
You're now ready to begin the actual design process. The large window that contains all the squares is your icon canvas. Each square represents a pixel and can be edited to suit your needs. Use the tools on the left-hand side of your screen to edit these pixels and design your icon.
Using an Image
If you have an image that you would like to use as an icon, you can do so in a couple of different ways. You can either copy your image and paste it onto your icon canvas, or you can paste your image from a file.
If you're not confident in your abilities to design your own icon, using a pre-designed image will be your best option.
Creating a Transparent Background
When designing your icon, unless your icon covers the entire canvas, you'll want to make the background transparent. This will allow the canvas of your icon to be transparent and enable the background to show through.
Your first step will be to click on the "Screen" button on the right-hand side of your screen. This will display the transparency lines within your left color window. To add transparency to a pixel, click on the "Flood Fill" tool (tipping paint can) on the left-hand side of your screen and fill in the pixels you'd like to make transparent.
When you're finish with your icon, simply save your file as favicon.ico and upload it to your server where you store your HTML files.
Associating Your Icon
Each time your visitor adds your site to their "Favorite Places," Internet Explorer automatically searches for your favicon.ico file and displays it next to your site's link. You can also associate the icon with your web page by saving the icon with a different file name other than favicon.ico and adding the following code within your HTML between the <HEAD> and </HEAD> tags.
<LINK REL="SHORTCUT ICON" HREF= "http://www.domain.com/icon.ico">
The URL should lead to your icon file.
Ebook Icons
In addition to creating an icon for your website, many HTML ebook compilers will enable you to display your own product icon. This icon will be displayed on your clients' desktop. When clicked on, it will open your ebook.
Before creating an icon to be used with your ebook, make sure you review your compilation software to make sure that you can include your own icon and to get their specifications.
Creating and displaying your own icon is not as difficult as you may think. If you follow the simple instructions above, you can create your own icons in a matter of minutes.
Copyright © Shelley Lowery 2002.
About the Author:
Shelley Lowery is the author of several successful ebooks including Web Design Mastery - An in-depth guide to professional web design. Ebook Starter - A Complete Ebook Design Kit, and eZines: A Complete Guide to Publishing for Profit. Subscribe to Etips and receive a free copy of her highly acclaimed ebook, "Killer Internet Marketing Strategies." http://www.web-source.net
You have permission to publish this article electronically, in print, in your ebook or on your web site, free of charge, as long as the author bylines are included.
Part Four
Part Six
| DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware. |
More Website Marketing Articles
More By Developer Shed  developerWorks - FREE Tools!
|
Learn how you can extend modern application lifecycle management to IBM System z through the IBM Rational Software Delivery Platform (SDP). The Did you say mainframe? e-kit includes podcasts, webcasts, tutorials, white and red papers, demos, and articles designed to help ease the challenges of modernizing your enterprise. This complimentary kit for mainframe developers is a practical, how-to guide for making the most of an existing development environment, including the skills and infrastructure already in place at an established enterprise.
FREE! Go There Now!
| | | |
Visit IBM developerWorks to download IBM DB2 Express-C 9.5, a no-charge version of DB2 Express 9 database server. DB2 Express-C offers the same core data server base features as other DB2 Express editions and provides a solid base to build and deploy applications developed using C/C++, Java, .NET, PHP, and other programming languages.
FREE! Go There Now!
| | | |
Discover how IBM Rational AppScan Standard Edition can help you detext vulnerabilities in your web applications in the Web Application Security eKit. IBM Rational AppScan is a leading suite of automated web application security solutions that scan and test for common Web application vulnerabilities. The new Web Application Security eKit provides you with valuable resources, including white papers, demos, and additional information on the benefits of testing your Web applications.
FREE! Go There Now!
| | | |
Visit IBM developerWorks to download a free trial of the latest release of IBM Lotus Sametime Standard V8.0. Lotus Sametime Standard V8.0 is a platform for unified communications and collaboration that combines security features with an extensible, open solution including integrated Voice over IP, geographic location awareness, mobile clients, and a robust Business Partner community offering telephony and video integration.
FREE! Go There Now!
| | | |
Visit IBM developerWorks to download a free trial of the Rational Host Access Transformation Services (HATS) Toolkit. The HATS toolkit provides a set of plug-ins for the IBM Rational Software Delivery Platform to help you easily extend your legacy applications. HATS makes your 3270 and 5250 applications available as HTML through the most popular Web browsers, while converting your host screens to a Web look and feel and it also enables you to develop new Web, portal, and rich-client applications.
FREE! Go There Now!
| | | |
Learn how to implement a build management system that uses and extends your existing automation technologies. This tutorial shows, step-by-step, how to install and configure IBM Rational Build Forge to manage builds for Jakarta Tomcat from source code.
FREE! Go There Now!
| | | |
In this webcast, IBM Rational will discuss the importance of Web application security and will share techniques and best practices to introduce application security testing into current QA processes including: understanding common security vulnerabilities and techniques to integrate security testing with defect tracking and remediation systems in an effort to safeguard sensitive online information.
FREE! Go There Now!
| | | |
The Eclipse community is constantly working to extend Eclipse's functionality. In this webcast, learn about some of the most important and feature-rich projects under development. From multi-language support to plug-in development, tune in to see what Eclipse is capable of now.
FREE! Go There Now!
| | | |
Viper 2 brings a great value to developer communities including SQL, XML, PHP, Ruby, .NET and Java. You probably already know that DB2 Express-C is free for developers to develop, deploy and distribute. Viper 2 provides a variety of means that help move your application from the development stage to deployment more rapidly. This webcast shows how to best utilize the latest tools available for developing DB2 applications.
FREE! Go There Now!
| | | |
With IBM Rational Systems Development Solution, you can deliver products faster with higher quality. Within this kit, Read the “Model Driven Systems Development” white paper to see how to improve product quality and communication. Then check out the rest of the e-Kit to learn more about important topics that can affect the success of any software project through customer examples, tutorials, informative Webcasts, and best practices for designing, building and managing systems. From start to finish, at every stage in your projects, Rational Systems Development Solution can help your company reach its full potential.
FREE! Go There Now!
| | | |
All FREE IBM® developerWorks Tools!
| |
