To view lecture notes for a given lesson follow the links below. Lecture notes will be added the day of each lecture. Assignments will be listed for each section. Assignments are due before class.
Introduction - Review Syllabus and course expectations - 1.12.2010
Introduction: Our Window to the Web: Web Browsers & Understanding Web Related Terminology - 1.14.2010
Assignment: Download and Install Firefox on your computer. Add the Web Developer and Firebug extensions
Read Chapter 2 in Textbook
Reference - Web 2.0 Glossary pg. 105
Getting Started - 1.19.2010
Assignment: Evaluate your favorite web site based on our discussion of Structure, Content, Design, and Behavior. This is a short written assignment that should be emailed to me (firstname.lastname@example.org) no later than 1-21-10. Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change.
Site Management - 1.21.2010
Structure: Introduction to (X)HTML - 1.26.2009
Assignment Reading: Semantic XHTML (Quiz Material)
Structure: Introduction to (X)HTML - 2.2.2010
Structure: Introduction to (X)HTML - 2.4.2010
Structure: Introduction to (X)HTML - 2.11.2010
Assignment: Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
Emailed to email@example.com on 2.15.10 (Monday)
Reading Assignment: CSS Basics
The Building Blocks: Structure/Design - 2.16.2010
The Building Blocks: Structure/Design - 2.18.2010
Assignment: Create styles for your Prototype HTML Document. You should style all required elements from the previous assignment other than the form. Emailed to firstname.lastname@example.org before class on 2.25.10
The Building Blocks: Structure/Design - 2.23.2010
Assignment: Read Chapter 20 - Quiz Material
Structure/Design/Content - 2.25.2010
Assignment: Create a color scheme for you web site and bring the Hexidecimal color codes to class with you on Tuesday.
Create a storyboard for your web site. Due in class next Tuesday (March 2)
The Building Blocks: Design - 3.2.2010
The Building Blocks: Design - 3.4.10
Homework (Due 3.9.10): Create Banner image for your website in Fireworks. Image should be as wide as your container div and between 80px and 200px tall. < 40kb in size. Emailed optimized version to email@example.com before class.
The Building Blocks: Design - 3.9.10
Homework Due 3.11.10 Email me the icon you create as homework.
Guest Lecture - 3.11.10
Guest Lecture - 3.16.10
- Melanie Thorton - Web Accessibility
Homework (Due 3.18.10): Explain in your own words what web accessibility means to you & why it is important to build accessible web sites? This is a short written assignment that should be emailed to me (firstname.lastname@example.org) no later than 3-18-10.
The Building Blocks: Design - 3.18.10
The Building Blocks: Design - 3.30.10
Bringing It All Together - 4.1.2010
- In-class site building demonstration.
- Q & A
- Script Resources
Read the following Article on Progressive Enhancement. Send me an email (email@example.com) explaining progressive enhancement in your own words. Please discuss why it is important to use progressive enhancment and include a link to another article you found relating to the topic. Due before class on Tuesday (4.13.09)
- Exploring the functionality of Jquery
- Building web apps with Jquery
The Road Ahead: HTML 5 - 4.20.2010
- What can it do? - 1 | 2 | 3 | 4 | 5
- Who is using it now? - 1
- Browser Support - 1 | 2
- Markup Overview - 1 | 2
- Where to Start - 1 | 2 | 3 | 4
Web Forms - 4.22.2010
The Road Ahead CSS 3 - 4.27.2010
In Class Lab - 4.29.2010
Final - 5.6.2010
The link to the final project should be emailed to me (firstname.lastname@example.org) no later than 12:30 on May 6, 2010. Anything sent after this time will not be accepted