• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Can’t Stop Seeing CSS?

Now that Dreamweaver has all this great CSS rendering capability, why would you want to turn it off? Looking at a page sans CSS is very helpful when structuring your page for accessibility, especially when it comes to screen readers. It’s considered a best practice to place your <div> tags in logical sequence in the code, regardless of where they’re positioned on the page. In other words, you don’t want to put your footer <div> above the heading <div> (or in your mouth <div>). Rendering the page without the CSS manipulations gives you a quick way to check your <div> sequence. You can accomplish this in a number of ways. One technique is to select the code that imports or links your external style sheet(s), right-click (Ctrl+Click) and choose Selection > Comment Out Lines from the pop-up menu. Then, switch to Design view to see how you’re doing, <div>-wise. When you’re done, select the CSS lines again and reverse the procedure by choosing Selection > Uncomment Lines.

If you’d rather not go into the code—or can’t because it’s locked in a template—choose Design-Time from the CSS Styles option menu. When the Design Time Style Sheets dialog opens, add the current style sheets to the Hide at Design Time area. When ready to see your work in all it’s glory, open the dialog again and remove the sheets from the Hide field. Now you CSS it, now you don’t!


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint