Category Archives: Web Technologies Spring 2019

Image Creation and Optimization

| April 1, 2019

Building a banner image in Gravit Optimize and Export Image Replacement Techniques

Image Editing

| March 27, 2019

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

Image Editing and Manipulation

| March 25, 2019

Gravit Designer – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials

Positioning Lab Debrief

| March 13, 2019

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

CSS Positioning

| March 11, 2019

Positioning Overview CSS Positioning Lab Exercises

Intro to CSS

| March 6, 2019

Codecast 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 Additional Elements | Sample HTML CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Introduction to CSS

| March 4, 2019

Codecast 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 Additional Elements | Sample HTML CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Introduction to CSS

| February 27, 2019

Codecast 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

| February 25, 2019

Codecast 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

| February 20, 2019

Quiz Homework Q&A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet