• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Previewing the results

You’ll start the lesson by viewing an example of the finished HTML home page that you’ll create. For this procedure, you’ll use your favorite Web browser application (such as Netscape, Internet Explorer, or Safari) instead of Photoshop or ImageReady. You do not need connect to the Internet.

1.
Start a Web browser, and open the end file 15End.html in the Lessons/Lesson15/15End folder.

The file contains an HTML table that links to several Web images, all created from Photoshop and ImageReady slices.

2.
Click the “why organic?” button at the top of the Organic Foods Web page.

A new Web browser window opens to a new page. (It’s not a fully developed page; it’s more of a placeholder page to show that the things you click really do represent links.)

3.
Close the Why page instance of the Web browser.

4.
In the Web browser open to the Organic Foods page, click the “products” button at the top of the Web page. Then, close the new instance of the Web browser that is showing the Products page.

5.
Again in the Web browser open to the Organic Foods page, move the pointer over the picture of asparagus on the right side of the page. Notice that the pointer changes to a pointing-finger icon (), indicating that this area is linked. Move the pointer on and off the different areas of the page and notice when the pointer appears as an arrow and when as a hand.

6.
Click the bunch of asparagus to open yet another linked Web page. Then close that Web browser to see the main page. Click some of the other links you find on the page.

7.
When you finish viewing the end files, close all the Web browser windows and quit that application.

In this procedure, you witnessed two different types of links: slices (in the menu buttons at the top of the Web page) and image maps (the asparagus, papaya, and herbs image areas, in which the linked area matches the shape of the item pictured).

You’ll start by working with slices, which are always rectangular.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint