Web Design

COURSE DESCRIPTION: This one-semester course introduces students to the mechanics and elements of web design and HTML, and the concepts of planning and organizing websites. Students engage in a variety of project based assessments to evaluate their understanding and progress. After completing the course, students are able to understand the planning and organization of a website, the elements of design and HTML. Students also learn how to use a WYSIWIG editor and other online tools to create a website.

PREREQUISITES: None

COURSE LENGTH: One Semester

REQUIRED TEXT: None

MATERIALS LIST: Windows or Mac Operating System

NOTE: List subject to change

COURSE OUTLINE:

Unit 1: Course Overview

• Lesson 1: Start the Course

• Lesson 2: Set up Your Computer

• Lesson 3: Set up a Browser and Zip Files

• Lesson 4: Download Resources and Zip Assignments

Unit 2: Planning and Organizing

• Lesson 1: The Role of a Webmaster

• Lesson 2: Purpose and Audience

• Lesson 3: Folders and Filenames

• Lesson 4 – 5: Webmaster Roles Graded Assignment

• Lesson 6: Portfolio Structure Assignment

• Lesson 7: Unit Review and Quiz

Unit 3: Introduction to HTML

• Lesson 1: Beginning HTML

• Lesson 2 – 4: Create an Invitation Graded Assignment

• Lesson 5: Accessibility and Design

• Lesson 6 – 8: Turn Your Essay into a Website Graded Assignment

• Lesson 9: Hyperlinks

• Lesson 10 – 12: Hyperlinks Graded Assignment

Unit 4: Graphics and HTML

• Lesson 1: Graphics

• Lesson 2- 4: Colors Website Graded Assignment

• Lesson 5: Tables • Lesson 6 – 8: Create a Table Graded Assignment

• Lesson 9: Special Effects

• Lesson 10 – 12: Website Titles Graded Assignment

• Lesson 13: Discussion – Important Elements of Design

• Lesson 14 – 17: Set Up Your Portfolio Graded Assignment

• Lesson 18: Unit Review and Quiz

Unit 5: Copyright Law

• Lesson 1: What is Copyright Law?

• Lesson 2: Finding, Saving, and Citing Images

• Lesson 3 – 5: Citations Graded Assignment

• Lesson 6: Obtaining Permission

• Lesson 7 – 9: Permission Letter Graded Assignment

• Lesson 10: Discussion – Copyright

• Lesson 11: Unit Review and Quiz

Unit 6: WYSIWYG Editors

• Lesson 1: BlueGriffon Web Page Editor

• Lesson 2 – 4: Autobiography Table Graded Assignment

• Lesson 5: Using CSS in BlueGriffon

• Lesson 6 – 8: Autobiography Fonts Graded Assignment

• Lesson 9 - 11: Start Your Autobiography Graded Assignment

• Lesson 12: Graphics in BlueGriffon

• Lesson 13 – 15: Autobiography Graphics Graded Assignment

• Lesson 16: Navigation in BlueGriffon

• Lesson 17 – 19: Autobiography Navigation Bar Graded Assignment

• Lesson 20: Discussion – WYSIWYG

• Lesson 21: Unit Review and Quiz

Unit 7: Final Project

• Lesson 1: Begin Your Project

• Lesson 2: Project Plan

• Lesson 3: Project Plan Checkpoint

• Lesson 4 – 5: Project Color and Style

• Lesson 6: Project Color and Style Checkpoint

• Lesson 7: Project Research

• Lesson 8: Project Research Checkpoint

• Lesson 9 – 11: Setting Up Your Pages

• Lesson 12: Setting Up Your Pages Checkpoint

• Lesson 13 – 16: Final Project

• Lesson 17: Final Exam