Category Archives: Web Technologies Spring 2022

Review Positioning Exercises (Codecast) Image Editing Tools Gravit Designer – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials

Positioning Overview CSS Positioning Lab Exercises

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

Codecast | Source Header SVG Backgrounds Additional Elements | Sample HTML Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Codecast | Source Styling Page Elements Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Codecast | Source Styling Page Elements 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

Quiz Homework Q&A 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

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 Creating and attaching a Stylesheet

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