Lesson 13: Creating Website Logos and Buttons
Free Online Logo Builder
I´d like to introduce you to a great free service that allows you to create simple logos with ease: FlamingText.com . They also have a lot of sample buttons, arrows, spacers, bullets, special fonts and cliparts that you can use for your website. But you must be careful, because not everything on Flamingtext.com is free for use. Make sure you read their terms of usage.
The only sad thing is that this website is polluted with annoying popup ads on every page you visit, so you should switch your popup blocker to hardcore mode in order to block these ads, once you are on their site.
At Flamingtext, you can create a website logo in four simple steps:
In the video, I´ll guide you through the process of creating a logo and then show you how to save the logo file on your computer, directly in your website´s image folder.
Free ClipArts and Images
Sometimes I use a ClipArt image to create a logo. Combined with some text, ClipArts can help to design nice looking logos fast (like the one at EasyWebTutorials.com).
It´s hard to find places that truely offer something for free. Most free stuff is connected with conditions. One site I found useful is www.ChristiaNet.com. They offer a large selection of free cliparts that you can use on your personal and even commercial websites. The only condition (as I´m writing this) is that you can use only a maximum of 10 cliparts. But that should be enough anyway.
Visit ChristiaNet.com and search for suitable cliparts for your website. To download a clipart, simply right click on the clipart image and select "save image as". Save the clipart to the images folder of your website. Btw - the video links in this tutorial are made using a clipart from ChristiaNet.
You can also use the images included in the website templates package I gave you and edit them as you like. I don´t know which software program you are using to manipulate graphics, my favorite one is GIMP, a free tool. One feature I like very much is the easy option for compressing .jpg files. Remember that the basic skills you should have in editing graphics are tought in the extra lesson: Basic Skills in Editing Graphics.
Creating a logo can be as simple as combining your website´s name with a good slogan in a nice font style and color. You can put it on a white or colored background or use an image as background and/or combine it with a clipart from ChristiaNet.
Labeling Your Buttons
The buttons you can download from the internet and most of those buttons of the website templates included in this tutorial are not labeled yet. Using your favorite graphic tool, you just need to add a little bit of text in the style and color you like to the button of your choice and save it in your website´s image folder.
Remember, if you don´t know how to add text to graphics yet, the extra lesson Basic Skills in Editing Graphics teaches you how.
Another way is to use the online button builder at Flamingtext. The video shows you how.
Finishing Your Website Template
In the previous lesson, you´ve learned how to translate your webpage layout into HTML, so you should already have a simple template. To complete it, simply add your logo and the buttons (if any) and save it again. This template you will use in the future to build the pages of your website by inserting content into the appropriate places.
The next lesson teaches you the correct file name for your homepage and also which other webpages your website should have in addition to the homepage. You will also learn a simple, yet very effective way to protect your email address from being harvested by spambots.
Cheap Website Hosting
Multiple Site Hosting