Download presentation
Presentation is loading. Please wait.
1
CS120 The Information Era Chapter 4 – More HTML Specifics
TOPICS: Frames 9/5/2018 CS120 The Information Era
2
Frames When you build a large web site, you need to start thinking about how your readers are going to navigate your web site. You can make the navigation of your site by using HTML frames. A frame allows you to partition a web page into several sections so that you can display a different file in each section. 9/5/2018 CS120 The Information Era
3
Frames Example Side.html Main.html 9/5/2018 CS120 The Information Era
4
Frames Example Create a file called frameex.html <html>
<head> <title> Frames Example </title> </head> <frameset cols="20%, 80%"> <frame src="side.html" scrolling="no" name="sideframe"> <frame src="main.html" name="mainframe"> </frameset> </html> 9/5/2018 CS120 The Information Era
5
Frames Example Create a file called side.html and place it in the same directory as frameex.html <html> <head> </head> <body bgcolor="red"> Side Column. </body> </html> 9/5/2018 CS120 The Information Era
6
Frames Example Create a file called main.html and place it in the same directory as frameex.html <html> <head> </head> <body bgcolor="blue"> Main Frame! </body> </html> 9/5/2018 CS120 The Information Era
7
Frames Example <html> <head> </head>
<body bgcolor="red"> <a href=" target="mainframe">Doug Ryan</a> </body> </html> 9/5/2018 CS120 The Information Era
8
Frames Problem You should still have the files htmlinfo.html, htmltags.html and htmlterms.html. Create two frames such that the screen is split up into two rows. The top row is to contain two centered links HTML Terms and HTML Tags. Clicking on HTML Terms should display the the terms in the second row and clicking on HTML Tags will do the same for the tags file. Initially the first row is to have the centered links with a background color of white with black text. The second row is initially black until one of the links is selected and then white text is displayed on the black background. 9/5/2018 CS120 The Information Era
Similar presentations
