This sequence of videos takes you through creation of this page - with gradient background image, animated banner image, and links targeted to open in an iframe.
This is a playlist of the 5 videos, embedded from my YouTube channel (using iframe!)
Showing posts with label iframe. Show all posts
Showing posts with label iframe. Show all posts
Monday, October 27, 2014
Monday, October 28, 2013
How to use iframe
Note to self and e-Comm staff:
This video was uploaded directly to Blogger, which apparently compressed it quite a bit. It didn't seem to lose as much quality on the next post where I stored the videos on Google Docs.
Students: if you need this tutorial, it is on Edmodo - please watch it there instead.
An inline frame, or iframe, is often used to include external content in a web page. You have undoubtedly seen it many times before when looking at a video or a map that is embedded in someone's page.
Watch this ~10min. tutorial and do the project that is demonstrated for yourself, either along with or after the video. This shouldn't take you more than 1 class period. It's just sort of a "proof of concept" - a project to demonstrate that you can embed another of your web pages and an off-site web page inside your own iframes. We'll do another iframe project next time that we'll take a little more care with stylistically.
This video was uploaded directly to Blogger, which apparently compressed it quite a bit. It didn't seem to lose as much quality on the next post where I stored the videos on Google Docs.
Students: if you need this tutorial, it is on Edmodo - please watch it there instead.
An inline frame, or iframe, is often used to include external content in a web page. You have undoubtedly seen it many times before when looking at a video or a map that is embedded in someone's page.
Watch this ~10min. tutorial and do the project that is demonstrated for yourself, either along with or after the video. This shouldn't take you more than 1 class period. It's just sort of a "proof of concept" - a project to demonstrate that you can embed another of your web pages and an off-site web page inside your own iframes. We'll do another iframe project next time that we'll take a little more care with stylistically.
Subscribe to:
Posts (Atom)