All / Class 09 - Frames and Photo Galleries

Class 9 – Frames and Photo Galleries


Frames:

Several web pages can be displayed in the same browser window.

Special Note: Will be obsolete in the future.

Pros and cons – a good reference: http://websitetips.com/articles/html/frames/

Iframes:

Used to display a webpage into a webpage.

Good Reference: http://www.w3schools.com/html/html_iframe.asp

Example: embedding google map

Activity 1: Add an Iframe to an html document.

Step one: Have an html document you are pulling content from or you can use an outside source like Google. Keep in mind this violates some copyright laws, so you have to check with each site individually before linking.

Step two:Add code to html document where you want to embed the iframe:

<iframe src=”filename.html” iframe name=”nameofframe” height=”250″ width=”600″ frameborder=”0″ vspace=”0″ hspace=”0″ scrolling=”no or yes” allowtransparency=”true”>You need a Frames Capable browser to view this content.</iframe>

Activity 2:

Step by step how-to with instructor – Create a photo gallery using iframes


Activity 3:

Step by step how-to with instructor – Recreating a frame site using DIVS

http://screencast.com/t/oBawsLbS


Homework due 11/2/16

  1. Finish Remington Bulldog site: link sub pages, create sub pages, change all pictures and headlines on all subpages
  2. Create an iframe thumbnail gallery