Customizing A Web Site

If you have been using a WYSIWYG application to build your page you will now be entering the realm of entering HTML code into your site, don't be afraid, it is a good thing that makes great things happen. Seeing your page in souce view may seem like a jumble of words and symbols at first but soon it will begin to make sense.

HTML code is very particular, everything has to be entered exactly as shown, otherwise it just doesn't work, I find that it is usually safer to copy the lines of code from here and paste them into your page, then highlight words such as "mydomain" and type in your actual information.

Adding a Photo

Adobe Elements makes it easy to resize and optimize an image.

Open the .jpg in Adobe Elements, click on File in the Menu bar, from the pull down window select Save For Web.

A new window called Save For Web will open, two photos will be shown side by side, there will also be a panel on the right containing information.

In the Image Size box go to the New Size section

Make sure the Constrain Proportions box is checked, then set either the width or height to the required size, then click Apply

In the preset section select JPEG, you now may select the quality of the image, Low, Medium or High, select Medium or High, results will be shown on photo on the right.

Click OK

You will be then asked to name the new file and select a folder to save it to, this will usually be the "images" file for your site.

You can now use this file on your page by following the instructions in the application you are using to build your site.

Adding a Favicon

Most browsers now support having a small icon to the left of the site name in the favorites and the url in the location bar. Adding a favicon will add a professional touch to your site and make it stand out in your visitors bookmarks.

To make a favicon create an image 16 X 16 pixels in size, this is a very small image so you can't get too fancy. The image must be saved as an ICO file named: "favicon.ico", you can not just rename a graphic file, it must be converted.

Several free or shareware demo applications will do this, PC users can download PixelToolBox it is free , Mac users can download Graphic Converter, it is shareware but will work in demo mode.

Open your web page application in source view and add this code to the <head> section of your "index.html" page:

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/favicon.ico">

Replacing "mydomain" with the domain name of your site.

Upload the "favicon.ico" file to the root folder of your server along with the revised "index.html" file.

Adding a subject to email message

Sometimes it is convenient to have the subject already added to the blank message that opens up when a visitor clicks on an email link on your site.

To do this go into source view and find the link, it will look like this:

<a href="mailto:me@mydomain.com">

Add "?subject=_YourSubject" to make the link look like this:

<a href="mailto:me@mydomain.com?subject=_AddSubjectHere">

Replacing "AddSubjectHere" with the subject you desire for the message.

Adding Javascript

JavaScript provides a quick and simple language for enhancing web pages and servers. It is embedded as a small program in a web page to control certain functions of most browsers. Some examples are calculators, calendars, forms, and effects.

The JavaScript Source offers an extensive collection of free Javascript additions for your web page. Simply follow the instructions, copying and pasting the code to your site in source view.

Adding an Email Encoder

Having an email address on your web page is an open invitation for spambots to pick it up and fill your email box with junk mail. Thie way around this is to encode your email address so that browsers can see it and spambots can not.

Simple Mailto Encoder

Enter your email adddress on the page, copy the generated code and paste it into the source of your page.

Opening A Page In A New Window

In order to get visitors to remain on your page it is best to have links to other sites open in a new window so that your site remains open. When the visitor closes the window to the other site he will return to your site.

Highlight the link and switch to source view, the link will look like this:

<a href="http://www.doit101.com">Do-It-101

Add "target=_blank" between the " and the >

Your new link will look like this

<a href="http://www.doit101.com" target=_blank>Do-It-101

$0 Web Hosting

Netfirms Web Hosting


AnimalsAppliancesAutomotiveCollectiblesComputers & TechnologyCraftsEducationElectronicsEntertaining Food & DrinkGardening & LandscapingHealthHistorical InformationHobbiesHolidays & Special OccasionsHome ImprovementLife SkillsMusicOnline Guides & ToolsParanormal Sports & RecreationTechniques & Tutorials

We try to keep all the links current, however if you find a dead link please let us know. Please copy and paste the description of the link from the page into the body of this .