Category Archives: Web Technologies Spring 2023

Positioning Lab Debrief

Review Positioning Exercises (Codecast) Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite –  Raster and Vector – Tutorials

Positioning Lab

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

CSS Positioning

Codecast | Source Style Blockquotes SVG Backgrounds CSS Positioning Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML

Introduction to CSS

Codecast | Source Header SVG Backgrounds Additional Elements | Sample HTML

Introduction to CSS

Codecast | Source Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Additional Elements | Sample HTML Positioning Overview CSS Positioning

Introduction to CSS

Codecast | Source 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

Introduction to CSS

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

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. (Optional) Add the gitpod browser extension to your browser if you want to be able to launch any repository directly form GitHub. In Gitpod, Click New Repository Button and select the repository we created in step […]