Presentation is loading. Please wait.

Presentation is loading. Please wait.

1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.

Similar presentations


Presentation on theme: "1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the."— Presentation transcript:

1 1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the HTML Data Disk

2 2 Entering Initial HTML Tags Select New from the File menu Enter the initial HTML tags, as usual, and type AHS Header Frame as the title Make the background color navy: Press ENTER twice Click the blank line (line 6)

3 3 Entering Initial HTML Tags background color

4 4 Adding an Image and a Heading Create a one-row borderless table that contains the image and heading text Enter this HTML code starting on line 7

5 5 Saving the HTML File Save the HTML file in your network account with header.htm as the file name file name

6 6 Entering Initial HTML Tags Select New from the File menu Enter the initial HTML tags, as usual, and type AHS Menu Frame as the title Set the colors of the background, body text, and the links by entering the following tag:

7 7 Entering Initial HTML Tags Press the ENTER key twice Click the blank line (line 7)

8 8 Adding Hypertext References and Targets Enter this HTML code starting on line 7 to create the navigational links:

9 9 Adding Hypertext References and Targets The target attribute tells the browser in which frame to open the link

10 10 Saving the HTML File Save the HTML file in your network account with menu.htm as the file name file name

11 11 Creating the Home Page Select New from the File menu Enter the initial HTML tags, as usual, and type AHS Home Frame as the title Set the color of links to red: Press ENTER twice Click the blank line (line 6)

12 12 Creating the Home Page Enter this HTML code starting on line 7 to create the navigational links:

13 13 Saving the HTML File Save the HTML file in your network account with home.htm as the file name file name

14 14 Viewing and Printing the HTML Files Using your Browser Start your browser Type a:\framedef.htm in the address box and then press the ENTER key The three Web pages created in this project display on the Web site home page

15 15 Viewing and Printing the HTML Files Using your Browser frame 1 header.htm frame 2 menu.htm frame 3 home.htm

16 16 Viewing and Printing the HTML Files Using your Browser In the Print dialog box of the browser, under the Print Frames section, are three options:  As laid out on screen  Only the selected frame  All frames individually The default is to print all frames individually For this project, print as laid out on screen

17 17 Viewing and Printing the HTML Files Using your Browser Click the Print button on the Standard Buttons toolbar

18 18 Testing the Links Click the Reunion News link on the menu.htm frame Click all other links in the frame, ending with Home

19 19 Printing all HTML Files Click the home.htm button on the Standard taskbar Select Print from the File menu Repeat the first two steps for the framedef.htm, header.htm, and menu.htm files Close (BBEDit) Notepad and close your browser

20 20


Download ppt "1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the."

Similar presentations


Ads by Google