How to Customize a Website Template – Video

I’m a strong supporter of using web site templates to create web sites. In fact, I can’t remember the last time I actually designed my own sites. It just takes way too much time. With so many website template repositories on the net today, there are more than enough choices to pick from.

Although I’m not a professional web designer, I do have above average web design skills. So, buying a template and customizing it for my needs is quite an easy task. But what if you’re a complete beginner? With no technical experience whatsoever. Is it as easy?

Well, it depends.

On what? On what type of template you have.

Types of Website Templates

In the olden days, there were only HTML templates at our disposal. Templates that we can customize with software such as Frontpage, Dreamweaver, Golive etc. Today, however, you can find all kinds of templates for many popular CMS (content management systems).

Don’t let the term CMS frighten you. If you’ve been online for awhile, you’ve probably heard of WordPress, Joomla, vBulletin or OsCommerce. These are all a form of CMS. What they do, is allow you to manage your content without having to worry about the design of your site. To learn more on CMS, check out my post Ditch your HTML Editor for a CMS.

If you want to create a site with more than 5 webpages and plan to update your content regularly, then you should seriously consider using a CMS. With a CMS all you need to do to change the design of your site is to purchase a template for that CMS, install it and presto you’ve got a new look. And yes, it IS that easy.

If, however, you are thinking of creating a 5 page brochure type web site with static content then by all means, use the conventional web design software. This tutorial will teach you how to customize a web site template using such a software.

Choosing a Website Template

It all begins with the template. Sounds simple enough? Unfortunately, choosing a template is not as straightforward as it seems. Choosing the wrong template can prove to be a disaster.

Earlier on, I headed over to Template Monster to download their free sample template to use for this tutorial. When I opened up the template, I was appalled at what was staring me in the face.

Here’s a great looking template that was an absolute pain to work with. The navigation consisted of images, the heading text were images. In fact, there were more images then anything else. So, in order to customize this template, I would have to make extended use of a web graphics software. Deleting the wrong image from the template could even break the whole design. There is just no way I can teach newbies how to customize this template without scaring them off.

I realize that one can go crazy looking through all the “to die for” templates out there but choosing the right template can make a lot difference.

What to Look For in A Template

Having said that, what is it that you should look for in a template?

Firstly, find templates that are simple. Forget about Flash animations and drop down menus, especially if this is the first time you’re you’re doing this. Simplicity is THE way to go. And find one that doesn’t make extensive use of images.

Secondly, a template which relies on CSS for its presentation is much better than a template that uses HTML for presentation. You don’t need to know what CSS is for now. All you need to know is that a template that uses CSS (properly) means that there is a separation between content and presentation.

What does this mean?

Put simply, you can add and manage your content easily without the risk of mucking up the design (presentation). This is as close to using a CMS as you can get.

When choosing a CSS based template, it is best that you look for a template that uses simple CSS coding. Nothing advanced, nothing fancy.

How do you tell if a template uses CSS or not. Well, most website template providers will group all their CSS templates together. So, look for a CSS category. If there’s none, go to another template provider. And how do you tell if they use simple CSS? Well, hopefully, they will have a description of the template that tells you so.

After watching the video tutorial, you will quickly appreciate why it is important to get the right template. I decided to use one of Andreas Viklund’s free website templates for this tutorial. I love the simplicity of his designs.

What to Change in A Template

To customize a template for your site, all you really need to change are:

  • The header
    The header would usually contain branding elements for your web site. This could be a logo, a header image or even just your sitename in simple text.
  • The menu items
    Different sites would obviously need different webpages. You will want to add, edit or delete items on the menu list to reflect the webpages you have on your site.
  • The footer
    Normally, all you need to do with the footer is just change the copyright notice.
  • The content
    And of course, the unique content that goes on each page.

Now, let’s take a look at the following video tutorial to see how it’s done. I’ll be using My Free Website Builder for this tutorial because it’s free and it’s the only other web design software I have on my computer other than Dreamweaver.

