Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. While the terms web design and web development are often used interchangeably, web design is technically a subset of the broader category of web development.

​

 COURSE OUTLINE 

 

The Web Design Kick-Off

• Understanding site goals

• Gathering business requirements

• Creating the blueprint for the site

• Producing final Web graphics

• Testing and Launch

 

Designing the Right Site for the Right Crowd

• Who Is the Audience?

• Building an Outline for Your Site

• Crafting a Site Map

• Building a Map for a Site Redesign

• Developing a Marketing Plan

 

Organizing and Navigating Web Content

• Page-Level Planning

• Wire-framing

• Presenting Content on the Page

• Indicating text on a wireframe

• Getting Around in Style

• Section navigation

 

Web User Interface Design

• Interaction Design

• Creating user ?ow diagrams

• Visual Design’s Role in Usability

• Designing buttons that look clickable

• Consistency Is Everything

• Alternative Interactive Design Strategies

• Maximizing Space

 

User Testing: Lab Coats Not Required

• Developing Testable Prototypes

• Prepping for the User Test

• Carrying Out the User Test

• Evaluating Results

 

Web Graphic Design

• Crafting the Visual Interface

• Establishing Visual Priority

• Adding Breathing Space

• Staying Consistent

• Establishing Design Guidelines

 

Letter-Perfect Type Design

• Text That You Can Actually Read

• Controlling Text Display

• CSS Font Control

 

Color on the Web

• The Secret World of RGB

• The Web-Safe Color Palette

• Smart Web Color Usage

 

Building Web Graphics from the Ground Up

• Bitmap versus Vector Graphics

• The Usual Software Suspects

• Creating a Banner

• Image Manipulation

 

Presenting Your Design Masterpiece

• Developing Design Directions

• Assembling an Online Presentation

• Creating Sizzling Printed Presentations

• Presenting to Clients

 

Polishing Pixels to Perfection: Graphic Production

• Graphic Production

• Fun with File Formats

• Lean, Mean Page Design

• Backgrounds for Graphics

 

Surveying the HTML Landscape

• HTML: The Glue that Holds a Page Together

• Using Frames, Tables, and Div Tags

• Letting HTML Do the Design Work

• Making Your Pages Interactive

• Coding to Make You Feel Proud

 

Controlling Page Layout

• Fixed-Width and Stretchy Tables

• Precise Positioning with CSS Layers

• Controlling Design Elements with CSS

• Adding Extra Space Around Elements

• Building HTML Design Templates

 

Web Sites on Steroids

• Injecting Power into HTML Pages

• Creating Dynamic, Database-Driven Web Pages