MAT 125: Web Design 1: Fundamentals : EXERCISES

<< .. Go to .. Home .. Class Demos .. Previous Exercise < .. > Next Exercise .. >>

Exercise 6:
FRAMES


In this exercise we will design web pages that use frames to organize the data. Frames are handy as they keep your navigation in sight at all times and have several other beneficial points as well.

HTML Elements

  • <frameset> </frameset>
    • rows="pixels, %, *"
    • cols="pixels, %, *"
    • frameborder="pixels"
  • <frame>
    • name="windowname"
    • src="page.html"
    • noresize
    • scrolling="yes, no"
  • <noframes> </noframes>
  • <iframe> </iframe>

Exercise Requirements

  • Create a simple frameset page exploring how the different tags can be used or push it and try one of the more complicated framesets.
  • Create the mulitiple files needed for the frameset to work.
  • Create one page using an inline frame. Use images and html pages for content.
  • For content, you can write about what each tag does or make up your own creative content

Images

  • optional - but it sure makes it nice

Design Process

  • Create a project folder named "YourLastNameE6"
  • Create as many HTML documents as you need. Name your main frame page index.html.
  • Add text, images, links and tags as needed.
  • Save all HTML docs and images in your project folder.
  • Review your work in a browser before uploading to the server
  • Upload your HTML documents to the school server and view them in a browser.

Evaluation

This exercise is worth 30 points.

  • Coding (6)
  • Functionality (6)
  • Meeting project requirements (6)
  • Your effort (9)
  • Meeting deadlines (3)

Due Date

Online Demos

<< .. Go to .. Home .. Class Demos .. Previous Exercise < .. > Next Exercise .. >>