CSS Positioning and Lab
Positioning Overview CSS Positioning | Demo Positioning Lab
Category Archives: Web Technologies Fall 2022 – 02
Introduction to CSS
Codecast Introduction to Flexbox Flexbox Froggy Styling Page Elements Articles Aside Footer Additional Elements | Sample HTML Positioning Overview CSS Positioning Set up a directory structure and links for the positioning lab. | Starter HTML
Introduction to CSS
Codecast Introduction to Flexbox Flexbox Froggy Styling Page Elements Articles Aside Footer Additional Elements | Sample HTML Positioning Overview CSS Positioning
Introduction to CSS
Codecast Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Introduction to Flexbox Flexbox Froggy
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 Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Introduction to CSS
Homework Q&A Codecast | Source Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet 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 and HTML Project Lab Time
Quiz You have 30 minutes to complete. Please do your own work. We will review in class on Thursday The Password is html5 Spend the remainder of your time working on your HTML assignment. I have moved the due date to October 4th. Please email if you have any questions.
Class Lab: Web Accessibility
Watch – Accessibility for the Modern Web by Derek Featherstone
Setting up our Work Environment
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