11.11.2014 Views

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Contents<br />

xi<br />

Adding the Body Content <strong>and</strong> Footer .........................359<br />

Constructing Second-Level Pages ............................... 368<br />

Summary ................................................... 370<br />

Chapter 14 Case Study: A CSS Form ..............................371<br />

Underst<strong>and</strong>ing the Form’s Structure ............................ 371<br />

Explaining the Style Sheet Used for the Form. .................... 374<br />

Building the Form Row by Row ................................ 376<br />

Adding the Tag <strong>and</strong> Required Row. . .................376<br />

Adding the First Name Row. .................................377<br />

Adding the Last Name Row ..................................378<br />

Adding the Contact Name Row . . ............................379<br />

Adding the Region <strong>and</strong> Language Rows .......................379<br />

Adding the Status <strong>and</strong> Unlimited Rows. .......................380<br />

Adding the Purchase Date Row . . ............................381<br />

Adding the Comments Row .................................382<br />

Adding the Options to Select Rows ...........................383<br />

Adding the Submit <strong>and</strong> Cancel Buttons. .......................384<br />

The Final Product . . . .......................................384<br />

Summary ................................................... 389<br />

Chapter 15 Case Study: Low-Content XHTML Template .............391<br />

Creating the <strong>Design</strong> for a Low Amount of Content ................ 392<br />

Underst<strong>and</strong>ing the Strengths <strong>and</strong> Weaknesses of the<br />

Chosen <strong>Design</strong>. . ............................................. 392<br />

Adding Guides <strong>and</strong> Slices. ..................................... 394<br />

Creating the Parent Table . . . .................................. 395<br />

Creating <strong>and</strong> Linking the Style Sheet. ........................... 396<br />

Creating the Menu Table. ..................................... 398<br />

Adding an Image to the Center Column . . . ...................... 401<br />

Creating the Content (Right-Area) Table . . ...................... 402<br />

Creating the Footer Information ............................... 408<br />

Summary ................................................... 409<br />

Chapter 16 Tips <strong>and</strong> <strong>Techniques</strong> . ................................411<br />

Tantek or Box Model Hack . . .................................. 411<br />

Naming Rules <strong>and</strong> Properties Correctly .......................... 416<br />

Removing Body Margins <strong>and</strong> Padding. .......................... 420

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!