Join James Williamson for an in-depth discussion in this video Optimizing CSS with Dreamweaver, part of Managing CSS in Dreamweaver.
Throughout this title, we've talked about writing clean, organized styles that…make it easier to maintain and troubleshoot your code.…While this makes our styles easier for us to read, it also tends to make them a…little larger than they need to be.…To save file size, many designers optimize their CSS before deploying it by…stripping out comments and removing white space.…This can cut your styles and file size almost in half.…And it can produce serious savings in bandwidth for larger sites.…Let's take a look at some of the options that we have for optimizing our CSS…before deploying it on our site.…
So I have the main.css, and if I take a look over in the Files panel I can see…that our main.css is 20K, which you know that's not that big, but if enough…requests are made over the course of a day, that can take up some bandwidth.…So what I want to do is change some of my formatting settings here in Dreamweaver.…Now we will notice that we got over 1,000 lines of code, over 1,100 be exact.…And if I go up to Edit, I go to me Preferences,…
- 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
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
1. Using Dreamweaver's Tools and Panels
2. Organizing Style Sheets
3. Reusing Styles
4. Deploying Styles
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.