Codecast | Source 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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
For the first half of today’s sessions please join us in the EIT Auditorium to attend the ITEC 4610 Capstone Presentations. At the end of each presentation, I encourage you to ask questions of the teams. After the presentations please return to 219 for a debrief and assignment review session
Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source 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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Homework Q&A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes
Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project
Codecast Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation? Introduction to Github
Codecast Tables Forms
Codecast Sample Content Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Setting up our work environment using Codepen | Codecast Understanding how a web page works 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
Browser Overview Structure, Content, Design, & Behavior Understanding how a web page works