Web Design 1

In the Web Design 1 course, you’ll learn a systematic professional approach to Web design. You’ll use site maps, wireframes, HTML/CSS layouts, comps, color palettes, usability tests, and other tools and concepts to make sure your 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 projects include information architecture, competitive analysis, wireframes, layouts, mood boards, color palettes, usability testing, designing for blogs, and portfolio design.

COURSE PREREQUISITE(S)

HTML and CSS Essentials, Photoshop Basics, Web Graphics using Fireworks and Dreamweaver 1 or equivalent experience.

METHOD OF DELIVERY

Online training supported by online instructors

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.

LESSON 1

Web design project overview; Defining a site’s business objectives; Methodology for developing information architecture; Different GUI design conventions

LESSON 2

The challenge of developing wireframes and layouts; Techniques for creating/validating column layouts in HTML; Preparing page content using CSS

LESSON 3

Developing visual designs; Creating a formal/informal mood board; Selecting color palettes; Determining how color schemes are implemented to support branding and site navigation; Best practices for using images on the Web; Techniques for combining images with CSS

LESSON 4

Fundamentals of typeface anatomy; Selecting type faces for different Web page applications; Differences between the Web and print; Concepts for CSS type layout

LESSON 5

Exploring hot-button usability; How common Web surfing habits affect the placement and usability of site features; Principles for effective Web navigation design; Formal process for conducting usability tests; How to administer focus groups, card sorting, and A/B tests

LESSON 6

Principles and techniques for building an online portfolio; Fundamental do’s and don’ts for a portfolio; DOM-based methods for a slick presentation

0 hours
Course Duration