Finalizing your page template Duplicating pages for your site Individual Web Project Choose one of the two micro-site projects and submit url to me by February 20, 2019. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project
Clearing Bugs Clearfix Demo Dealing with Clearing Bugs Grid-Based Design What is it? | Why Use it? | Resources Generate a Grid Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast
Today’s Codecast Special Character Encoding: Details | Reference Hyperlinks Inserting Images Tables Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements
Building a banner image in Gravit Optimize and Export Image Replacement Techniques
Chrome Inspector Demos Putting it all together… HTML5 Boilerplate Mobile Boilerplate
Today’s Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Working with type in Gravit Attaching to a path Removing the Background from an Image Sample file Tutorial Exporting Files More Tips and Tricks
Codecast HTML5 – Obsolete and Redefined Elements ARIA Roles Usage Guidlines Your assignment for the day is to review to content from the Chrome Dev Tools Documentation. At a minimum, I’d like to to be familiar with the content covered in the following sections (Dev Tools for Beginners, CSS, Accessibility). Be prepared to demo a tip or […]
Understanding how a web page works Setting up our work environment using Codepen | Today’s Codecast Other Code Editors What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content
Review Pre-Assessment Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast Doctype, Meta and More… HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements ASSIGNMENT Set up an index page for your web space. This will be the landing page for this course where you will link all published assignments. Please send me […]