iEntry 10th Anniversary Webforumz RegistrationAnnouncements Contact Webforumz StaffContact
Home Resources Blogs Meet the Team Contact Register
 

Go Back   WebForumz.com > The Visual Design > Your Design and Layout

Reply
 
LinkBack Thread Tools
Old July 21st, 2007, 06:40 AM   #1
New Member
 

Join Date: Jul 2007
Location: india
Age: 30
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Nav123 is on a distinguished road
Best way to approach template design?

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?
Nav123 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old July 21st, 2007, 10:33 AM   #2
WebForumz Member
 

Join Date: Jul 2007
Location: Australia
Age: 18
Posts: 50
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Evilaussie is on a distinguished road
Re: Best way to approach template design?

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:
 
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:
<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

Last edited by Evilaussie; July 21st, 2007 at 10:44 AM..
Evilaussie is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old July 21st, 2007, 03:20 PM   #3
WebForumz Member
 

Join Date: Jul 2007
Location: Southamton
Posts: 66
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 littlebilly is on a distinguished road
Re: Best way to approach template design?

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
littlebilly is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old July 21st, 2007, 07:32 PM   #4
Elite Veteran
 

Join Date: Sep 2006
Location: Pink House
Posts: 3,941
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all
Re: Best way to approach template design?

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.

Lchad is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old July 22nd, 2007, 09:22 AM   #5
WebForumz Member
 

Join Date: Jul 2007
Location: Southamton
Posts: 66
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 littlebilly is on a distinguished road
Re: Best way to approach template design?

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
littlebilly is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Bookmarks

Tags
web design company , web site design


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Template I have bought from template-design.info suggestion Flash and ActionScript 6 September 30th, 2007 03:25 PM
New template design konnor5092 Graphic Specifics 3 September 7th, 2007 01:34 PM
New template design konnor5092 How is this done? 1 May 23rd, 2007 05:26 AM


Search Engine Optimization by vBSEO 3.2.0 RC8