Category Archives: Web Technologies Fall 2021 – 01

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

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

Codecast | Source 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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Your assignment for today’s session has two components: Complete the exercises at Flexbox Froggy. Link a screenshot of the completion page for exercise 24 on your Github homepage. You’ll need to take a screenshot, upload to AWS and then add a link to file on your homepage. Create and attach a stylesheet to your course homepage. […]

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

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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

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

Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Validating HTML Setting up your first project

Watch – Accessibility for the Modern Web by Derek Featherstone