Week 1
- Introduction
- Course Overview
- BlackBoard
- Syllabus
- Domain/Hosting
- Bad Domain Names
- Project Overview
- create content
- wireframe
- visual inventory
- mockups
- programming
- debugging
- delivery
- Software
- Text Editor
- FTP (File Transfer Protocal)
- Graphics
- Video/Audio Editing
Week 2
- Homework Review / General Questions
- Introduction Presentation
- Structure Presentation
- Project File Structure - Staying Organized
- Meet the Editor - Sublime Text
- Build "The Shell" File
- Text Presentation
- List Presentation
- Review Sheets
- Homework Review
- Build First Pages
- Wireframes
PPT Files Covered:
- 00-introduction
- 01-structure
- 02-text
- 03-lists
Week 3
- Links Presentation
- Foreground Images Presentation
- Optimizing Images
- Tables
- Forms
PPT Files Covered:
Week 4
- Block vs Inline
- Divs vs Spans
- Containers
- HTML5 Containers
- Containers Demo
- CSS Introduction
- Color Theory
- Adobe Kuler
PPT Files Covered:
Week 5
- Homework Review / General Questions
- Text Presentation
- Apply Custom Font Demo
- Apply Google Font Demo
- Style Links Demo
- Reset / Normalize Stylesheets
- Borders
- Margins
- Padding
- The Box Model
- Midterm Assignment Review
PPT Files Covered:
Week 6
Midterm Review:
In class critique of full comps.
Week 7
- CSS
- Float
- List-style
- Position
- Z-index
- CSS import
- Fixed layout
- Liquid layout
- Responsive layout
- Background
- Background-position
- Repeat
- Gradient
- Rollovers
- Sprites
- Image sizes
- Demo
- Build a basic 2/3 column liquid page
PPT Files Covered:
Week 8
- Validating and Debugging
- WC3 Validation Services HTML / CSS
- Chrome Dev Tools
- Web Inspector
- Console
- Debugging
- Performance
Status Updates: Let's see our progress.
Lab Time
Time period will consist of demos and troubleshooting group and/or individual issues.
Week 9
Status Updates: Let's see our progress.
Lab Time
Time period will consist of demos and troubleshooting group and/or individual issues.
Week 10
Lab Time
Time period will consist of demos and troubleshooting group and/or individual issues.