Creating A Simple HTML Flip Book With 5 images

by

This lesson will show students how to create a simple flip book using an HTML browser, how to edit the code to add pictures of themselves and some content.

Introduction

The purpose of this lesson is to have students practice creating a flip-book which is a book online that when clicked, the pages will turn. After they practice, the next lesson will be for them to actually start creating flip books for the teachers on campus.

Students will be learning

  1. How to create the files needed for the flip book
  2. How to run the code for the flip book
  3. How to modify the code
  4. Students will independently create the simple Flip-Book so that all team students know how to create one
  5. They will use the images provided or their favorite images and learn where to put them in the code provided

Lesson Times

1 block
110 Minutes

Industries / Subjects / Grades

Industries / Pathways
  • Information and Communication Technologies Information and Communication Technologies

Standards and Objectives

Standards

California's 2013 CTE Standards (2)

Related Instructional Objectives (SWBAT...)

  • Create a simple flip-book
  • Use Brackets.io to modify the HTML
  • Modify the HTML to add pictures

Get access to the rest of this Lesson and over 3000 more!

Create a Free Account or now!