Courses Courses Arts and Design Arts and Design Animation Graphic Arts Photography Web Design Other Business Business Accounting Administrative Communication Finance Marketing and Sales Operations Project Management Small Business Soft Skills Career Online High School Career Online High School Online High School Diploma Computer Applications Computer Applications AutoCAD Microsoft QuickBooks Windows Other Computer Programming Computer Programming Programming Classes Construction and Trades Construction and Trades Construction Environmental and Energy Trades Health and Fitness Health and Fitness Alternative Medicine Dental Fitness Medical Veterinary Wellness Hospitality Hospitality Hospitality Service Information Technology Information Technology Cloud Computing Networking Other Security Language Language Languages Legal Legal Legal Studies Math and Science Math and Science Mathematics and Science Teacher Professional Development Teacher Professional Development Child Development Classroom Technology Math and Science Reading and Writing Other Test Prep Test Prep Exam Prep Writing Writing Writing and Editing How It Works How It Works About ed2go Externship Programs Financial Assistance Find a School Military Virtual Career Center
Courses
Arts and Design
Animation
Graphic Arts
Photography
Web Design
Other
Business
Accounting
Administrative
Communication
Finance
Marketing and Sales
Operations
Project Management
Small Business
Soft Skills
Career Online High School
Online High School Diploma
Computer Applications
AutoCAD
Microsoft
QuickBooks
Windows
Other
Computer Programming
Programming Classes
Construction and Trades
Construction
Environmental and Energy
Trades
Health and Fitness
Alternative Medicine
Dental
Fitness
Medical
Veterinary
Wellness
Hospitality
Hospitality Service
Information Technology
Cloud Computing
Networking
Other
Security
Language
Languages
Legal
Legal Studies
Math and Science
Mathematics and Science
Teacher Professional Development
Child Development
Classroom Technology
Math and Science
Reading and Writing
Other
Test Prep
Exam Prep
Writing
Writing and Editing
How It Works
About ed2go Externship Programs Financial Assistance Find a School Military Virtual Career Center
ed2go Arts and Design Web Design Web Design Professional
Return to Web Design
learn-web-design

Web Design Professional

Do you ever envision an idea and wish you could bring it to life online? Are you fascinated by the inner workings of the online world? If you’re looking for a career that stimulates both your logical and creative sides, web design courses may be the perfect fit for you. In our Web Design Professional program, you’ll build a strong foundation of skills that will help you create amazing websites and get ahead in this fast-paced, ever-changing industry.

Our extensive program is one of the best online web design courses available. We’ll teach you how to help companies and organizations present their best images using a mix of modern technology and the proper design principles—an invaluable skill in today’s web-focused world. In this course, you will learn web design step by step, discovering the technology, philosophy, and proper rules to bring your creativity to life. You will also gain practical skills in the art of planning and managing the development of a web project.

You can be confident you’re getting the value that you deserve. We’ll pair you with a facilitator for one-on-one instruction and feedback. Your facilitator will help you build your resume and advise your job search. Most web design courses for beginners can’t say that. So, if you’ve always wanted to become a web designer, don’t wait any longer. Your dream starts here.

1 Years / 330 Course Hrs
Open Enrollment

Offered in Partnership with your Preferred School

Association of Executive and Administrative Professionals Why this school? It's been chosen based on your location or if you've visited this school's website.

Financial Assistance Available*

Change School

Learning Method

Instructor-led Self-Paced: Study at your own schedule

Contact Us

Web Design Professional

Learning Method

Instructor-led Self-Paced: Study at your own schedule

Contact Us

Web Design Professional Details + Objective

Course Code: GES517

You Will Learn
  • CSS, JavaScript, and the latest information on HTML5.
  • How to create stunning visual effects with dynamic HTML.
  • Color theory principles and rules of typography.
  • How to define a site in Dreamweaver
  • Loading and controlling Animate content and working with sound and video
  • Section 508 compliance, defining project scope, building a style guide, and other project considerations
How the course is taught
  • Our online web design class is open enrollment and completed at your own pace
  • When you register, you receive twelve months to complete the program
  • You’ll be paired with a facilitator who will be available via email
How you will benefit
  • Gain all the skills you need to create dynamic, effective websites
  • Receive a certificate to show off your new knowledge to current or potential employers
  • Potentially use your facilitator as a professional reference during your job search
Web Design Professional Outline
Expand All
The course outline includes the following lessons:

I.    Introduction to HTML 
            A.    A Quick Overview of Web Development 
            B.    Introduction to HTML 
            C.    Paragraphs, Headings and Text 
            D.    HTML Links 
            E.    HTML Images 
            F.    HTML Lists 
            G.   HTML Tables 
            H.   HTML Forms
II.    Introduction to CSS 
            A.    Crash Course in CSS 
            B.    CSS Fonts 
            C.    CSS Text 
            D.    Colors and Backgrounds 
            E.    Custom Cursors 
            F.    CSS and Links 
            G.    Borders, Margins and Padding 
            H.    Styling Tables with CSS 
            I.    Transforms and Transitions
