Category Archives: Web Technologies Fall 2022 – 01

Codecast Positioning Overview CSS Positioning Set up a directory structure and links for the positioning lab. | Starter HTML

Codecast | Source Introduction to Flexbox Flexbox Froggy Styling Page Elements Articles Aside Footer Additional Elements | Sample HTML Positioning Overview CSS Positioning

Codecast | Source Introduction to Flexbox Flexbox Froggy Styling Page Elements Articles Aside Footer Additional Elements | Sample HTML Positioning Overview CSS Positioning

Codecast | Source Introduction to Flexbox Flexbox Froggy 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 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 Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Quiz Homework Q&A 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 Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Create a Github Account and verify your email address. Create a Repository using these instructions. Login to Gitpod.io with your Github credentials. Add the gitpod browser extension to your browser. Be sure to submit your github pages URL. Publishing your Work to GitHub Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project

Watch – Accessibility for the Modern Web by Derek Featherstone

Codecast Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?