Contact us to obtain full access!

Including...

Self-Grading Assessments

Project-Based Learning

Attendance Tracking

Student Data & Reporting

Professional Development

Computer Science Essentials

4.5.1 Website Creation

In this lesson, students will learn the steps required to create a website.

Contact us to get the full experience and try out our LMS with Self Grading Quizzes, Gradebook, Attendance Tracking, Student Reporting, Discussion Board Features and more!

Contact Us

Slides

Lesson Plan: Website Creation

Summary

The instructor delivers a presentation on the steps required to create a website. In the “Create a Website” activity, students use these new skills to design their own website, create a visual model, and research a hosting solution on the web.

Essential Question

What steps do I need to take to create and publish a successful website?

Learning Objectives

After completing this lesson students can:

  • identify and differentiate between the three primary languages involved in web development.
  • recall the steps required to design, develop, and publish a website.
  • evaluate various services used to host sites on the web.

Standards

ISTE: 1.1d, 1.4a, 1.6a, 1.6c, 1.6d

HTML: short for HyperText Markup Language. This language is used to add text, links, inputs, and media to a web page.

CSS: short for Cascading Style Sheets. This language is used to add styles like colors, sizing, and positioning to the elements on a web page.

JavaScript: a scripting language used to tell the browser how the webpage should behave and respond to user actions.

Mock Up: an artistic depiction of what a final product will look like when finished.

Script: a set of instructions given to a computer that tell it how to behave.

Activity: Create a Website

Download and print the following worksheet.

Website Creation Activity.pdf

Complete all 3 parts and submit to your teacher offline, or by scanning and uploading to this page.

Rubric

Part 1: Design Your Website - 5 points

The student conceptualizes a novel idea for a website for a target user. Thought has been put into the content, appearance, and functionality of the website.

Part 2: Create a Mock Up

The student implements a title, media, and interactions that build on the design exercise. The purpose of the website is clear from the drawing.

Part 3: Find a Hosting Service

The student demonstrates that they researched multiple hosting services and selects one based on an aspect of the service that they indicate is important for their website.