1 Creating the Home Page

2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the contents of all cells in the table to be at the top of the cell

3 Creating a Table

4 Inserting an Image Use the surfmap.gif image on the Public Folder The BORDER=0 attribute will display a borderless image The HSPACE=10 attribute will add 10 pixels of space between the text and image The USEMAP attribute of the image tag will indicate the URL of a client-side image map

5 Inserting an Image

6 Inserting a Heading font size font face font color heading

7 Inserting a Paragraph The table on the Surf’s Up home page contains three paragraphs in the right- hand column of the first row Always include an address on the home page for visitor contact

8 Inserting a Paragraph Enter the following HTML starting on line 14

9 Inserting a Paragraph paragraphs of text URL

10 Creating Text Links Enter the following HTML starting on line 26

11 Creating Text Links text links

12 Creating an Image Map The tag has three attributes – SHAPE, COORDS, and HREF SHAPE attribute  RECT, CIRCLE, POINT, POLY COORDS attribute  Coordinates of points that define image map HREF attribute  The URL of the hotspot’s linked page

13 Creating an Image Map Enter the following HTML starting on line 34

14 Creating an Image Map map start target name coordinates and links map end

15 Changing Link Colors Text link colors vary as the status of the link changes  LINK  ALINK  VLINK Colors of the links should match the color of the heading Change the link attributes in the tag

16 Changing Link Colors link color changes

17 Save and Print the HTML File Select Save As from the File menu Type surfhome.htm in the File name text box, then click the Save button Select Print from the File menu

18 Save and Print the HTML File

19 Viewing the Web Page Start your browser Drag your file into Internet Explorer, or select “open” from the file menu and open the page.

20 Viewing the Web Page images

21 Printing the Web Page Click the Print button on the Standard Buttons toolbar