|
|
|
Basics of Web Design Principles
You spent countless hours designing a site with fantastic colors, attractive images and beautiful layout but it failed to click, did this ever happen to you? Many of the apparent reasons could be lack of planning or inappropriate design elements. A...
Beginner Guide to Web Hosting
What is web hosting? Whenever you visit a website, what you see on your web browser is essentially just a web page that is downloaded from the web server onto your web browser. In general, a web site is made up of many web pages. And a web page is...
Developing Your Winning Web Site Strategy
Your web site is the key to your success on the Internet. You can use your web site to build your brand, increase sales, generate more leads, slash costs, and much more. In fact, you probably have very specific goals that your web site is helping...
Web Design: Integrating e-Commerce
For web developers who prioritize graphics and design work, reconciling the art of web development with building an e-commerce platform can be somewhat problematic. Design and programming are the foci - and these are the skills developers spend...
Web Standards Part 1 : What are web standards?
There is a lot of talk about web standards within the web community but to business owners talk of web standards is like double-dutch. This article will give the low down on what these technologies are and how they relate to your web business. When...
|
|
| |
|
|
|
|
|
|
A Custom Icon For Your Web Site
WHAT IS FAVICON (Or the Icon in general)
It is the little thing you see on your Location bar
(History/Address bar) when you visit a web site, on the left of
http://. For example, if you view a site through Internet
Explorer, you see an e superimposed over a blank white paper
sheet. The icon also shows up when you press CTRL+D to save the
link in your Favorites folder. I think the icon is showed
anywhere you store the link, whether on the Desktop or some other
place.
But some web masters prefer to have their own icon. Apart from
being an ego issue, it makes the web site memorable, and more
prominent in the list of hundreds of Favorite links (gosh! do you
ever visit them?!), or repulsive if you make an ugly icon
COMPATIBILITY
It only works with IE5 or higher versions. Otherwise browsers
like Netscape Navigator and Opera do not support such an
indulgence. Well, to be frank I haven't checked with the current
versions (I have IE5, Netscape 4.7 and Opera 5 on my machine).
But the last time I read, more than 75% surfers are using IE5 or
plus these days.
MAKING THE ICON
In the following steps, you can create an icon from your web
site. This reminds me, a more complex icon can be created by a
software like Microsoft Photodraw where you can first enlarge the
view without distorting the pixels, create the icon, and then
reduce to the normal size and then paste it into an icon editor.
Look out for a similar editor if you don't have it.
Take care that the icon you make/draw/scan/steal has a dimension
of 16 x 16 pixels. Preferably, in 8-bit color.
Now go somewhere, where there are lots of downloadable programs,
and download "Icon Collector Graphics Editor" from
http://www.greatowl.com. I mention this software because somehow
I have it on my computer, and don't remember when I installed it.
Probably I was trying to make a Favicon for myself but then
changed my mind. On second look, I didn't change my mind after
all. The icon does show up if you load my web site -
http://www.bytesworth.com - and maybe in buffer it
doesn't show
up.
Anyway, there is another program called ForgeIcon - try to find
it on Google. If you don't want to download any program, go to
http://www.favicon.com. They have an online software to help you
make the icon.
Use your artistic genius to make the icon, and name it as
"favicon.ico". All icon files have the extension .ICO (but of
course).
UPLOADING IT
You need to upload the icon on your server if you really want it
be visible to your visitors. For that you need an FTP program. I
use CuteFTP that you can probably get at http://www.cnet.com or
some other free download site.
Some simple folks also use the good old browser to upload a file
by simply typing the FTP path in the location bar. In the case of
the browser, you just have to copy-paste the file, that is, if
you have the login and password.
Then, save the favicon file in the folder where you want it to
appear. For example, if you want it to appear with
http://www.maindomain.com then you save the favicon file in the
root folder of your server, that is, it's path should be
http://www.maindomain.com/favicon.ico. But, if you want a
different icon to appear with
http://www.maindomain.com/subdomain/anotherfile.html, you need to
store the new icon (with the same name - favicon.ico) in the
folder "subdomain", that is, the path of the second icon file
should be http://www.maindomain.com/subdomain/favicon.ico.
After this, whenever your web site is accessed, the icon shows
up, and it remains there when the site is book-marked or added to
the Shortcuts section of the browser.
So this is how you can create and use your own icons on your web
sites.
About the Author
Amrit Hallan is a freelance web designer. For all web site
development and web promotion needs, you can get in touch with
him at http://www.bytesworth.com. For more such articles,
visit http://www.bytesworth.com/articles You can subscribe to his
newsletter [BYTESWORTH REACHOUT] on Web Designing Tips & Tricks
by sending a blank email at bytesworth-subscribe@topica.com
|
|
|
|
|
| Web Development |
| This web summarizes the complete life cycle methodology for web development: planning, analysis, design, implementation, promotion, and innovation. |
| www.december.com |
|
| Web Development |
| Professional Web site design, graphic design, and Internet development services. |
| webdevelopment.com |
|
| Web Developer's Virtual Library: Web Development Tutorials and ... |
| News, tutorials, and reference material focusing on technical web development topics. |
| www.wdvl.com |
|
| Open Source Web Development Tutorials - Dev Shed |
| Open Source web development tutorials, forums, and tools. Topics covered include PHP, Apache, mySQL, Zope, Roxen, Jserv, Zend, XML, DHTML, and Javascript. |
| www.devshed.com |
|
| WebDeveloper.com |
| Hello all, I am new to web development. I have an understanding of website development, but no scripting experience. I have heard of JavaScript, PHP, ... |
| www.webdeveloper.com |
|
| LevelTen Web Design | Professional Website, Flash & Graphic ... |
| Offers logos, web sites, multimedia presentations, and custom media. Quote form. Based in Dallas, Texas. [Requires Flash] |
| www.leveltendesign.com |
|
| Web development - Wikipedia, the free encyclopedia |
| For larger businesses and organizations, Web development teams can consist of ... Since the mid-1990's, Web development has been one of the fastest growing ... |
| en.wikipedia.org |
|
| Web Design - HTML XML - Web Development - Web Site Design |
| Web Design and HTML are all about creating a great Web site. Use Web development and Web site design to build Web sites that customers return to over and ... |
| webdesign.about.com |
|
| Agile Web Development with Rails—Second Edition |
| Dave Thomas, Mike Clark, David Heinemeier Hansson, Leon Breedt, Thomas Fuchs, Andrea Schwarz; Pragmatic Bookshelf, 2006, ISBN 0977616630. |
| www.pragmaticprogrammer.com |
|
| CYGAD's WebDevelopment - Welcome to CYGAD’s WebDevelopment! - The ... |
| CYGAD's WebDevelopment - The finest Resources for WEB-Design, WEB-Master and WEB-Developer! |
| www.webdev.cygad.net |
|
| Web Development Bookmarklets |
| Includes tools for viewing and testing CSS styles, viewing scripts and variables, and showing the structure of a document. |
| www.squarefree.com |
|
| SGI - Freeware - Web Development |
| Links to freeware web development tools, browsers, software, etc. |
| www.sgi.com |
|
| Webmonkey: The Web Developer's Resource |
| Resources for web site developers including how-to guides, code libararies, server technologies and authoring resources. |
| www.webmonkey.com |
|
| Web Development Tools - Web Developer's Journal |
| Tips on Web page design and development, HTML, graphics, scripting, favicon, development tools, Java, sql basics, building web sites, and much more for ... |
| www.webdevelopersjournal.com |
|
| Web Developer's Handbook | CSS, Web Development, Color Tools, SEO ... |
| Web Developer's Handbook is a list of essential web-sites, which make the life of web developers easier. Compiled and updated by Vitaly Friedman. |
| www.alvit.de |
|
| Ceonex Web Development & Web Design - Full Service Digital ... |
| Web design, web development, online branding, application development and other full service business solutions focused on prospect conversion and customer ... |
| www.ceonex.com |
|
| Cayenne Web Development - web design agency, Oxfordshire, UK |
| Specialist web design agency based nr Banbury, Oxfordshire, offering a complete website design and development service. |
| www.cayenne.co.uk |
|
| Web development mistakes | 456 Berea Street |
| When I visit a website, especially if it’s the site of a competitor or a prospective client, I like viewing… |
| www.456bereastreet.com |
|
| Web development mistakes | 456 Berea Street |
| Articles and news on web standards, accessibility, usability, and other things related to web development and web design. |
| www.456bereastreet.com |
|
| Anil Dash: Web Development Trends for 2006 |
| Here, then, is a random assortment of new web development trends to be ready ... Web Development trends 2006: Überblogger Anil Dash maakte (een paar weken ... |
| www.dashes.com |
|
|