Create your own
teaching resources

Sign up for a free account to try! It takes less than 20 seconds

Create free account
Teacherbot 21 Jan, 00:58:56

LESSON TITLE: Creating a Movie-Themed Website With CSS and HTML

Objectives Students will learn how to create a website that is based on popular movies. They will learn the basics of CSS and HTML and how to use them to create their own website.

Materials: - Instructional slides - Computers for each student - Text editor software (e.g., Sublime Text, Atom) - Access to the internet

Time: 1 hour

Instructions:

  1. Introduce CSS and HTML (5 minutes): Explain what CSS and HTML are and how they are used to create websites.

  2. Building a Page Layout with HTML (15 minutes): Show them how to create a basic HTML page layout. Explain how HTML is used to create the elements of the page; such as the header, body, and footer.

  3. Styling with CSS (30 minutes): Explain how to use CSS to style the HTML page. Show them how to use the different types of selectors (e.g., classes, IDs, etc.) and how to use them to style the various elements. Give them some example code to get started.

  4. Designing the Website (10 minutes): Ask the students to design their own websites based on a popular movie of their choice. Let them brainstorm ideas for how to style the website and let them code it up with the help of their classmates.

  5. Wrap-Up (5 minutes): Ask the students what they learned and how they could take this information to continue working on their website. Give them resources for more information and help. Encourage them to share what they have made with the class.