Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
- Building a CSS-friendly workspace in Dreamweaver
- Creating style sheets visually
- Hand-coding styles
- Working with code hinting
- Organizing style sheets with color coding and sections
- Writing global classes
- Eliminating style conflicts
- Deploying styles
- Dealing with browser compatibility issues
Skill Level Intermediate
If you are a lynda.com premium subscriber, you have access to the exercise files that accompany this course. To follow along with the exercises, I recommend setting up a new site for the course, and then modifying the root directory for each new exercise. To illustrate this, I'll walk through the process of setting up our first exercise file and then show you switching to the next exercise. I recommend moving your exercise files to a central location such as the desktop or somewhere on your hard drive where they are easy to find. You can see here, I've copied the Exercise Files folder to the desktop.
Back in Dreamweaver, I'm going to create a new Dreamweaver Site. I'm going to name the site, Manage CSS, and I'm going to browse for my local root directory. I'm just going to go out to the desktop and find my Exercise Files, go in Chapter_01 and since we're going to start on our first movie, I'll double-click the 01_01 folder. Select it, save it, and now we've defined our site. Now, you can see, in our Files panel, that there is nothing inside the 01_01 folder.
It's empty because no exercise files accompanied that particular movie. But when I'm done with the 01_01 exercise, I'll move on to the next one. And to do that, I'll go back up to the Files panel, double-click the Site Manage CSS. That will open up my Edit Site dialog box, and then I'll just browse to the local Site folder. I'll go to the 01_02 folder, select that and save. Click OK. Now, the site refreshes, and I have my new exercise files.
So, changing the root directory for each exercise is going to allow you to work on a clean set of files without worrying about modifying the wrong files. Just be sure that the root directory you choose matches the exercise folder for that movie. At the beginning of each movie, an overlay on the screen will show you the path to the proper exercise folder. Now that we've set our Dreamweaver for our first exercise, let's get started.