Join Laurie Burruss for an in-depth discussion in this video Defining browsers to test a web page, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
As you start adding styles to your web page and website it's important to test…in a number of browsers and use both platforms, both Macintosh and Windows. …So let's go into our Preferences inside of Dreamweaver and set up our browsers for…testing. On the Windows machine you would go up to Edit > Preferences. …On Macintosh you come up to Dreamweaver and select Preferences or Command+U.…In the category go down to Preview in Browser and select that. Right now I can…see that we have two browsers selected that we can use for preview purposes,…Firefox and Opera. But I'd like to add Safari. So how do I do that? I click on…the plus box up here at the top and I'm going to write Safari, give it a…meaningful name. I'm going to browse out to my -- if you were doing this in…Windows, that would be your Program files folder.…
I am going to scroll down to the S's. This is in alphabetical order. There's…Safari, select Safari and then click Open. On the Windows, I would suggest that…you go out and get Internet Explorer, a very important browser to test for. …
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