The big picture of header bidding, Hot Topic: Header Bidding, Feb 2017
1 Creating the Header Page The header frame always displays on the AHS Web site The image...
-
Upload
sheila-copeland -
Category
Documents
-
view
225 -
download
1
Transcript of 1 Creating the Header Page The header frame always displays on the AHS Web site The image...
![Page 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/1.jpg)
1
Creating the Header PageCreating 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
![Page 2: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/2.jpg)
2
Entering Initial HTML TagsEntering 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:
<BODY BGCOLOR=“NAVY”>
• Press ENTER twice
• Click the blank line (line 6)
![Page 3: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/3.jpg)
3
Entering Initial HTML TagsEntering Initial HTML Tags
background color
![Page 4: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/4.jpg)
4
Adding an Image and a Heading
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
![Page 5: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/5.jpg)
5
Saving the HTML FileSaving the HTML File
• Save the HTML file in your network account with header.htm as the file name
file name
![Page 6: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/6.jpg)
6
Entering Initial HTML TagsEntering 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:<BODY BGCOLOR=“#FFCC00” LINK=“NAVY” VLINK=“NAVY” ALINK=“NAVY”>
![Page 7: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/7.jpg)
7
Entering Initial HTML TagsEntering Initial HTML Tags
• Press the ENTER key twice
• Click the blank line (line 7)
![Page 8: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/8.jpg)
8
Adding Hypertext References and Targets
Adding Hypertext References and Targets
• Enter this HTML code starting on line 7 to create the navigational links:
![Page 9: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/9.jpg)
9
Adding Hypertext References and Targets
Adding Hypertext References and Targets
The target attributetells the browser in which frame
to open the link
![Page 10: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/10.jpg)
10
Saving the HTML FileSaving the HTML File
• Save the HTML file in your network account with menu.htm as the file name
file name
![Page 11: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/11.jpg)
11
Creating the Home PageCreating 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:<BODY LINK=“RED” VLINK=“RED” ALINK=“RED”>
• Press ENTER twice
• Click the blank line (line 6)
![Page 12: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/12.jpg)
12
Creating the Home PageCreating the Home Page
• Enter this HTML code starting on line 7 to create the navigational links:
![Page 13: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/13.jpg)
13
Saving the HTML FileSaving the HTML File
• Save the HTML file in your network account with home.htm as the file name
file name
![Page 14: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/14.jpg)
14
Viewing and Printing the HTML Files Using your Browser
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
![Page 15: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/15.jpg)
15
Viewing and Printing the HTML Files Using your Browser
Viewing and Printing the HTML Files Using your Browser
frame 1header.htm
frame 2menu.htm
frame 3home.htm
![Page 16: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/16.jpg)
16
Viewing and Printing the HTML Files Using your Browser
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
![Page 17: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/17.jpg)
17
Viewing and Printing the HTML Files Using your Browser
Viewing and Printing the HTML Files Using your Browser
• Click the Print button on the Standard Buttons toolbar
![Page 18: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/18.jpg)
18
Testing the LinksTesting the Links
• Click the Reunion News link on the menu.htm frame
• Click all other links in the frame, ending with Home
![Page 19: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/19.jpg)
19
Printing all HTML FilesPrinting 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
![Page 20: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649f155503460f94c2a3a4/html5/thumbnails/20.jpg)
20