Dreamweaver Tutorial

Ok, FF CC OO. Ok there it is. Now this is called style one. If you go over here to style, you can see its kind of preview again what it looks like in real, all right. Now where are these stored, well, these attributes we just talked about it little, when you appear.

These attributes are all stored in this cascading style sheet panel. Ok and you can see here that for this current set here. These are the settings. Now I don’t like the create them this way because, this now added in to page. If we go to the ode here, here is the style. And style is just added right there. The reason that I don’t like that what if we want to change it latter. Well, we have to open up every single page to make that change. Now there are lots of things you can do rather in line, but I prefer to keep every thing on page. Now what if you want to edit this, you want to do more options here. Well, you can do number of things. You can choose add on property, here you can add any one of these properties. Ok, lets say, may be a cross here. Now when I preview this, now my cursor goes from arrow to cross here. Look at, it is hard to see.

You can switch that to. Lets to it the help icon. Go and save. So you can see my mouse over. Just kinds of nice little touch, ok. So, why would we need this? Let me just thrown it that way, there is no trash can icon down here. You can, at any time read about all of these. Ok, so we go to all. Here is all the styles we have. You double click to actually bring up a menu option here. Choose header and you got all of our setting now. You can change the background text for that text. Lets give it a bright background color. Put this side way, so that you can see this as on a background. Lots and lots of really cool, I will just set that to no. lots of cool options we can block. Our text, we have training boxes and borders around our elements, how we want to choose the lists and how we want to the bullets to be changed. I will show you that in later while, different positioning elements. When I can get to all of these, cashing the style sheets could be train kit, completely on its own.

Let me show you some of the bigger tricks, a bigger element. All right, so now a problem is that when I make another page and I want to change this head line color, I have to open up every one of my web page just to change it. It’s not a good way to work. So I am gonna show you how to take all of these elements that we have.

And actually drop those in to a separate file, separate style sheet and link it in.

In case you didn’t see the video in part 1 of this series… here it is again

Tags: dreamweaver mx how to, dreamweaver cs3 tutorials, dreamweaver mx tutorials, dreamweaver cs3 layout tutorials, dreamweaver, free dreamweaver extension

Tags

Dreamweaver Tutorials