Introduction to HTML5
Codecast | Starter Content Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Author Archives: thomas.wallace@gmail.com
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 […]
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 […]
Introduction to HTML5
Codecast Understanding how a web page works What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content
Collaborative Lab
Today we will partner up to discuss and share potential solutions to the lab problems presented in class on Tuesday.
HTML5 Review
Setting up our Work Environment Create a Github Account and verify your email address. Create a Repository using these instructions. Login to Gitpod.io with your Github credentials. Add the gitpod browser extension to your browser. Be sure to submit your github pages URL. Publishing your work to Github Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New […]
Structure, Content, Design, and Behavior
Understanding Web Related Terminology Structure, Content, Design, & Behavior 300 Million Dollar Button Understanding how a web page works Codecast
Positioning Lab
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. Login to Gitpod.io with your Github credentials. Add the gitpod browser extension to your browser. […]
Course Overview and Concept Review
Syllabus Review and Semester Overview Content Review from Fall Codecast HTML5 CSS Positioning Overview CSS Positioning