Create a Web Assignment

How to create an HTML/CSS/JS assignment with live preview for students

1

Open your class

2

Enter the class

3

Click Create Assignment

Click Create Assignment
4

Set up the web assignment

The New Assignment dialog allows you to create a web-based coding assignment by selecting "Web (HTML/CSS/JS)" as the type and filling in the title, description, and optional deadline. Notice that the assignment type dropdown is highlighted, indicating this is a key selection that determines what coding environment students will work in. The "Visible to students" checkbox is checked by default, meaning students will see this assignment immediately after creation.

Set up the web assignment
5

Save the assignment

Save the assignment
6

Open the assignment detail

The assignment detail page displays all the key information about "Lab 5 — Responsive Landing Page," including the assignment description, submission count, and management sections for input files, announcements, and error patterns. Teachers can see at a glance that this HTML assignment has no submissions yet and can use the Edit and Delete buttons in the top right to modify the assignment. The page also tracks AI assistant usage, showing whether students have used automated help tools for this particular assignment.

Open the assignment detail