Single Page Websites
- Single Page VS Multi-Page
- The Science Behind a Single Page Websites
- Best Design Practices for Single Page Websites
Chapter 6 Page Layout
You’ve already configured the centered page layout with CSS. We’ll add to your toolbox of CSS page layout techniques in this chapter, starting with the box model. You’ll explore floating and positioning elements with CSS. You’ll be introduced to using CSS to add interactivity to hyperlinks with pseudo-classes and use CSS to style navigation in unordered lists..
CSS Sprites
CSS pseudo-classes are used in combination with background images to configure image "rollovers". When using CSS Sprites, you take this a step further: combine all multiple background images in one file and use positioning properties to display the appropriate image.
Web-based sprite generators can help you get up and running with CSS Sprites quickly. See the following tutorials for an introduction to this popular technique
CSS Tutorials
Page Layout Resources
Chapter Updates
Page 284, Hands-On Practice 6.11- Step 1
- Assign the Tours Page section to the named fragment tours
- Assign the Rentals Page section to the named fragment rentals
- Assign the Contact Page section to the named fragment contact
- Step 2
Configure an unordered list
Review Activities
Review activities are available for this chapter. Check your knowledge of chapter terms and concepts.
Resources
10th Edition Student FilesHTML Validator
HTML Reference
CSS Validator
CSS Reference
Color Chart
Design Checklist