5 Project: Creating a Personal Home Page

 

Creation is a better means of self-expression than possession; it is through creating, not possessing, that life is revealed. —Vida Dutton Scudder

This chapter covers

  • Planning and sketching your personal home page
  • Choosing typefaces for your page
  • Adding the header and navigation links
  • Adding the body text

With four chapters under your belt, it's time to put your newfound HTML and CSS knowledge to work by building something substantial. Specifically, this chapter takes you through the process of putting together a simple personal home page. Simple is the operative word here because you don't yet know enough HTML tags and CSS properties to construct anything complex. Fortunately, you know more than enough to create a great-looking home page for yourself. You know about headings and paragraphs; you know how to create sections by using the <div> and <span> tags; you know how to create bulleted and numbered lists; you know how to create links; you know how to add typographic touches such as bold and italics; and you know how to apply colors to the background and to the text. As you see in this chapter, all that is more than enough to create a home page to be proud of.

What You’ll Be Building

Sketching the Layout

Choosing Typefaces

Choosing a Color Scheme

Building the Page

The Initial Structure

Try This

Web Page

CSS

HTML

The Page Title

Try This

Web Page

CSS

HTML

The Page Introduction

Try This

Web Page

CSS

HTML

The Social Media Links

Try This

Web Page

CSS

HTML

The Body Text

Try This

Web Page

CSS

HTML

The Page Footer

Try This

Web Page

CSS

HTML

From Here

Summary