McStormify Administrator Posts : 75 Tokens : 87
| Subject: How to put together a HTML Template Sat Oct 23, 2010 3:33 pm | |
| How to put together a HTML Template
Today, I'll be showing you how to put together any HTML Template! First find a free template. There are many websites offering them out there. I personally like freelayouts.com, but you can just Google them and hundreds of different sites will appear. Once you downloaded the zip file, unzip it and you'll hopefully get: - CSS File
- Images Folder
- Index File
Next you need to code it. Open up CSS File and Index File with notepad. Now you have two codes. One is HTML and the other is CSS. HTML is the actual structure of the page, and CSS is the images and colours. In the HTML file, on a line before head, insert the following code: - Code:
-
<style> <!--body Then paste the whole CSS code underneath it. Finish it off with: - Code:
-
}--> </style> That is that out of the way. Now we need to insert images. You need to find an image host, and upload all the images in the images folder. Then, in the CSS part, there should be lots of little tags that look like this: - Code:
-
url(img_01.jpg) That is where you upload the images. Make sure you use the direct link, as it is for a layout. Fill in all of the images and you're done! Congratulations, you just put together a HTML page!
Note: This tutorial is copyrighted by Extreme Coding Forum. You are not allowed to publish it anywhere without written permission from the administrators. |
|
|