Join Laurie Burruss for an in-depth discussion in this video Laying out a page in a text document, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
Now that we have our Dreamweaver workspace and preferences set up, we are ready…to start working on our style guide. Before I actually get into the HTML, often…I take a text editor or Notepad, open up a text document and just try to work…out my ideas and thoughts about what the copy should be, where images should be. …I don't even use real images; I just use the words 'Placeholder Text Header…goes here.' I have actually done that for this project. If you look at the…Files panel, there is a text folder.…Let's open up the text folder and you can see that we can't really see the…names of the text files. This is a little disconcerting. But there's an easy…way to fix this. Simply go up to where it says Local Files, hover over at the…bar right there. You'll get the two- headed arrow, click on that and drag it out…to the right. There we go. Now we can see those names. This makes it much…easier to see. There's other ways we can enlarge the panels but I try to keep…the panels as small as possible so that I can use my real state for design.…
Download the exercise files from the Exercise Files tab.
- Planning a site from a blank file
- Creating and editing a style guide with just HTML
- Using the Property Inspector for text markup
- Inserting images, tables, and footers for a custom look
- Creating and editing an external CSS style sheet
- Building a custom color palette for a site
- Testing web pages in various browsers
- Styling tips for professional sites