Best way to approach template design?

Nav123 · #1 (**permalink**) Jul 21st, 2007, 09:40

I want to design a web template for a friend and I have download some templates free from this website. I wanted to get your opinion on the best way to approach template design? Which programs should I use? I know quite a bit but still am not knowledgeable enough to use notepad not yet atleast

so what do you think I should use?

Evilaussie · #2 (**permalink**) Jul 21st, 2007, 13:33

Hello Nav,

When you mean, your knowledgeable but not enough to use notepad, does that mean you dont really know HTML, CSS or the likes? or what? Also, as to how to approach template design i wouldn't really know because i've never tryed it and i'm still learning the languages, but i would do something like:

here's the css:

Code: Select all

 
body {
color: black; }
 
#navigation {
margin: 0 auto; }
 
#header {
width: 100%;
height: 204px;
color: black; 
background-color: blue; }
 
#left-col, #right-col {
float: left;
height: 300px;
width: 25%; 
background-color: red}
 
#mid-col  {
height: 300px;
width: 50%;
margin: 0 2px 2px 2px;
float: left; 
background-color: green}
 
#footer {
clear: both;
text-align: center;
background-color: black;
height: 20px;
}

html code:

Code: Select all

<div id="navigation">
<div id="header">#Header</div>
<div id="left-col">#left-col</div>
<div id="mid-col">#mid-col</div>
<div id="right-col">#right-col</div>
<div id="footer">#footer</div>
</div>

And you would put the css in a another sheet link to it in your <head> </head> tag's and put the html code in your <body> on every page. Then of course, you'd put what you want in the required div tag. Also if you wanted more columns you'd add them in with the required width etc, to fit across the page.

But unless you understand css and html alittle bit, i wouldn't recommend you doing it at first until your've learnt it.

Hope that helped.
-Evil

littlebilly · #3 (**permalink**) Jul 21st, 2007, 18:20

hi ya .

can someone help me get to grips corectly with dreamweaver, seo and tables dont mix is this correct , if so it means im building without tables which brings me to my next question where can i find coding to do this?

im learning this on the back of someone building a site for me the more i know the better.

steve

Lchad · #4 (**permalink**) Jul 21st, 2007, 22:32

Hey Steve you are in the right place. Head over to the beginner's resources loads of info to get you started there.
http://www.w3schools.com is another good place as well as http://www.htmldog.com

FYI, Steve can you start your own thread next time. It's better not to hijack other's thread!

Nav...even with a template you do realize you will need some type of html text editor to edit the html and add YOUR own personal content in right?
There is a list of great html text editors in the sticky in the html forum.
With the template you won't have to mess too much with the code, just insert your personal information. Where you see a random phone number you will just delete and type in your own.

littlebilly · #5 (**permalink**) Jul 22nd, 2007, 12:22

hi ya,

hijacking sorry, will start new threads.

thanx for info will give it a go, but watch this space lol.

I will be back.

steve

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
One off Template Design	jewelwillow	Job Opportunities	0	Nov 15th, 2007 20:35
Template I have bought from template-design.info	suggestion	Flash & Multimedia Forum	6	Sep 30th, 2007 18:25
New template design	konnor5092	Graphics and 3D	3	Sep 7th, 2007 16:34
New template design	konnor5092	Website Planning	1	May 23rd, 2007 08:26

		Webforumz.com > Main Forums > Design Your Website > Starting Out
Best way to approach template design?