24.08.2016 Views

(Shelly Cashman Series) Gary B. Shelly, H. Albert Napier, Ollie N. Rivers-Web design_ introductory concepts and techniques -Cengage Learning (2008)

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

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

110 Chapter 4 Planning a Successful <strong>Web</strong> Site: Part 2<br />

layout<br />

grid<br />

grid<br />

options<br />

Figure 4-10 Using a WYSIWYG editor layout grid makes it easy to position<br />

content precisely <strong>and</strong> to have elements snap to the closest<br />

gridline.<br />

DESIGN<br />

TIP<br />

Use a layout grid to position page content that consistently appears on all pages,<br />

for example, the logo, site publisher’s name, images, <strong>and</strong> major links. Then<br />

carefully add other page content that generates interest <strong>and</strong> variety while<br />

maintaining visual consistency.<br />

TABLES A table is an arrangement of columns <strong>and</strong> rows; the intersection of a table<br />

column <strong>and</strong> a row is called a cell. You might be familiar with using tables in word-processing<br />

software, such as Microsoft Word, or spreadsheet software, such as Microsoft Excel. A <strong>Web</strong><br />

page HTML table can be used in the same way as a table in a word-processing document or<br />

in a spreadsheet — as a data table that organizes text or numbers. Figure 4-11 illustrates a<br />

formatted, empty HTML data table on a <strong>Web</strong> page in development.<br />

three-column,<br />

multirow data<br />

table with an<br />

outside border<br />

Figure 4-11 A <strong>Web</strong> page data table is used to organize text <strong>and</strong> numbers.

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

Saved successfully!

Ooh no, something went wrong!