<This week our topic is Frames.
Visit the Frames Tutor at http://junior.apk.net/%7Ejbarta/tutor/frames/index.html
Let's look at an example of Le Louvre Museum -- they tell their frameset what to do if someone's browser does not support frames: http://www.louvre.fr/. They also use nested Frames.
Another French site with Frames: http://www.admifrance.gouv.fr/
- Frames example 1: Frames example 1
- Demonstrates use of pixel widths to de me columns.
- Demonstrates use of frame names to direct links to a specific target frame.
- Shows how to turn borders and scrolling off for frames (make sure your frames are big enough for your content if you do this!).
- Show use of an "empty" frame for spacing (actually an empty web page: http://www.meyerconsult.com/fall99/caos190h/white.html
- Demonstrates a new frameset doctype (need this to validate a page with framesets
There are also the following two examples which have problems that I will fix in class:
Frames example 2
Allows scrolling & uses percentage widths
Frames example 3
Row based frames with navigation along top row, no scrolling or border on top row, links load in bottom row.NOTE: When developing pages that use frames, you will need to use the force reload/refresh in order to see your changed frames page once it is published. The normal reload/refresh WILL NOT display your changes. Try option-Reload on Macs, and I am not sure of the command on PCs (perhaps CTRL-Reload or ALT-Reload or Shift- Reload. AND, furthermore, if that doesn't work try quitting your browser and starting again.
Using Targets in Frames
TARGET="right"
Inside the tag for the link <A HREF="file.html" TARGET="right">
you put the name of the frame that you would like to target with the results of your click. My frames example1 has this feature. This link would target a fram named "right" so in your frameset you would have had to give one of your frames the name "right".There are also some special targets which have a different effect
TARGET="_blank"
opens link in a brand new window (this is confusing to new users, as the BACK button goes away).
TARGET="_self"
This is the default. The link contents replace the current frame.
TARGET="_parent"
replaces the parent frameset with the page you've linked to (client can still use Back button to get back to your page).
TARGET="_top"
I think this is only needed if you do nested framesets, but this does a similar thing to parent, except it goes up to the "top" of the web window and replaces the whole window.
Animated GIF resources