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

Web ARIA, Chrome Tools and more

HTML5 Boilerplate https://htmlboilerplates.com/ 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 (Overview, Elements, Accessibility). Be prepared to demo a tip or trick you learned from the […]

Image Creation and Manipulation

Raster vs. Vector Graphics 1 | 2 | 3 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 In today’s session I would like you to make sure you are familiar with Image editing tools. Many of you […]

Introduction to HTML5

300 Million Dollar Button Codecast | Set up Codepen.io What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content

Positioning Lab Group Work

Complete as many lab exercises as possible working with your team. Be prepared to explain a solution to your classmates on Tuesday.

HTML5 Review

Publishing your work to Github Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements  

Web Related Terminology

Understanding Web Related Terminology Browser Overview Structure, Content, Design, & Behavior Understanding how a web page works Codecast

CSS Positioning

Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo

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 Publishing Your Work Create a Github Account and verify your email address. Create a Repository using these instructions. Be sure to submit your github pages URL. Publishing your work to […]

Course Introduction

Course Syllabus View Syllabus Introduction to the Virtual Classroom We will be using a broad array of tools to support this course this semester. If you would like to familiarize yourself with these feel free to do so. I will explain and do walkthroughs with the tools when we begin to use them.  You are […]