Join James Williamson for an in-depth discussion in this video Using the CSS Styles panel to organize styles, part of Managing CSS in Dreamweaver.
While properly planning and organizing your styles before you begin…creating them is essential,…it is inevitable that you'll have to do some reorganization as your site…changes, or even during the development process.…The CSS Styles panel features some pretty powerful organizational capabilities,…and in this movie we are going to explore using them to restore order to your styles.…Now we are going to focus on our CSS Styles panel in this movie, so I am going to…go over to my Files panel.…Double-click that tab to collapse that so that I get more room for my CSS styles.…
Now you may have noticed our style sheet now has styles in it.…So if I flip over to main.css here in my resources and look at the Code View,…we can see that all those sections and everything that we created earlier now are…populated with Styles.…So this is a little further in the development process after I created all those…sections, and now the styles have been added.…But the styles aren't exactly the way they are supposed to be.…
- 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.