On this page…
Note that all the presentations on this page are available under a Creative Commons Attribution-ShareAlike 4.0 International License. You can use these slides in many ways, provided you follow the terms of the license.
HTML: The Absolute Basics
Background. Browsers & rendering engines. DTDs. Character encoding. Comments. Templates.
- Exploring HTML & CSS 01 HTML: The Absolute Basics [Handouts] (9.8 MB PDF)
- Exploring HTML & CSS 01 HTML: The Absolute Basics [Slides] (9.9 MB PDF)
HTML 4.01: Elements, Attributes, Entities
91 elements. Lots of attributes. Character entities.
- HTML 4.01: Elements, Attributes, Entities [Handouts] (13.4 MB PDF)
- HTML 4.01: Elements, Attributes, Entities [Slides] (13.5 MB PDF)
Assignment: This Title Is DarkOliveGreen
HTML 4.01, without CSS. Ugh!
- Assignment: This Title Is DarkOliveGreen [Handouts] (768 KB PDF)
- Assignment: This Title Is DarkOliveGreen [Slides] (319 KB PDF)
Understanding URLs & Addressing
Default folder structure. Default index files. Absolute & relative. URLs. Links.
- Understanding URLs & Addressing [Handouts] (1.2 MB PDF)
- Understanding URLs & Addressing [Slides] (1.2 MB PDF)
Assignment: Stooges
Practice links pages & images.
- Assignment: Stooges [Handouts] (86 KB PDF)
- Assignment: Stooges [Slides] (12 KB PDF)
HTML5
Removed elements & attributes. New elements. Microformats. Problems & solutions.
- HTML5: The Future of HTML [Handouts] (1.7 MB PDF)
- HTML5: The Future of HTML [Slides] (2 MB PDF)
Assignment: Planning HTML5 Documents
Thinking about how to think about HTML5 documents.
- Assignment: Planning HTML5 Documents [Handouts] (3.4 MB PDF)
- Assignment: Planning HTML5 Documents [Slides] (3.4 MB PDF)
Markdown: My Dirty Little Web Development Secret
Background. Basic syntax. Process. Forks. Tests. Software. Integrating Markdown.
- Markdown: My Dirty Little Web Development Secret [Handouts] (5.5 MB PDF)
- Markdown: My Dirty Little Web Development Secret [Slides] (5.5 MB PDF)
Cascading Style Sheets: An Introduction & Overview
History. Why CSS? Basic selectors. <span> & <div>. Integrating CSS. Importance. Inheritance. Cascading. Tools.
Assignment: This Title Is DarkOliveGreen + CSS
- Assignment: This Title Is DarkOliveGreen + CSS [Handouts] (400 KB PDF)
- Assignment: This Title Is DarkOliveGreen + CSS [Slides] (400 KB PDF)
CSS: Fonts & Formatting
- CSS: Fonts & Formatting [Handouts] (11 MB PDF)
- CSS: Fonts & Formatting [Slides] (11 MB PDF)
Assignment: Boor-ing Email
- Assignment: Boor-ing Email [Handouts] (1.3 MB PDF)
- Assignment: Boor-ing Email [Slides] (1.3 MB PDF)
Forms: Collecting Information in a Usable Way
- Forms: Collecting Information in a Usable Way [Handouts] (5 MB PDF)
- Forms: Collecting Information in a Usable Way [Slides] (5 MB PDF)
Assignment: Facebook Forms
- Assignment: Facebook Forms [Handouts] (2.4 MB PDF)
- Assignment: Facebook Forms [Slides] (2.4 MB PDF)