Create subsection pages

Create new pages for The Golden Gate Bridge, Highway 101 and Big Sur:


Title

File Name

Seeing the Golden Gate Bridge

goldengate.html

Driving Highway 101

highway101.html

Staying in Big Sur

bigsur.html


TIP: Save california.html under the new file names to create the new pages.

In the new pages, make sure you link the word California to california.html.

On the Golden Gate Bridge page, change the

Places to visit in Californiaheading to read:

Seeing the Golden Gate Bridge

Enclose the heading in

tags.

Below the heading, change the paragraph to read:

The Golden Gate Bridge isn't golden--it's actually orange.

Link the words California, Highway 101, and Big Sur to their respective pages.

Leave The Golden Gate Bridge as plain text to show "you are here."

Save goldengate.html.

Open format.css, and add formatting for the

tag:

h2 {

font-family: verdana,helvetica,sans serif;

font-weight: bold;

font-size: 14pt;

}

h3 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
font-size: 12pt;
}

p {
font-family: arial,helvetica,sans serif;
font-size:10pt;
}

Open goldengate.html in the browser.

It should look like this:


In goldengate.html, add the class="y" attribute to the link to california.html:

In format.css, add formatting for the y class:

#navbar li a.x {
background: #000000;
color: #ffffff;
font-weight: bold;
}

#navbar li a.y {
background: #999999;
color: #ffffff;
}

Save format.css, then reload goldengate.html in the browser.

It should look like this:

The class="y" attribute in the link to california.html shows "you are here."

Format highway101.html so it looks like this:



Format bigsur.html so its layout and navigation are consistent

with the Golden Gate Bridge and Highway 101 pages.

  1. Heading: Staying in Big Sur
  2. Paragraph: There are many excellent hotels right on the ocean in Big Sur.
Save all pages and view the site in the browser.

It should look and work like the site at:

www.inpics.net/files/html/travelwest2