Category Archives: Web Technologies Fall 2024 – 01

Positioning Lab

Set up a directory structure for the positioning lab. | Starter HTML (Use this code) Positioning Lab | Demo

Introduction to CSS

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 Additional Elements | Sample HTML

Introduction to CSS

Codecast | Source Additional Elements | Sample HTML

Introduction to CSS

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

Introduction to CSS

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

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

Class Lab: Web Accessibility

Watch – Accessibility for the Modern Web by Derek Featherstone

Introduction to CSS

Quiz Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet

Validation, Naming Conventions, and File Management

Publishing your Work to GitHub Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project HTML5 Assessment 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 […]