CSS Tutorial : How to create template

Sample of the pdf document : 

In this tutorial you will create a CSS template from scratch. You are going to learn how create a fluid CSS layout with 3 columns. A fluid layout stretches to adjust to the screens size.

Preparatory Step:

1. Inside your folder create a new folder and name it fluidlayout.
2. Inside the layout folder create a new folder and name it images.
3. Download bg.jpg, up_img.jpg and down_img.jpg to your images folder inside your fluidlayout folder.
4. Open Dreamweaver. Go to Site>New Site and create a new site named fluidlayout yourname.
5. Click the folder icon to set the root folder. Select the fluidlayout folder.
6. Click the folder icon to set the images folder. Select the images folder inside the fluidlayout folder.
7. Click OK. Then Done.

Step One: Create the Body:

First, we'll set up a white background behind it all, and set the font style.
1. Create a new, blank HTML document in Dreamweaver.
2. Save the file as index.html inside your fluidlayout folder.
3. On the Document tool bar, change the Title to CSS Fluid Layout.
4. Show the CSS Styles panel and click on the New CSS Rule icon. Use these settings and click OK:
a. Selector Type: Tag
b. Tag: body
c. Define in: (New Style Sheet File)
5. Save the style sheet file as style.css in your CSS Layers folder.
6. In the CSS Rule definition for body box, use these settings and click OK.....

      Click here for  Download PDF / FREE