1. Module 1: History of Web Design
1.1. Theory
1.1.1. Reading: The Internet: A Brief Summarized History
1.1.2. Reading & Exercise: Tim Berners-Lee's answers to Frequently Asked Questions by the Press
1.1.3. Reading & Exercise: Internet Timeline
1.2. Practice
1.2.1. Ensure you have all materials needed to complete this unit.
1.2.2 Reading: Freeman & Freeman Intro: How To Use This Book
2. Module 2: Web Terminology
2.1. Theory
2.1.1. Reading: Internet Protocols & Nomenclature
2.2. Practice
2.2.1. Reading & Exercise: Web Design Basics
2.2.2. Exercise: HTML Introduction
2.2.3. Reading & Exercises: The Language of the Web: Getting to Know HTML
2.2.4. Reading & Exercises: Meeting ‘HT’ in HTML: Going Further, with Hypertext
3. Module 3: Navigation
3.1. Theory
3.1.1 Reading: Basic Navigation: Understanding the User Experience
3.1.2 Reading: Ten Qualities of Successful Navigation
3.2. Practice
3.2.1. Exercise: Style Sheet Basics
3.2.2 Reading & Exercises: Web Page Construction: Building Blocks
3.2.3 Reading & Exercises: A Trip to Webville: Getting Connected
3.2.3. Photoshop Tutorials
3.2.3.1. Tutorial: Photoshop Magic Wand Selections Overview
3.2.3.2. Tutorial: Photoshop Quick Mask Selections Overview
3.2.3.3. Tutorial: Photoshop Selecting By Color Overview
3.2.3.4. Tutorial: Photoshop Selections Overview
3.2.3.5. Tutorial: Photoshop Changing Selections Overview
3.2.3.6. Tutorial: Photoshop Filling Selections Overview
4. Module 4: Wireframes and Flowcharting
4.1. Theory
4.1.1. Reading: Visual Hierarchy
4.1.2. Reading: Wireframes
4.1.3. Reading: Flowcharting
4.2. Practice
4.2.1 Reading & Exercises: Serious HTML: Standards, Compliance, and All That Jazz
4.2.2 Reading & Exercises: Putting the ‘X’ into HTML: Moving To XHTML
4.2.3 Reading & Exercises: Meeting the Media: Adding Images To Your Pages
4.2.3. Photoshop Tutorials
4.2.3.1. Tutorial: Photoshop Rubber Stamp Cloning Tool Overview
4.2.3.2. Tutorial: Photoshop Darkroom Techniques Overview
4.2.3.3. Tutorial: Photoshop Levels Variations and Curves Overview
4.2.3.4. Tutorial: Photoshop Drop Shadow Instructions
5. Module 5: Introduction to Typography
5.1. Theory
5.1.1. Reading: Typography Defined
5.1.2. Reading: Basic Typography Terminology & CSS Translation
5.2. Practice
5.2.1. Reading & Exercise: How to use the File Transfer Protocol (FTP)
5.2.2 Reading & Exercises: Adding a Little Style: Getting Started with CSS
5.2.3 Reading & Exercises: Expanding your Vocabulary: Styling with Fonts and Colours
5.2.4. Photoshop Tutorials
5.2.4.1. Tutorial: Photoshop Palettes Overview
5.2.4.2. Tutorial: Photoshop Image Importation Overview
5.2.4.3. Tutorial: Photoshop Image Navigation Overview
5.2.4.4. Tutorial: Scanning Resolution and Resizing
5.2.4.5. Tutorial: Photoshop Undo Overview
5.2.4.6. Tutorial: Photoshop Output Overview
6. Module 6: Typography
6.1. Theory
6.1.1. Reading: Typography Tips
6.1.2. Reading: Typography Considerations
6.1.3. Reading: Typography Suggestions
6.1.4. Reading: Common Web Fonts from Microsoft
6.1.5. Reading: Common Web Fonts By Platform
6.2. Practice
6.2.1 Reading & Exercises: Getting Intimate with Elements: The Box Model
6.2.2 Reading & Exercises: Advanced Web Construction: Divs and Spans
6.2.3. Photoshop Tutorials
6.2.3.1. Tutorial: Photoshop Copy Paste Cut Overview
6.2.3.2. Tutorial: Photoshop Canvas Overview
6.2.3.3. Tutorial: Photoshop Pencil Paintbrush Airbrush Overview
6.2.3.4. Tutorial: Photoshop Smudge Tool Overview
6.2.3.5. Tutorial: Photoshop Brushes Overview
6.2.3.6. Tutorial: Photoshop Colors Overview
6.2.3.7. Tutorial: Photoshop Eyedropper Overview
6.2.3.8. Tutorial: Photoshop Rulers Guides Grids Overview
7. Module 7: Introduction to User Centered Design
7.1. Theory
7.1.1. Reading: Internet Design Challenges
7.1.2. Reading & Exercise: User Centered Design: User Statistics
8. Module 8: Introduction to Web Graphics
8.1. Theory
8.1.1. Reading: Scanning Graphics
8.1.2. Reading: Graphic Image File Formats
8.1.3. Reading: JPEG Image Compression
8.1.4. Reading: GIF Images and Web Safe Colors
8.2. Practice
8.2.1 Reading & Exercises: Arranging Elements: Layout and Positioning
8.2.2 Reading & Exercises: Getting Tabular: Tables and More Lists
8.2.3. Photoshop Tutorials
8.2.3.1. Tutorial: Photoshop Manipulating Selections Overview
8.2.3.2. Tutorial: Photoshop Blending Modes Overview
9. Module 9: Web Graphics
9.1. Theory
9.1.1. Reading: Using Anti-aliased Graphics
9.1.2. Reading: Tips for Working with Graphics
9.1.3. Reading: 10 Do's & Don'ts with Images
9.2. Practice
9.2.3.1. Tutorial: Photoshop Type Features Overview
9.2.3.2. Tutorial: Photoshop Filters Overview
10. Module 10: Audio on the Web
10.1. Theory
10.1.1. Reading: Audio on the Web
10.2. Practice
10.2.1. Tutorial: Photoshop Actions Macros Overview
10.2.2. Tutorial: Photoshop Some Advanced Techniques
11. Module 11: Video on the Web
11.1. Theory
11.1.1. Reading: Using Video on the Web
11.2. Practice
Reading & Exercises: Getting Interactive: XHTML Forms
12. Module 12: New Web Frontiers
12.1. Theory
12.2. Practice
Reading & Exercises: The Top Ten Topics (we didn’t cover): Leftovers
13. Module 13: Work Week
13.1. Theory
13.2. Practice
