Author Archives: thomas.wallace@gmail.com

Introduction to HTML5

Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms

Individual Web Project

Debrief Grid Finalizing your page template Duplicating pages for your site Individual Web Project Choose one of the two micro-site projects  or create your own and post the url to your GitHub me by February 17, 2022. Starter HTML (You do not have to use this, provided for reference) SpaceX Dragon Micro-site Project Segway Centaur […]

Web ARIA, Chrome Tools and more

HTML5 Boilerplate ARIA Roles Usage Guidelines Your assignment for the day is to review to content from the Chrome Dev Tools Documentation. At a minimum, I’d like you to be familiar with the content covered in the following sections (Dev Tools for Beginners, CSS, Accessibility). Be prepared to demo a tip or trick you learned […]

Introduction to HTML5

Codecast What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content

CSS Grid Overview

Introduction to CSS Grid Grid by Example Basic Layout Example

HTML5 Review

Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements

Structure, Content, Design, Behavior

Browser Overview Structure, Content, Design, & Behavior 300 Million Dollar Button How the Internet Works Understanding how a web page works Codecast

Image Editing and Optimization

Gravit Designer – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials Working with type in Gravit Attaching to a path Removing the Background from an Image Sample file  Tutorial Exporting Files More Tips and Tricks Additional Tutorials and Videos

Pre-Assessment Lab

Today I will work through the pre-assessment in an in-class demo. Please use this opportunity to ask questions and receive clarification on specific concepts and ideas. Pre-Assessment

Web Related Terminology

Discussion Understanding Web Related Terminology Browser Overview How the Internet Works Understanding how a web page works