fbpx

Web Design 1

Block
Program
Web Design
Course Aim
To provide the student with a professional approach to designing client websites.
Of Interest To
Those interested in pursuing a career in Web Design.
Method of Delivery
Online Learning supported by qualified College Facilitators or Online Instructors.

Course Introduction

In this course, students learn a systematic professional approach to Web design. Students use site maps, wireframes, HTML/CSS layouts, comps, color palettes, usability tests, and other tools and concepts to make sure their designs hit the mark. Students are expected to have a basic competence in HTML/CSS design, Photoshop or Fireworks, and Dreamweaver. Building upon those skills, students will complete four portfolio projects that challenge their Web design skills and build an understanding of how to manage Web design projects in a professional context.


Course Prerequisites

Photoshop Basics, HTML and CSS Essentials, and Dreamweaver 1 courses or equivalent experience.


Course Notes

A Student Guide is provided for this course. Evaluation is based solely on an Academy of Learning Career College final exam. Prior to taking the final exam, students must successfully complete all the components of the online course material. Participants who receive 75% or higher on their exam will receive a certificate.

Course Breakdown

  • Lesson 1:

Competitive Analysis and Information Architecture; Course Overview; Business Objectives; Competitive Analysis; Information Architecture

  • Lesson 2:

Wireframes and Layouts; Wireframes Basics; Static Wireframes; HTML Wireframes; Static vs. HTML Wireframes: Which to Use?; Layouts

  • Lesson 3:

Color and Imagery; Mood Boards; Color Schemes; Implementing Color on the Web; Using Images; Designing with Images

  • Lesson 4:

Web Typography; Tour de Fonts; Typeface Anatomy; Typeface Families; Units of Measure; Typography on the Web; Redux

  • Lesson 5:

Understanding the User Experience; Users and Usability; Common Surfing Habits; Usability Testing; Focus Groups; Card Sorting; A/B Testing

  • Lesson 6:

Online Portfolios; Portfolio Essentials; Portfolio Dos and Don’ts; Document Object Model