22.04.2013 Views

HTML, XHTML & CSS

HTML, XHTML & CSS

HTML, XHTML & CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

In This Chapter<br />

Chapter 3<br />

Proper Planning Prevents<br />

Poor Page Performance<br />

▶ Planning your Web page<br />

▶ Defining your Web site hierarchy<br />

▶ Creating user-friendly navigation<br />

▶ Hosting your site<br />

▶ Uploading and editing your Web site<br />

The overall design of a site defines its user interface (UI). When you design<br />

a good UI, you provide tools to move through your site with minimum<br />

fuss. This chapter outlines standard Web site design principles for (X)<strong>HTML</strong><br />

and <strong>CSS</strong>. These principles ensure a usable and effective UI.<br />

The UI is the mechanism that gives users access to information on your site.<br />

Each UI is unique but made from the same elements (text, graphics, and<br />

media files) and held together with (X)<strong>HTML</strong>.<br />

Visitors probably won’t return to your site if<br />

✓ It’s hard to navigate.<br />

✓ It’s cluttered with flashing text and clashing colors.<br />

✓ It doesn’t help people find what they’re looking for.<br />

You’ve created a solid UI if<br />

✓ Your site’s navigation is intuitive.<br />

✓ Images and media accent your design without overpowering it.<br />

✓ You do all you can to help people find the information they want.<br />

This chapter walks you through simple steps to design a Web site and your<br />

basic Web page. (Other chapters explain every nuance of the markup.)

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

Saved successfully!

Ooh no, something went wrong!