Student Assignments: links to all student activities for Web Page Development & Design 1

General Documents

• Day One Survey
• Grading Criteria
• Biweekly Report Form
• Personal Web Site Assignment

Unit 1 - Web Design and Planning Basics

• Lesson 1-1: Surveying the Possibilities: Evaluating Web Sites for Usability
• Lesson 1-2: Developing a Web Site Evaluation Tool (part one)
• Lesson 2-1: Color Theory in Web Design
• Lesson 2-1a: Color Theory Slide Show
• Lesson 2-2: Basic Web Page Design Principles
• Lesson 3-1: Storyboards and Sitemapping

Unit 2 - HTML Basics

• Lesson 1-1: Elements of Tags
• Lesson 1-2: Essential Tags
• Lesson 1-3: Comment Tags
• Lesson 2-1: Changing Text
• Lesson 2-2: Text vs Text Image
• Lesson 2-3: Aligning Text
• Lesson 3-1a: Common HTML Tags
• Lesson 3-1b:Getting and Creating Images
• Lesson 3-1c:Types Of Images
• Lesson 3-2: Background Images
• Lesson 3-3: Images & Links
• Lesson 3-4: Align an Image with Text
• Lesson 4-1: Links
• Lesson 4-2: Links within a Web page
• Lesson 4-3: E-Mail Links
• Lesson 4-4: Link Colors
• Lesson 5-1: Ordered Lists
• Lesson 5-2: Unordered Lists
• Lesson 5-3: Definition Lists
• Lesson 6-1: Introduction To Tables
• Lesson 6-2: More on Tables
• Lesson 6-3: Adding Color to Tables
• Lesson 6-4: Resizing Tables
• Lesson 7-1: Viewing Source Code

Unit 3 - Preparing Images

• Lesson 1-1: Working with Selections in Photoshop (This Adobe Acrobat Reader file is the directions)
• Start01 (Open this PhotoShop file and save it on your personal drive. The copy you save will be your working copy.)
• End01 (This PhotoShop file is a model of what the finished product should look like.)
• Lesson 1-2: Layer Basics in Photoshop (This Adobe Acrobat Reader file is the directions)
• Start02.psd (Open this PhotoShop file and save it on your personal drive. The copy you save will be your working copy.)
• Clock.psd (Open this PhotoShop file and save it on your personal drive. The directions will refer to it.)
• End02.psd (This PhotoShop file is a model of what the finished product should look like.)
• Lesson 1-3: Photo Retouching in Photoshop (This Adobe Acrobat Reader file is the directions)
• Start03.psd (Open this PhotoShop file and save it on your personal drive. The copy you save will be your working copy.)
• Clouds.psd (Open this PhotoShop file and save it on your personal drive. The directions will refer to it.)
• End03.psd (This PhotoShop file is a model of what the finished product should look like.)
• Lesson 2-1: The Self Portrait
• Lesson 2-2: Creating Navigation Buttons

Unit 4 - Advanced Tables

• Lesson 1-1: Controlling Alignment within the Cell Tag
• Lesson 2-1: Spanning Exercise Using a Wizard
• Lesson 2-2: Spanning From Scratch
• Lesson 2-3: Nesting Tables
• Lesson 3-1: Storyboarding
• Lesson 3-1a: Storyboarding Worksheet
• Lesson 3-2: Unit 4 Capstone Project:

Unit 5 - Dreamweaver Introduction

• Lesson 1-1: Dreamweaver Lessons
• Lesson 2-1: Mock Site Planning
• Lesson 2-2: Mock Site Construction
• Lesson 2-3: Mock Site Maintenance

Unit 6 - Culminating Projects

• Lesson 1: Web Project(s)

Web Design 2: Advanced Design and Development Preliminary Tutorials

• Rollovers
• Slicing
• Frames
• Cascading Style Sheet (CSS)