III.    Advanced CSS 
            A.    Positioning and Visibility
            B.    Advanced CSS Page Layout 
            C.    Media Queries 
            D.    CSS Shorthand Properties 
            E.    CSS Lists as Hierarchical Navigation 
            F.    CSS Background Tricks 
            G.    Laying out and Styling Forms with CSS 
            H.    CSS Best Practices 
            I.    Browser-compatibility Issues
IV.    Introduction to JavaScript 
            A.    JavaScript Basics 
            B.    Variables, Arrays and Operators 
            C.    JavaScript Functions 
            D.    Built-In JavaScript Objects 
            E.    Conditionals and Loops 
            F.    JavaScript Form Validation 
            G.    Images, Windows and Timers 
            H.    Navigator, History, and Location Objects 
V.    Advanced JavaScript 
            A.    Quick JavaScript Recap 
            B.    Advanced Techniques 
            C.    Regular Expressions 
            D.    The HTML Document Object Model 
            E.    Dynamic Forms 
            F.    Dynamic HTML
VI.    Introduction to HTML5 
            A.    Laying out a Page with HTML5 
            B.    HTML5 - How We Got Here 
            C.    Sections and Articles 
            D.    HTML5 Audio and Video 
            E.    HTML5 Forms 
            F.    HTML5 Web Storage 
            G.    HTML5 Canvas 
            H.    Integrated APIs
VII.    Color Theory 
            A.    Terminology 
            B.    Building an Efficient Color Theme 
            C.    Color Theory Principles 
            D.    Color Context 
            E.    Implementing Color
VIII.    Typography 
            A.    Anatomy 
            B.    Typeface vs. Font 
            C.    Rules for Typography 
            D.    Types of Typography 
            E.    Type Hierarchy 
            F.    Building an Efficient Style Guide
IX.    Introduction to Photoshop 
            A.    Exploring the Photoshop Workspace 
            B.    Image Size and Resolution 
            C.    Selection Tools 
            D.    Painting 
            E.    Retouching 
            F.    Color Correction 
            G.    Advanced Layer Techniques 
            H.    Working with Type and Vector Shapes 
            I.    Designing for Web 
            J.    Preparing Final Art
X.    Introduction to Dreamweaver 
            A.    A Quick Overview of Web Development 
            B.    Getting Started with Dreamweaver 
            C.    Creating HTML Pages 
            D.    Links 
            E.    Images 
            F.    Lists 
            G.    Tables 
            H.    Styling Content
XI.    Managing Web Design Projects 
            A.    Design Process 
            B.    Project Scope 
            C.    Mock-ups 
            D.    Functionality Model 
            E.    Integration 
            F.    Usability and Accessibility Rules 
            G.    Roll-out 
            H.    Analysis
XII.    Adobe Animate Creative Cloud (CC)
            A.    Getting Started 
            B.    Working with Drawing Tools 
            C.    Graphic Symbols and the Library 
            D.    Basic Animation
            E.    Advanced Animation
            F.    Button Symbols
            G.    Movie Clip Symbols
            H.    Publishing Animate Documents

Web Design Professional Instructors
Tracy Berry

Tracy Berry has been a senior graphic designer/programmer, instructor, and consultant since 1993 and has developed hundreds of logos, marketing materials, websites, and multimedia solutions for customers worldwide. She has helped many organizations optimize and streamline data solutions. She teaches both onsite and online courses and has her CTT (Certified Technical Trainer) certification. Tracy specializes in teaching graphics, desktop publishing, web design, and reporting/productivity applications, as well as creating online courses.

Web Design Professional Requirements / Prerequisites

There are no prerequisites for this course; however, students should be familiar with personal computers and have an interest in technology and web design.

This program can be taken on either a PC or a Mac OS X. It is compatible with the Windows XP (Service Pack 2) and later operating systems and with the latest versions of any of the following browsers: Mozilla Firefox, Internet Explorer, Google Chrome, Opera, and Safari.

For the HTML, CSS, JavaScript, and HTML5 courses, if you do not already have something to use for Plain Text editing or Web authorizing, please choose one of the options listed below:

Windows:

  • Crimson Editor - Download (recommended)
  • Notepad is fine for class and is usually included with Windows.
  • Adobe Dreamweaver - Download

Mac OS X:

  • TextEdit is fine for class and is usually included with Mac OS X.

Please ensure you choose Format > Make Plain Text from the TextEdit toolbar.

For the Adobe software that is taught in this program (Photoshop, Dreamweaver and Animate), the student must have these titles installed on their computer. Please see below for more information on obtaining these.

Adobe downloads are available here: http://www.adobe.com/downloads/

Adobe software titles are available as:

  1. Free trials
  2. Subscriptions to individual programs
  3. Subscriptions to all of the Adobe programs via the Creative Cloud 

Information on the Creative Cloud is available here: http://www.adobe.com/products/creativecloud.html

Information on all pricing is available here: https://creative.adobe.com/plans

Check if you are eligible for student pricing on the Creative Cloud package: http://www.adobe.com/cfusion/store/html/index.cfm?event=displayEduConditions&store=OLS-EDU&nr=1

