04 HTML Images, Video, and Audio
March 30, 2020 | LessonIn this lesson, we learn the fundamentals of embedding visual and audio content on a web page.
Teacher Activities
- Check Learning Journals
- Pre-teach vocab (jpeg / png / caption)
Student Activities
- Read Images in HTML and take Outline Notes
- Open your Summer Story in VS Code
- Download three images that are appropriate for your narrative
- Use what you learned to embed these images in your HTML page
- Each image must have alternative text
- At least one image must have a title (tool tip)
- At lease one image must have a caption (See
<figcaption>
for more info) - Show me your web page!*
- Read Video and audio content and take Outline Notes
- Read From object to iframe — other embedding technologies and take Outline Notes.
- Open your Summer Story in VS Code
- Embed a video or audio source in your HTML page
- Show me your web page!*
Extend
Explore techniques to embed other technologies in your web page including Google Docs, Sheets, Slides, and/or Maps.
Use graphic design software to develop a custom banner for the summer story narrative.