Session 05 - CSS, Part 3 - plus some HTML bits

Harvard Extension School  
Fall 2022

Course Web Site: https://cscie12.dce.harvard.edu/

Topics

  1. CSS Review
  2. HES CSS Assignment
  3. Client-side Web Parts: Structure, Style, Function
  4. CSS Specificity
  5. CSS Flexbox
  6. Flex and Simple Layouts
  7. Continuing an Example - Solar System
  8. Fonts
  9. Forms - Basic
  10. Accessibility: Label Element
  11. HTML5 forms
  12. Tables
  13. Accessibilty of Tables

Session 05 - CSS, Part 3 - plus some HTML bits, slide1
CSS Review, slide2
HES CSS Assignment, slide3
Client-side Web Parts: Structure, Style, Function, slide4
CSS Guides and Reference and Tools, slide5
Anatomy of a CSS Rule, slide6
class selectors, slide7
Contextual Selectors, slide8
CSS Specificity, slide9
CSS Flexbox, slide10
Contrasting CSS Flexbox and Grid, slide11
CSS Flexbox, slide12
Flex and Simple Layouts, slide13
Continuing an Example - Solar System, slide14
Fonts, slide15
Font - Include through link element, slide16
Font Resources, slide17
Forms - Basic, slide18
Forms, slide19
Forms, slide20
form, slide21
HTTP Method: Get vs. Post, slide22
Text Field, slide23
Radio Buttons, slide24
Checkbox, slide25
Textarea, slide26
Select and Option, slide27
Accessibility: Label Element, slide28
Accessibility: Label Element, slide29
Label Element - using id, label, for, slide30
Labels, slide31
fieldset and legend, slide32
optgroup, slide33
HTML5 forms, slide34
HTML5: email and url, slide35
HTML5: number and range, slide36
HTML5: date and time, slide37
submit.php — it can do more!, slide38
Tables, slide39
A Simple Table, slide40
Adding thead, tfoot, tbody, caption, and summary, slide41
Benefits of Semantics, slide42
Using "col" and "colgroup", slide43
Accessibilty of Tables, slide44
Accessibility using "headers", slide45
What can we do now that relationship is clear?, slide46

Presentation contains 46 slides