Web Development and Design Foundations with XHTML, 5th Edition

Web Site Case Study: Implementing CSS^115

2. The Home Page.Launch Notepad and open the index.html file. You will modify
   this file to apply styles from the fishcreek.css external style sheet.
   ● Add a element to associate the Web page with the fishcreek.css external
   style sheet file. Save and test your index.html page in a browser and you’ll notice
   that the styles configured with the bodyand h1selectors are already applied!
   ● Configure the navigation area. Since the navigation is not semantically a
   “paragraph” (a collection of sentences about a central topic), replace the

   
   element with a

   element. Assign this

   to the id named nav.
   Remove the element from this area.
   ● Configure each

   element to apply the categoryclass. Remove the
   elements from this area.
   ● Configure the page footer area. Replace the

   elements with

   elements.
   Assign this

   to the id named footer. Remove the and ele-
   ments because the font-sizeand font-styleare configured as part of the
   footerid.
   ● Save the index.html file and test in a browser. Your page should look similar to
   the one shown in Figure 3.24 except that your page content will be left-aligned
   instead of indented from the margins. Don’t worry—you’ll configure your page
   layout in Step 4 of this case study.


3. The Services Page.Launch Notepad and open the services.html file. You will
   modify this file in a similar manner—add the element, configure the
   navigation area, configure the categoryclasses (use elements), and con-
   figure the page footer area. Save and test your new services.html page. It should
   look similar to the one shown in Figure 3.25 except for the alignment.