22.04.2013 Views

HTML, XHTML & CSS

HTML, XHTML & CSS

HTML, XHTML & CSS

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.

Chapter 2<br />

Creating and Viewing a Web Page<br />

In This Chapter<br />

▶ Planning your Web page<br />

▶ Writing some <strong>HTML</strong><br />

▶ Saving your page<br />

▶ Viewing your page offline and online<br />

Creating your very own Web page may seem daunting, but it’s definitely<br />

fun, and experience tells us that the best way to get started is to jump<br />

right in with both feet. You might splash around a bit at first, but you can<br />

keep your head above water without too much thrashing.<br />

This chapter walks you through the basic steps to create a Web page. We<br />

don’t stop and explain every bit of markup you use — we save that for other<br />

chapters. Instead, we want to make you comfortable working with markup<br />

and content to create and view a suitably simple Web page.<br />

Before You Get Started<br />

Creating <strong>HTML</strong> documents differs from creating word processor documents<br />

using an application like Microsoft Word because you end up having to use<br />

two applications:<br />

✓ You create the Web pages in your text or <strong>HTML</strong> editor.<br />

✓ You view the results in your Web browser.<br />

Even though many <strong>HTML</strong> editors, such as Dreamweaver and <strong>HTML</strong>-Kit,<br />

provide a browser preview, it’s still important to preview your Web pages<br />

inside actual Web browsers (such as Internet Explorer, Firefox, or Safari) so<br />

you can see them as your end users do. Editing inside one application and<br />

then switching to another to look at your work might feel odd, but you’ll<br />

be switching from text or <strong>HTML</strong> editor to browser and back like a pro in<br />

(almost) no time.

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

Saved successfully!

Ooh no, something went wrong!