Join Laurie Burruss for an in-depth discussion in this video Previewing a web page in a browser, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
At this point in the web design and development process, you should be using…browsers, testing in browsers and comparing browsers. As I said, designing for…the web is designing for a moving target. You'll have a large audience and you…have no idea what kind of browser they are using, who their Internet provider…is or what kind of machine they are using at the other end.…So you have got to be flexible. What you are trying to do is create web pages…that have the same feel and look from browser to browser. There are a number of…ways to preview your page in a browser and there are some new features in…Dreamweaver CS4 that allow you to see a simulation of a preview in a browser.…
Let's go up to the button Live View at the top of your document window.…Clicking on this gives a simulation of what your page will look like in your…primary targeted browser. In this case, my primary browser is Firefox, so…Dreamweaver is making an attempt to preview or simulate that look inside of…Dreamweaver. The links even work when I choose this particular Live View…
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