Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Usability

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book

Branching Out

Try creating styles to accomplish each of the variations described here. If the markup needs to be changed to make the variation easier or even possible, it will be noted in the text.

  1. In the "Mansfield" design, try changing the backgrounds (and background colors) around. For example, you could use the washed-out background for the title, the faded image for the masthead, and the basic image for the body. Don't forget to change the colors, too!

  2. Figure 4.16Figure 4.16

  3. In the "stormclouds" design, change the placement of the background images so that they're all centered horizontally within their elements. Make sure they all continue to line up with each other.
  4. Figure 4.17Figure 4.17

  5. Change the "stormclouds" design as discussed in the "Pros and Cons" section, altering the markup slightly and rearranging the styles so that the visual outcome is the same but the layout is more resistant to text wrapping in the title.

  6. Figure 4.18Figure 4.18

  • + Share This
  • 🔖 Save To Your Account