Category Archives: Web Technologies Fall 2023 – 02

Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo

Codecast | Source Additional Elements | Sample HTML SVG Backgrounds Positioning Overview CSS Positioning Set up a directory structure and links for the positioning lab. | Starter HTML

Codecast | Source Additional Elements | Sample HTML

Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Additional Elements | Sample HTML

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

Watch – Accessibility for the Modern Web by Derek Featherstone

Codecast | Source Color and Typography Understanding Color | Kuler Write down 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 Understanding Color | Kuler Write down your Color Codes

Quiz What is Validation? Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project Introduction to CSS Adding style to your page: Type, Class, and ID Selectors

What is Validation? Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project