Note that free trials last 7 days. To avoid your trial expiring before you have completed that portion of the course, wait until you reach that point in the course before beginning your free trial.

Manuals are included as downloadable PDFs throughout the program.

Web Design Professional Frequently Asked Questions
Expand All
Can I register for programs if I am an international student?

Yes, because ed2go programs are online you never have to actually travel to the school. Most schools offer telephone or online registration.

How long does it take to complete a program?

All of our programs are self-paced and open enrollment, so you can start them when you want and finish them at your own pace. When you register you receive an initial twelve (12) months to complete this program.

Do I have to buy additional materials?

All the materials you’ll need are included, and their cost will be covered by your tuition.

Can I get financial assistance?

ed2go courses are non-credit courses, so they do not qualify for federal aid. In some states, vocational rehab or workforce development boards will pay for qualified students to take our courses. Additionally, some students may qualify for financial assistance when they enroll, if they meet certain requirements.

What happens when I complete the program?

Upon successful completion of the program, you will be awarded a certificate of completion.

Am I guaranteed a job?

ed2go programs will provide you with the skills you need to obtain an entry-level position in most cases. We don’t provide direct job placement services, but our facilitators and career counselors will help you build your resume and are available to give advice on finding your first job. Facilitators will also be available to use as a professional reference upon completion of the program. Potential students should always do research on the job market in their area before registering.

Who will be my instructor?

Each student is paired with a facilitator for one-on-one interaction. The facilitator will be available (via e-mail) to answer any questions you may have and to provide feedback on your performance. All of our facilitators are successful working professionals in the fields in which they teach.

What software or hardware do I need in order to take online programs and what are the system requirements?

In order to take our online programs, you must have access to a computer and the Internet. You can access the program contents from any Web-enabled computer. You don’t have to use the same computer to log-in to the program every time. We recommend that you have a word-processing program (Microsoft Word is best) and the latest version of Internet Explorer.

Can I use a Mac?

Yes, you can use a Mac for this program.

How can I get more information about this program?

If you have questions that are not answered on our website, please feel free to contact us via LIVE chat (click the button above). If you are visiting us during non-business hours, please feel free to send us a question using the “Contact Us” form to the right. You may also call us at (855) 534-3690(855) 534-3690 FREE. We will answer your questions promptly.

When can I start the program?

Our programs are all open enrollment. You can register and start the program as soon as you are ready.

Please note: Once the program curriculum is accessed online or through submission of a material shipment confirmation, refunds cannot be issued.

What is a typical day like for a Web Designer?

Web designers work both independently and with others on a variety of day-to-day tasks and projects. Teamwork, relationship building, a solid skill set, and attention to detail are all keys to success. Typically web designers work in a traditional office setting, though more and more web designers work remotely. Web designers can be employees, freelance or contract workers, or self-employed individuals who own their own businesses. Specifics really depend on the company or institution’s size, work culture, and objectives.

Do Web Designers need to continue to learn?

While the core skills will always be useful and relevant, web designers must keep up with the latest technologies and techniques as well as versions of software from Adobe.

What if I don't have enough time to complete my program within the time frame provided?

The time allotted to complete your program has been calculated based on the number of hours for each program, so don't worry too much about not completing in time. If, after a concerted effort, you are still unable to complete, your Student Advisor will help you work out a suitable completion date. Please note that a fee may be charged for an extension.

What are the technical requirements for this course?

This program is compatible with both the Windows and Macintosh operating systems. (Special note for Mac users: While there is nothing taught in this course that cannot be done on a Mac, most of the presentations are done using a PC. If you have questions as to how to do an exercise on your Mac, you will be able to ask your instructor.)

The following are the minimum system requirements necessary to take this course: 

  1. A web browser (the latest version of Chrome, Firefox, Edge, or Safari).
  2. Visual Studio Code (this is a free code editor; instructions for downloading and installing it are provided in the course).
  3. Adobe Photoshop, Dreamweaver, and Animate. Adobe downloads are available here. Adobe software titles are available as free trials, subscriptions to individual programs, or subscriptions to all of the Adobe programs via the Creative Cloud (information here and pricing here). Check if you are eligible for student pricing on the Creative Cloud package here. Manuals are included as downloadable PDFs throughout the program.
What is web design and development?

The terms “web design” and “web development” are frequently used interchangeably. However, in strict usage, web design refers to the visual elements of the site, such as layout and images. Web development is the process of making the website using programming languages. When you enroll with ed2go, you don’t even have to worry about the difference, because our course covers it all.

How can I learn website design?

There are lots of ways to learn web design! You can obtain a two- or four-year degree if you like, but this route is expensive and usually not necessary. Some form of education is definitely recommended, however, in order for you to stand out in the field. Our online program is the perfect blend, teaching you everything you need to know while fitting into your busy schedule.

Browse All
Talk to an admissions counselor
Got other questions? Get in touch with our admissions counselors via . During non-business hours, please feel free to send us a question using the "Contact Us" button. You can also reach us by phone at (855) 520-6806.