Category Archives: Web Technologies Fall 2026 – 01

Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example

Positioning Lab | Demo

Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)

Codecast | Source Styling Page Elements Header SVG Backgrounds Content Articles Aside Footer Introduction to Flexbox Additional Elements | Sample HTML

Codecast | Source Styling Page Elements Header SVG Backgrounds Content Articles Aside Footer Introduction to Flexbox Additional Elements | Sample HTML

Codecast | Source Color and Typography Take note of your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer Introduction to Flexbox

Codecast | Source Color and Typography Take note of your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Codecast | Source Color and Typography Take note of your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Take note of your Color Codes

Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Be sure to submit your git hub repository and github pages url in Blackboard via Module 3 Assignment