October, 2006
In this tutorial we will show you how to create a CSS page style in Dreamweaver.
CSS is a simple mechanism for controlling the style of a Web document without compromising its structure. By separating visual design elements (fonts, colors, margins, and so on) from the structural logic of a Web page, CSS give Web designers the control they crave without sacrificing the integrity of the data - thus maintaining its usability in multiple environments. In addition, defining typographic design and page layout from within some simple steps.
Start a new document and then save it.
Go to Text/CSS Styles/New CSS Style.
Now a new window will pop up.
On this new dialog box, set the following in this order:
First, you will have to write a name for the CSS style, for instance: "tutorial"
Then select: "Make Custom Style" in this case, we will select: "This Document Only".
Press Ok.
The CSS Style definition box will appear. Feel free to select the font, size, style, etc you want.
The CSS Style definition box will appear again. Select Background from the category on the left.
On the right you have the following options you can set.
The background color- the background of your entire page.
NOTE:
In case you select an image as your background, do this:
Go to the Background image, and select the image you want that in this case wont tile
Repeat-
Set this to no-repeat so your background will not tile.
Set to repeat will tile your background, this is the default for a page.
repeat-x will repeat horizontally
repeat-y will repeat vertically only
Now you can start working with your page.
But what happens if you want to use this same style in another page in the future?
Open a new document
Go to Text/ CSS Styles/ and then you select the CSS style you had created, in this case as you may remember, it was called "tutorial", so select tutorial (or the name you have chosen before) and you are done!! =)
Enjoy!!
Copyright (c) 2006, Beatriz Mariniello, All Rights Reserved
