Join James Williamson for an in-depth discussion in this video Creating styles visually, part of Managing CSS in Dreamweaver.
Regardless of the method that you choose to create new rules in Dreamweaver,…when creating a new CSS rule visually, you'll use the New Rule dialog to specify…the selector, and the CSS Rule Definition dialog to set the rule's properties.…While this process is fairly straightforward,…knowing the ins and outs of it can really help speed up the creation of…CSS in Dreamweaver.…As you can see, our page currently has no styling whatsoever.…To get structure on the page, notice we have a body tag, a div with an id of…mainContent, but past that, really nothing going on, style-wise.…
So the first thing I'm going to do is go over to my Files panel and collapse it.…Again, that gives me a nice, larger view of my CSS Styles panel, and I want…to create a New Rule.…So I'm just going to go right down to the bottom of CSS Styles panel, and I can…see there is an icon right down here.…That looks like a page with the Plus symbol on it.…I'm going to go ahead and click that to create a New Rule.…Now this brings up the New CSS Rule dialog box.…
- 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.