Author Archives: thomas.wallace@gmail.com

Individual Web Project

Choose one of the two micro-site projects and submit url to me by November 7, 2019. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project ASSIGNMENT Begin work on the Micro-site project of your choice. We will work on these projects in a lab environment next week. Please be prepared to ask questions.

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 Flexbox Flexbox Froggy

Image Editing

Building a banner image in Gravit Optimize and Export Image Replacement Techniques ASSIGNMENT Create a banner image to insert into the header of your css-demo document. Using the technique covered in class, insert the image you created and optimized, into the your sample css document we have been working on in class. We’ll begin our […]

Image Editing

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

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 Flexbox Flexbox Froggy

Web-Based Image Manipulation and Optimization

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

File Management and Intro to CSS

Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Color and Typography

File Managment

Quiz Naming Conventions, Meta Naming, Directory Structure Working With Repl.it – Teaching Workspace

Positioning Lab Debrief

Lab Exercises Codecast

HTML5 Structural Elements

Today’s Codecast Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?