Join Laurie Burruss for an in-depth discussion in this video Working with Code, Split, and Design views, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
When creating styles for web page or a site it is important to remember to be…playful, to experiment and to make adjustments to your design that satisfies…your design and site objectives. In order to experiment you need an…understanding of how and where to edit your style. As you probably have guessed…there are several ways that exist to change the embedded styles.…The first way is simply to go back down to Page Properties in the Property…Inspector, open up the dialog box and make the changes right there. But you can…also go into the Code view. Remember, I have told you over and over don't be…afraid to go into Code. So let's go into Split view and let's scroll to the top…so we can see our styles and let's make some changes there and see if there is…some things we would like to twiddle and make better. I'm not sure that Verdana…is the right font for this website. So I select the word Verdana and I'd like…to see Trebuchet. It's one of my favorite fonts. So I type the word Trebuchet in, …
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