Assignment #19: Inline Frames
-
This assignment will demonstrate:
- Inline Frames
- Frames As Targets
-
In this assignment, you will add an inline frame to one of your pages, which will be the
target for displaying new information in the page without causing the whole page to reload.
-
Add an inline frame to one of your pages, where you have room to display
some content that can change in response to the user's clicking some links.
Size the inline frame with width and height properties in your stylesheet.
-
Make sure you put an id attribute and a name attribute in the <iframe> tag.
-
Put some links in the page, which allow the user to display various information
pages in the inline frame.
-
You will also need to make a few new pages, to display in the inline frame. These pages
should be very simple, without any navigation, logo, or other main-page content.
-
Use your imagination on the content of these pages. You might want to allow the user to
display some different recipes, or portfolio images, or whatever fits the topic of your site.
-
HINT: In the links which display these various new pages in the inline frame, put
a target attribute which has the value of the id and name attributes that you added to
the <iframe> tag.
-
Validate all of your modified pages
with the W3C's
Validator
page. I will also be validating your pages, so this
validation will be part of your grade. Your pages should
validate as HTML5 pages.
-
Validate your stylesheet with the W3C's
CSS Validator
page. I will also be validating
your style sheet, so this
validation will be part of your grade.
-
Upload your pages to your Freehostia site.
- You can test your pages on the server by selecting the "Student Sites" link on the class site and then clicking your student number in the bulleted list. You will probably need to refresh/reload the page in your browser in order to see your changes.