Category Archives: Web Technologies Spring 2025

Image Manipulation

Removing the Background from an Image Sample file  Tutorial Exporting Files Other Tools

Image Manipulation and Optimization

Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials

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

Set up a directory structure for the positioning lab. | Starter HTML (Use this code) Positioning Lab | Demo

Introduction to CSS

Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)

Introduction to CSS

Codecast | Source Styling Page Elements Header SVG Backgrounds Additional Elements | Sample HTML

Introduction to CSS

Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer Additional Elements | Sample HTML

Introduction to CSS

Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer

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

HTML Project Question and Answer 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