# Web Basics Courseware

**Source**: https://cemc.uwaterloo.ca/resources/courseware/web-basics
**Parent**: https://cscircles.cemc.uwaterloo.ca/resources/

This Courseware introduces the main ideas behind the specifications of developing a web page in HTML5 and CSS3. It is intended for students with little to no HTML experience.

[ACCESS COURSEWARE](https://open.cs.uwaterloo.ca/web-basics/#utm_source=Courseware+LP&utm_medium=website&utm_campaign=Web+Basics+Courseware)

Image

## Course information

Students will first learn about the fundamental concepts needed to create web pages. Students will be provided with the big ideas – ones likely to last even as details change over time – and tips on how to stay up to date. Ideas are reinforced with interactive examples and exercises.

The following topics are covered in this course:

- Elements
- Attributes
- CSS basics
- More elements
- Layout
- Selectors
- Position
- Forms
- Cascading

The last step within each module is a summary that lists all the steps in the module.

## Typical lesson structure

Each module is made up of a sequence of steps. Key features throughout include the following interactive elements and learning aids:

- Explanatory information given in the form of text.
- Editable examples presented in a Web panel.
- Multiple-choice and short answer questions with hints and feedback provided.
- Further practice, using Web panels to create a document.