HTML, XHTML & CSS

3. Save your page.
4. View your page in a Web browser.
Chapter 2: Creating and Viewing a Web Page
Break out your text editor and Web browser — and roll up your sleeves.
Step 1: Planning a simple design
We’ve discovered that a few minutes spent planning a general approach to
the page at the outset of work makes the creation process faster and easier.
You don’t have to create a complicated diagram or elaborate graphical display
in this step. Just jot down some ideas for what you want on the page and
how you want it arranged.
You don’t even have to be at your desk to plan a simple design. Take a notepad
and pencil outside and design in the sun, or scribble on a napkin while
you’re having lunch. Remember, this is supposed to be fun!
The example in this chapter is our take on the traditional “Hello World” exercise
used in just about every existing programming language: The first thing
you learn when tackling a new programming language is how to display Hello
World onscreen. In our example, we create a short letter to the world instead,
so the page is more substantial with more text to work with. Figure 2-1 shows
our basic design for this page.
Title – Hello World
Letter Paragraphs
Sincerely,
Jeff Noble
Ed Tittel
Notes: Teal background
White text
Figure 2-1: Taking a few minutes to sketch your
page design makes writing HTML easier.
33