This chapter shows how this process can work. Three layouts will be
explored, and elements from each one will be heavily based on exercises from elsewhere
in this book. You??™ll see the Photoshop mock-up, a breakdown of its structure, and instructions
for how the completed files were put together??”mostly using techniques you??™ve
already worked with in this book. In all cases, the completed files are available in the
download files (in the chapter 10 folder). Note that these layouts are mock-ups of websites,
with a single page designed, not complete websites. However, there??™s enough material
here to use as the basis for your own designs, although you shouldn??™t use them as
is??”after all, you??™re not the only person with a copy of this book!
Managing style sheets
In the download files, there are two sets of boilerplates. The basic-boilerplates folder is
the one used for the exercises throughout the book. The XHTML document contains only
a single wrapper div, while the CSS document has a handful of rules that are designed to
reset margins and padding and define a default font. Projects in this chapter are instead
based on the documents from the advanced-boilerplates folder. This contains a more
complex web page and a style sheet that uses CSS comments to split the document into
sections. The ???Creating boilerplates??? section in Chapter 2 provided an overview of the reasoning
behind this technique, and the ???CSS boilerplates and management??? section in
Appendix D (CSS Reference) does largely the same thing.
Pages:
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475