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.