Join Laurie Burruss for an in-depth discussion in this video Setting up a custom workspace, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
Let's go ahead and set up a custom workspace inside of Dreamweaver so that as…we work on this project, we can come back to the same layout and the same…document window and panel setup every single time. On the right side is the…area where all of your panels will display. If you only have one panel open,…there is really not too much that you can do. Notice there is no way to change…the size of any of these panels that are on display. But the minute you open up…a second panel, you get all kind of options available to you.…So let's double click on CSS Styles because that's the one we want to have open…for our final layout. Notice as I hover over the horizontal bars, a…double-headed arrow appears. If I click and drag, I can then open this Files…panel to any size that I want and even inside the panel, I can change and…define different areas. If I click on a tab in a panel and drag it out to the…document window area, I can float the panel. So that gives you another option.…
Personally, I find this to be a little crowded and I really like to see what…
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