Just one more thing before you watch the video screencast tutorial. To make this process as easy as possible, it is important that you pick a template that is closest to what you’re after, this includes the layout, the images and the color schemes. Keep this in mind.

27 Comments

3066 Trackbacks

  1. moncler jacket sale mens…

    It is rare for me to discover something on the cyberspace that is as entertaining and fascinating as what youve got here. Your page is sweet, your graphics are outstanding, and whats more, you use reference that are relevant to what you are talking abo…

  2. Jaquiski Tartt Jersey…

    Although there are hundreds of variables at play that cause a specific company to be successful you can do several things to help keep yourself in control. Use Raymond mill grinding cement is the future direction of development, instead of cement mill …

  3. Mike Modano Jersey…

    Be careful not to help to make assumptions or even leap in order to conclusions. We believe in evolving with our clients and stress at continues upgrading at every step of the SEO process, giving equal importance to each of them. You want it to be dist…

  4. Tom Lawrence Jersey UK…

    The choice for in places you want to proceed to college is certainly a time demanding one, but one along with amazing benefits along with benefits.Hobbies are usually an excellent theme to pick up in when producing your own present basket if you have y…

  5. Alfred Blue Jersey…

    Even so to give your own container an even more deluxe glimpse Graf Air Freight Suggestions In addition, they have a trained customer service support present 24 hours a day and Seven days a week.The most important alternative you have is considered the…

  6. http://www.sportssoccershop.com/Juventus-FC-Miralem-Pjanic-Soccer-Jersey-Sale/...

    They?re now available in black, with pressure valves, special moisture-wicking liners, and ratings down to an amazing ?60 degrees Fahrenheit (-51 Celsius). It is all about venturing out in fashion and even high end cheaply. This doesn’t have to be hig…

  7. http://www.sportsncaashop.com/Notre-Dame-Fighting-Irish-Equanimeous-St-Brown-Jerseys-Sale-37-Zr/...

    ” Louise responded. You can find that one thing in a detailed description of every type of powder. If you are in this predicament, I am heading to support you to prevail over this and you don’t have to experience any further.In addition, Raymond…

  8. buy fjallraven online…

    Fantastic job here. I seriously enjoyed what you had to say. Keep heading because you absolutely bring a new voice to this subject. Not many people would say what youve said and still make it interesting. Properly, at least Im interested. Cant wait to …

  9. chanel bag sale online…

    Good thinking. What are your thoughts on expansion on a global scale? There are times when things like this begin to have global expansion and frustration. Ill check back to see what you have to say….

  10. Mountain Hardwear jackets store…

    Dude, please tell me that youre going to create additional. I notice you havent written another blog for a while (Im just catching up myself). Your weblog is just too important to be missed. Youve acquired so a lot to say, this kind of knowledge about …

  11. true religion outlet…

    Dude, please tell me that youre going to publish much more. I notice you havent written an additional weblog for a while (Im just catching up myself). Your blog is just too important to become missed. Youve acquired so much to say, these knowledge abou…

  12. lafuma?futura…

    I have been finding many different opinions on this and find this post to be one of the more enlightening on the subject. Hope we can increase the quality of responses than what I have seen as many do not seem to be very relevant….

  13. discount Mountain Hardwear jackets…

    This is nice stuff, its good to be in the know….

  14. ugg classic sale…

    Boa noite pessoal, com certeza enviar um torpedo gratuito está cada vez mais oneroso devido a restrição das operadoras móveis. Há ainda os websites que prometem entregar minha menssagem mas quase nunca chegam destinatário final. Alguns como o Mundo oi …

  15. pierre hardy logo…

    How-do-you-do, i study your blog often and i own an analogous one and i used to be just wondering if you get much of spam comments? If thus how do you stop it, any plugin or anything youll be able to advise? I get thus often lately its driving me mad s…

  16. canada goose jacket sale…

    bielke verros meira belladonna thammas caliman landgard Eleonore electricity…

Post a Comment

You must be logged in to post a comment.