Intermediate Web Literacy II | Storytelling with Scripts | 6. Storytelling with Color

Made by Mozilla

45-60 minutes

Learn how HTML, CSS, and JavaScript connect to one another by using buttons and scripts to inspire storytelling in response to different colors.

Activity 6 of 8

Write the Web

21st Century Skills

Communication Creativity

Web Literacy Skills

Code Compose Remix

Learning Objectives

  • Understand how CSS stylesheets and JavaScript code connect to an HTML webpage.
  • Code a button and script that work together to change the background color of a webpage.

Audience

  • 13+
  • Intermediate web users

Materials

  • An Internet-connected, projected instructor computer
  • Internet-connected computers
  • Markers
  • Paper
  • Construction paper of several different colors.
  • Sticky notes