Join Laurie Burruss for an in-depth discussion in this video Creating and saving a new document, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
Our styleguide.txt is ready to go. So what we want to do is click Command+A to…Select All, Command+C to copy this. Then let's open up a new HTML document.…File > New, Command+N or Ctrl+N, choose HTML, Layout None. Make sure you keep…this doc type at the default XHTML 1. 0 Transitional. Click on the button…Create. Before we do anything else, save the document. File > Save, Command+S,…Ctrl+S. Because we've defined our site, it went to the last place that we were…working but we don't want to save it into the Text folder. We want to save it…into our Project folder. So go to your directory, look for your main project…folder. Mine is Style Guide_lb.…
We're going to keep our HTML documents at the top level right there in the Name…folder. We'll name this meaningful styleguide_01. One of the benefits of…working on the computer is that you can save many, many versions of what you…are working on. It's a way to keep a history of your work and the process and…the way you were making your design decisions but another important thing 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