Web Design Professional


With more than 3 billion people using the Internet, the future of retail, learning, and most other industries, is online. This means web designers are needed to create and maintain those websites. If you're looking to use your creative skills in today's digital landscape, the Web Design Professional course is for you.

This course will teach you foundational web design skills. You will first learn best practices for the technologies that drive web functionality: HTML, CSS, and JavaScript. You will then learn Creating, Styling, and Validating Forms, and take a deep dive into Bootstrapping to further your knowledge of web development. Finally, you will learn how to use the tools of the trade: Adobe Photoshop, Dreamweaver, and Animate.

The need for web designers isn't slowing down. Every great site needs more than functionality—it needs a fresh, unique look to convey an organization's products, services, and message. With the skills you gain from this intensive course, you can start a fast-paced career in web design.

+ Features

What you will learn

  • To plan, design, and build dynamic database-driven websites using the latest technologies
  • Master basic HTML and learn CSS for decorating pages
  • Understand the fundamentals of HTML, CSS, JavaScript, and Bootstrap

How you will benefit

  • Gain web development skills to jumpstart a career in a growing technical field
  • Understand the latest trends and best practices for using web development technologies
  • Strengthen your professional portfolio with the website you build for the final course project

Course Outline

I. Introduction to HTML

  1. A Quick Overview of Web Development
  2. Introduction to HTML
  3. Paragraphs, Headings and Text
  4. HTML Links
  5. HTML Images
  6. HTML Lists
  7. HTML Tables
  8. Sectioning a Web Page
  9. Audio and Video

II. Introduction to CSS

  1. Crash Course in CSS
  2. CSS Fonts
  3. Color and Opacity
  4. CSS Text
  5. Borders, Margins and Padding
  6. Backgrounds
  7. Display and Visibility
  8. Pseudo-classes and Pseudo-elements
  9. Styling Tables with CSS
  10. Positioning
  11. Transforms and Transitions
  12. Layouts
  13. CSS Lists as Hierarchical Navigation
  14. Media Queries

III. Introduction to JavaScript

  1. JavaScript Basics
  2. Variables, Arrays and Operators
  3. JavaScript Functions
  4. Built-In JavaScript Objects
  5. Conditionals and Loops
  6. Event Handlers and Listeners
  7. The HTML Document Object Model
  8. CSS Object Model
  9. Errors and Exceptions

IV. Creating, Styling, and Validating Forms

  1. HTML Forms
  2. JavaScript Form Validation
  3. Styling Forms with CSS
  4. Regular Expressions
  5. Node.js and Server-side Form Validation
  6. JSON

V. Bootstrap Training

  1. Getting Started with Bootstrap Basics
  2. Bootstrap Layout
  3. Creating Responsive Navigation
  4. Bootstrap Typography
  5. Tables
  6. Bootstrap Forms
  7. Images
  8. Bootstrap Components
  9. Bootstrap Utilities
  10. Bootstrap Flex

VI. Web Design Professional Mid-term Exam

VII. Color Theory

  1. Terminology
  2. Building an Efficient Color Theme
  3. Color Theory Principles
  4. Color Context
  5. Implementing Color

VIII. Typography

  1. Anatomy
  2. Typeface vs. Font
  3. Rules for Typography
  4. Types of Typography
  5. Type Hierarchy
  6. Building an Efficient Style Guide

IX. Introduction to Photoshop Creative Cloud (CC) Training

  1. Exploring the Photoshop Workspace
  2. Image Size and Resolution
  3. Selection Tools
  4. Painting
  5. Retouching
  6. Color Correction
  7. Advanced Layer Techniques
  8. Working with Type and Vector Shapes
  9. Designing for Web
  10. Preparing Final Art

X. Introduction to Dreamweaver Creative Cloud (CC) Training

  1. A Quick Overview of Web Development
  2. Getting Started with Dreamweaver
  3. Creating HTML Pages
  4. Links
  5. Images
  6. Lists
  7. Tables
  8. Styling Content

XI. Managing Web Design Projects

  1. Design Process
  2. Project Scope
  3. Mock-ups
  4. Functionality Model
  5. Integration
  6. Usability and Accessibility Rules
  7. Roll-out
  8. Analysis

XII. Adobe Animate Creative Cloud (CC) Training

  1. Getting Started
  2. Working with Drawing Tools
  3. Graphic Symbols and the Library
  4. Basic Animation
  5. Advanced Animation
  6. Button Symbols
  7. Movie Clip Symbols
  8. Publishing Animate Documents

XIII. Web Design Professional Final Exam

XIV. Final Project

+ Requirements

Hardware Requirements:

  • This course can be taken on either a PC or Mac. A PC is used in the the demonstrations, so you'll need to make some adjustments if you do the exercises on a Mac.

Software Requirements:

  • PC: Windows 10 or later.
  • Mac: OS X Mountain Lion 10.8 or later.
  • Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
  • Adobe Photoshop (not included in enrollment).
  • Adobe Dreamweaver (not included in enrollment).
  • Adobe Animate (not included in enrollment).
  • Adobe Illustrator or Adobe InDesign (not included in enrollment).
  • Visual Studio Code (this is a free code editor; instructions for downloading and installing it are provided in the course).
  • Adobe Acrobat Reader.
  • Software must be installed and fully operational before the course begins.


  • Email capabilities and access to a personal email account.

Instructional Material Requirements:

  • The instructional materials required for this course are included in enrollment. Manuals are included as downloadable PDFs throughout the course.

+ Prerequisites

There are no prerequisites to take this course. You should be familiar with personal computers and have an interest in technology and web design.

+ Designed For

Job Outlook for Web Designers

  • On average, web designers make just over $61,000 annually, according to workforce analytics firm Burning Glass.
  • Burning Glass data also indicates that job demand for web designers will increase 15% over the next decade, which is almost double the average growth for all other careers.
  • According to the US Bureau of Labor Statistics (BLS), web developers is just over $75,000. Many web designers today function as the design and development lead on web projects.
Enroll Now - Select a Section
Questions? Submit an inquiry HERE
Section Title
Web Design Professional
Section Schedule
Date and Time TBA
Delivery Options
Course Fee(s)
Course Fee non-credit $3,445.00
Section Notes
George Mason University, in partnership with ed2go, offers online open enrollment programs designed to provide the skills necessary to acquire professional level positions for many in-demand occupations.
Required fields are indicated by .