Go Back   Free website templates > Web Template Help > How to use templates
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read


Join now to share free website templates or post on the forum. If you have never been on a forum before read the FAQ. It's quick, easy and free to join!
Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-06-2009, 01:26 PM
Junior Member
 
Join Date: Nov 2009
Posts: 2
Sun1337 is on a distinguished road
Default questions relating templates and how to program them before i venture into the known

im totally new building web sites. im learning HTML, CSS and soon after that PHP. I want to know couple of things before i get started. If i make my own template using photoshop or adobe illustrator and upload it using FILEZILLA, how would i propgram the website. Does uploading the template mean that you just upload images, and then you have a seperate html/css txt document outlining how these images are displayed and used. I dont wuite understand the process.

Thanks for any help in advance .
Reply With Quote
  #2 (permalink)  
Old 11-07-2009, 12:36 PM
ishkey's Avatar
Moderator
 
Join Date: Aug 2007
Location: North GA USA
Posts: 1,776
ishkey will become famous soon enough
Default

Quote:
Does uploading the template mean that you just upload images, and then you have a seperate html/css txt document outlining how these images are displayed and used.
Yes that is what it means.

You create a graphic of what your page will look like, saved as a psd file.
From it you take out all the parts you need and put them into a directory.

Here is one example to code a basic Logo from a psd file.
You create a "css" file which sets the style and properties for the elements.
Code:
/* ----------LOGO STYLES---------- */
#logo { 
float: left; /*floats our logo left*/
height: 37px; /*gives our logo a height of 37px same as our logo image*/
width: 270px; /*sets our logo div's height to 270px same as our logo image*/
}
Then you create a "html" file which tells the browser what to get from the "css" file, where to put it, how to display it.
Code:
<div id="logo"><!--LOGO STARTS-->
<img src="your_images_directory/logo.png" alt="Welcome To Your PROject" /> 
</div><!--LOGO ENDS-->
Basically you have 3 items;
1. a directory with your graphics
2. a style.css fie
3. a somefilename.html
again the psd file is the visual graphic you used to create what was in your head. You then cut out the parts you needed and placed them in a directory for use with the "css" and "html" files.
Attached Images
 
__________________

Consultant - Programmer - WebMaster
cleandeck - lawn mower undercoating
wilmargraphite - graphite lubricants
Reply With Quote
  #3 (permalink)  
Old 11-09-2009, 09:31 AM
Junior Member
 
Join Date: Nov 2009
Posts: 2
Sun1337 is on a distinguished road
Default

thanks alot made things clearer
Reply With Quote
Reply

Thread Tools
Display Modes

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



All times are GMT. The time now is 12:40 AM.



mouseover mouseover mouseover