I??™ll show you how to set
up the folder structure so you can organize your XHTML, CSS,
and JavaScript ?¬? les, and demonstrate some other options for
linking your CSS ?¬? les to the pages. I??™ll show you how to add
different types of interface components into the pages and to
structure the related CSS. We??™ll see techniques that minimize
the amount of code you need so it??™s easy to write, and to later
?¬? nd and edit, the CSS that styles each element of the markup.
STYLIN??™ WITH CSS - CHAPTER 7 232
I??™ll show all this by creating the Web site for this book, Stylin??™ with
CSS. The site will have a home page that will provide an overview of
the book and describe what??™s available on the site, and various other
pages that include the Table of Contents, CSS-related links, and a
sign-up form.
The focus of this chapter will be the home page. We??™ll see how we
can use a page template from the Stylib library and easily add to
it various other Stylib components, such as the form layout styles,
drop-down menus, and the text and color styles that we have seen
earlier, to minimize the amount of custom coding required to complete
these pages. We??™ll also see methods of sharing styles between
the pages and some background image techniques that help visually
break up the underlying grid of the layout.
The Stylin??™ Site
Here is the completed home page at its maximum and minimum
browser window widths (Figures 7.
Pages:
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270