Web Development and Design Foundations with XHTML, 5th Edition

(Steven Felgate) #1

(^64) Chapter 2 XHTML Basics
Figure 2.31 displays a sample page layout. It contains a site logo, a navigation area, a
content area, and a footer area for copyright information.
You have two tasks in this case study:



  1. Create the Home page: index.html.

  2. Create the Services page: services.html.


Hands-On Practice Case
Create a folder called fishcreek to contain your Fish Creek Web site files.


  1. The Home Page. You will use Notepad to create the Home page for the Fish Creek
    Animal Hospital Web site. The Home page is shown in Figure 2.32.
    Launch Notepad and create a Web page with the following specifications:
    ● Web page:Use a descriptive page title—the company name is a good choice for
    a business Web site.
    ● Logo area:Use

    for the Fish Creek Animal Hospital logo.
    ● Navigation: Place the following text using the logical style element
    within a paragraph:
    Home Services Ask the Vet Contact
    Code anchor tags so that Home links to index.html, Services links to
    services.html, Ask the Vet links to askvet.html, and Contact links to
    contact.html.



Figure 2.31
Fish Creek page
layout


Figure 2.30
Fish Creek site map

Free download pdf