Sunday, December 23, 2007

How to Make a Website Using Templates Video Tutorial Series

How to Make a Website Using Templates Video Tutorial Series

Overview

The screenshot below shows the template files for a free template I downloaded from http://www.openwebdesign.org/



 

You should notice that there is only a single HTML file (index.html) and a few images in the image directory along with the style sheet.

The first thing to note is that in the example I'm using here we only have one  page the Index.html.

This page will after the necessary modifications be used as the template to create all other site pages.

You should also note that most of the text on the page is for illustration purposes so you can see how a list, form etc will look.

There are 4 main areas that will need changing.

  • Header section and header menu
  • Left Navigation
  • Body Text
  • Footer

To understand the video you should have a basic understanding of HTML and CSS. Please remember to make copies of the template in case you make a mess of the original.

The editor I will be using in the videos is the Trellian web page editor.

Overview Video -

 
 

 
 

Modifying the Header

Modifying the SideBar

Changing the Main Content and Footer

Editing the Style Sheet

Using Website Template

Now that you have modified the template the next step is to use it to create each page in our website.

You simply open the template and then save it using a different file name.

It is always a good idea to create a few backup copies of the template in case you overwrite the original. In order to do this we require a WYSIWYG editor.

 
 


 

 
 

Related Articles:

Finding a Domain Name Registrar

Finding a Domain Name Registrar

Having chosen a domain name and verified that it is still available you may think that you are ready to register it.  Well you could do a Internet search and find the cheapest registrar and register the domain name. I wouldn't however advise it - not that I have any objections to finding a cheap domain name.

The problem with choosing a domain name registrar based solely on cost is that the domain name is only one part of the website. The other part of the package is the website hosting.

If you remember back to a much earlier article and the analogy to a room full of boxes (website hosts) and a collection of sticky labels (domain names).

You can get the boxes from anyone and the labels from anyone and all you need to do is to stick your label on your box and -hey presto a website. This is true in theory but a little more complex in practise. Therefore I always recommend buying your box and label from the same company.

In other words your domain name provider should also be your website hosting provider.

So you really need to find out about website hosting and choose your hosting provider before proceeding.

However for those who have already done that, or want to proceed anyway, maybe to reserve the domain name. Then here, for illustrative purposes only,  is the procedure I went through in registering a domain name.

Own your own Domain     

 Make sure that the Web host will not hold you hostage to their service by exercising administrative control over your domain name. Your domain name should always be registered in your name and your Domain Name provider should only be listed as a technical contact.

Also remember that the domain is only leased and that you will have to renew the lease (usually yearly). This is normally done automatically by your name registrar but make sure you check as you don't want to loose the name because you forgot to renew it.

Domain Name Registrars and Domain Name Extension

Your choice of domain name registrar will be affected by your choice of TLD extension. Almost all domain name registrars can register .com extensions but not all can register .name or .uk extensions. I use www.1and1.co.uk for this site 1and 1 are also active in USA and Canada 1&1.com.

Related Articles and Resources:

Free Website Hosting

Free Website Hosting


 

There a many free web hosting providers available on the Internet. The two main sources of free Website hosting are:

ISP Web space

 An ISP (Internet Service Provider ) is the company that you use to access the Internet in the UK BT, Onetel, Tiscalli and FreeServe are some of the well know ones. Almost all ISPs offer free Web space (10-50MB) with your monthly subscription the domain name is a sub domain of the ISP and looks either like yourname.ISPdomain.com or www.ISPdomain.com/yourname.

  They don't usually have banner ads like the free Web hosting providers and so are more suitable for clubs and private use. They offer limited service depth and tend to be limited to standard Web pages and perhaps a few standard scripts, however this doesn't need to be  a problem as there are many websites that offer these.

The none personalised domain name is usually the main limitation but it can be overcome using the technique of Website forwarding.

Free Website host

Website hosting can be obtained free of cost from a variety of sources such as Yahoo!. The user does not pay for service because it is usually subsidised by banner advertising. Because such sites do not charge, they offer limited service depth and quality of service.

For example, many free services do not provide personalised domain names i.e. www.yourdomain.com. This limitation can however be overcome using the technique of Web forwarding.

Finding Free Hosting

To find a free website hosting provider just go to your favourite search engine and search for "free website hosting". Here are some excellent resources to help:

 Free Online File Storage Directory
 of more than 30 virtual disk space / file storage and sharing providers with detailed descriptions.

Free Web Hosting - The complete guide to free web hosting providers with reviews of offered services, including free PHP hosting, free ASP hosting, free Domain hosting, No Ads free hosting providers and more.

 You may also find the articles on the pros and cons of free web hosting at this thefreecountry.com site  useful.

If not there are many companies offering free hosting services. For a CNET review of the four most popular see here. The four free hosting sites are:

http://www.tripod.lycos.com/
http://geocities.yahoo.com/home/
http://www.angelfire.lycos.com/doc/zones/build.html
http://www.expage.com/

You may also find the articles on the pros and cons of free web hosting at this site useful.

Beware!

Some free hosting providers require that you transfer your domain name (if you have one ) to them. You should be very wary of this as it could potentially prove expensive.

Should you Choose a Free Website Host

If you think you may one day try to monetize your website then no. If you are running a serious personal, club, hobby site then again no. In hich case you should take a look at  Website Hosts and Website Hosting Packages.

However if you are looking for a site to learn on or are just making you site for you own enjoyment the a free site is an ideal choice. See making a free website for other resources you will need.