General Need help with coding the template :D

Hi! I have been interested in designing websites for years. I have designed some using GIMP but I haven't ever been able to code it. And I have never found a good tutorial explaining how to do so either. So can someone show me some good programs, websites that could help me

thnx!

 

You will need to be familiar with a framework for the site you want to code in most cases. The design is the first important part. The next is integration with the framework. Now a framework is based on one or more programming languages and you need some basic knowledge in the programming language too.

Here are some things to consider:
1. Identify the type of the site (business, commerce, personal, forum etc)
2. Find a framework to use and customize.
3. Identify the sections of the design to be applied to the framework.
4. Slice the design images so individual image slices can be integrated with the template/layout system of the framework.

So the image you posted has say 4 sections. Header, Menu, Content, Footer. Having an understanding what files a framework uses for these sections is quite important because you can focus your effort to the parts of the framework which concern you.

So if there is a template_header.html file in the framework it is the file to edit and apply the header section of the template.

The type of site may require dynamic display based on user input. The more dynamic the site is the more you need to customize the integration. For instance a site may require multiple layouts for the content section based on an area the visitor navigates in. You may need a right column along side with the main content on certain pages. Dynamic frameworks offer via addons or other tools such abilities.

For a business site that needs just content control a CMS is more adequate. For a business that sells online an ecommerce framework is suitable. Check the sourceforge.net site (There are other open source repositories) where lots of open source packages are available.

You will need to spend time understanding a framework. If you are fluent with HTML/CSS you should be able to find one that you understand better by checking its template/layout system.

 

ViziGenHC - Web Development Tool

Take a look at ViziGenHC (What is ViziGenHC?).

It allows you to create CSS web page templates very easily.

There is a free version that you can experiment with.

 

Free CSS Template Generators:

Free online web templates generator

Free CSS Template Code Generator - Maker for 3 Column Layout (tableless)

free css stylesheet wizard generator

FREE ONLINE CSS GENERATOR CreatingOnline.com

iStylr - Online CSS Editor & Template Generator

CSS Generator - Generate your own CSS Style Sheet code

Web Template Generator - Build Custom CSS and HTML Templates Online for Free

-
hope this helps
falcon