Category Archives: Web Technologies Spring 2021

Image Creation and Optimization

Workspace Overview Working with type in Gravit Attaching to a path Exporting Files More Tips and Tricks Introductory Tutorials Removing the Background from an Image Sample file  Tutorial

Positioning Lab Debreif

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

Positioning Lab

Positioning Overview CSS Positioning Lab Exercises

Intro to CSS

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

Introduction to CSS

Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Setting up our Workspace 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 […]

Introduction to CSS

Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Setting up our Workspace 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 […]

Validation and Introduction to CSS

HTML Validation Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Quiz

File Management and Publishing to Github

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