Category Archives: Web Technologies Fall 2025 – 02

Positioning Lab Debrief

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

Positioning Lab

Positioning Lab | Demo

CSS Demo Wrap Up

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

Introduction to CSS

Codecast | Source Header SVG Backgrounds Navigation Content Articles Aside Footer Additional Elements | Sample HTML

Introduction to CSS

Codecast | Source Header SVG Backgrounds Navigation Content Articles Aside Footer Additional Elements | Sample HTML

Introduction to CSS

Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Introduction to CSS

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

Out of Class Workday

Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page. Use today’s session to work on and complete this assignment. You are welcome to partner with a classmate to work on this but each of you must submit code that you have […]

Introduction to CSS

Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes

Quiz and Introduction to CSS

Take Quiz in Blackboard Review Github Setup and Usage What is Validation? Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet