Web Design 1

To design today’s Web sites, you need a complete skillset. It’s not enough to simply develop a visual design. Clients expect you to be able to research, plan, build, design, and test a site, using contemporary technologies and design styles.
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.


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


Online training supported by online instructors


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.


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


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


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


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


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


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
Request Information