Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Dreamweaver CS5 Essential Training, Adobe Certified Instructor James Williamson explores the tools and techniques of Dreamweaver CS5, Adobe's web design and development software. This course covers both the ins and outs of Dreamweaver, as well as recommended best practices for crafting new web sites and files, the fundamentals of HTML and CSS, and how to ensure clean and accessible code. The course also includes how to use tools in Dreamweaver to create and style web pages, manage multiple sites, and add user interactivity with widgets and scripting. Exercise files are included with the course.
So how do you go about getting your styles into an External Style Sheet and then attaching them to the page? Dreamweaver makes the process pretty seamless and gives you a tremendous amount of flexibility and control. Whenever you create a New Rule, Dreamweaver gives you the option of where to place those rules. You can place them in a new style sheet, which will then prompt you to create a new one, place the rule in an existing style sheet, if you already have one attached, or simply embed the rule in the current page, which would restrict it to only the current document. In this movie, we'll start by attaching an existing style sheet to our page and then experiment with ways to move a rule from one style sheet to another.
So I have the Index page from the 06_12 folder opened up, and it looks un-styled except for one thing. This headline, "Explore our world your way," looks like it's been styled. If I look over at the CSS Styles panel, indeed I can see that I have a rule #mainContent h1. This is an embedded style. I know that because instead of the name of the External Style Sheet, I just have that