- Configure navigation area. Launch Notepad and modify each existing Web page
(index.html, services.html, askvet.html, contact.html) in the fishcreekcss folder to link
to the Shop page (shop.html) in the main navigation. Add the shop.gif to the side nav-
igation bar, as shown in Figure 12.21, on each page. Configure the image to link to
shop.html. Add a text link “Shop” to shop.html in the page footer navigation area.
(^494) Chapter 12 E-Commerce Overview
Figure 12.21
Revised Fish Creek
navigation
Figure 12.22
Fish Creek shop.html
- Confiure CSS. Before you create the Shop page (shop.html) you will configure the
CSS for the product area. Add a new style rule to your fishcreek.css external style
sheet that configures a class named shop. The shopclass will contain the descrip-
tion and “Add to Cart” form. Configure the shopclass to be 200 pixels wide and
to float to the left. The style rule follows:
#shop {width: 200px; float: left;} - Now you are ready to create the Shop page. Figure 12.22 shows a sample of the
completed page.