Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Managing CSS in Dreamweaver with James Williamson shows how to create cascading style sheets that are efficient, reusable, and easy to navigate. In this course, James shares tips on how to find and use panels and tools, and how to deploy style sheets to screen, print, and mobile environments. Course topics include creating customized starter pages, learning to rapidly hand-code CSS through using Snippets, and using Dreamweaver's CSS preferences to deploy lightweight styles. Exercise files are included with the course.
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.
There are currently no FAQs about Managing CSS in Dreamweaver.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.