ptg16476052144 LESSON 7: Formatting Text with HTML and CSS
Your task for this example is to design and create a home page for a bookstore called The
Bookworm, which specializes in old and rare books.
Planning the Page First, consider the content you want to include on this page. The
following are some ideas for topics for this page:
n The address and phone number of the bookstore
n A short description of the bookstore and why it’s unique
n Recent titles and authors
n Upcoming eventsNow come up with some ideas for the content you’re going to link to from this page.
Each title in a list of recently acquired books seems like a logical candidate. You also can
create links to more information about each book, its author and publisher, its price, and
maybe even its availability.
The Upcoming Events section might suggest a potential series of links, depending on
how much you want to say about each event. If you have only a sentence or two about
each one, describing them on this page might make more sense than linking them to
another page. Why make your readers wait for each new page to load for just a couple of
lines of text?
Other interesting links might arise in the text itself, but for now, starting with the basic
link plan is enough.
Beginning with a Framework Next , create the framework that all HTML files must
include: the document structure, a title, and some initial headings. Note that the title is
descriptive but short; you can save the longer title for the <h1> element in the body of the
text. The four <h2> subheadings help you define the four main sections you’ll have o n
your web page:
<!DOCTYPE htm l>
<html>
<head>
<meta charset="UTF-8">
<title>The Bookworm Bookshop</title>
</head>
<body>
<h1>The Bookworm: A Better Book Store</h1>
<h2>Contents</h2>
<h2>About the Bookworm Bookshop</h2>
<h2>Recent Titles (as of July 11, 2012)</h2>
<h2>Upcoming Events</h2>
</body>
</html>▼▼