Create a Web Assignment
How to create an HTML/CSS/JS assignment with live preview for students
Open your class
Enter the class
Click Create Assignment
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.
Save the assignment
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.