An iFrame is a tiny window you create on your page that shows your learners a view into another page. For educators, understanding what iFrames are and how to use them is critical for creating an engaging learning experience online.
- [Instructor] Let's continue to build…on this idea of adding content to your pages…from other sites.…In this chapter, we're going to explore…the primary HTML tool that educators need to know…for adding rich content from other sites…on to your pages.…And that is with in-line frames or iFrames for short.…Think of an iFrame as creating a small window…in your own page that shows your learners…rich media that's on another page.…One of the best things about iFrames…is that the basic code is written for you…on the other site.…
The trick is knowing first where to look for the code…and then, what kind of manipulations you can do…to the code to customize the rich media…for your own site.…The basic iFrame code is pretty straight forward.…In fact, it's nearly identical to the image tag…that you learned about in the last chapter.…The iFrame tag looks like this.…The name of the tag is iFrame,…then there's a source or src attribute…that points to the URL of the remote page.…Then, there's also a width and a heighth attribute…that define the pixel dimensions that you want…
- Coding a site, a page, or parts
- Managing digital assets
- Formatting headings and paragraphs
- Creating links to pages
- Linking to a PDF or a Google Doc
- Inserting your own images into an LMS
- Embedding YouTube, Vimeo, and SoundCloud media
- Making pages responsive for mobile devices
- Working with CSS using web developer tools
- Overriding existing CSS
- Setting up your own domain
- Using FTP
Skill Level Intermediate
WordPress for Education: Multisitewith Chris Mattia1h 55m Intermediate
Measuring Learning Effectivenesswith Jeff Toister47m 4s Beginner
1. Web Basics
2. Semantically Formatting Text
3. Leveraging Links
4. Integrating Images
5. Embedding Resources
6. Adding Style with CSS
7. Setting Up Web Infrastructure
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.