In the Web Design 1 course, students learn a systematic professional approach to Web design. Students use site maps, wireframes, HTML/CSS layouts, comps, colour 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.
Web Design 1
In this course, students learn a systematic professional approach to Web design.
- Competitive Analysis and Information Architecture
- Wireframes and Layouts
- Colour and Imagery
- Web Typography
- Understanding the User Experience
- Online Portfolios
Photoshop Basics, HTML and CSS Essentials, and Dreamweaver 1 courses or equivalent experience.
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: Colour 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
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.