Courses Courses Arts and Design Arts and Design Animation Graphic Arts Photography Web Design 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 Autodesk Microsoft QuickBooks Windows Computer Science Computer Science Programming 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 Test Prep Test Prep Exam Prep Writing Writing Writing and Editing Skill Map Resources Resources About ed2go Externship Programs Financial Assistance Find a School Blog Military Military MyCAA Military Scholarship

CONTACT US

(855) 520-6806

See all results for ""

See All Courses

ed2go Arts and Design Web Design Web Design Professional
Return to Web Design
learn-web-design

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.

1 Year / 384 Course Hrs
Open enrollment

Offered in Partnership with your Preferred School

Indiana University South Bend

Why this school? It's been chosen based on your location or if you've visited this school's website. Change School

Learning Method

Instructor-led

Self-Paced. Study on your own schedule

Contact Us for additional information

Web Design Professional

Contact Us

Details + Objectives

Course Code: GES517

What You Will Learn
  • To plan, design, and build dynamic database-driven websites using the latest technologies
  • Master basic HTML and learn CSS for designing pages
  • Understand the fundamentals of HTML, CSS, JavaScript, and Bootstrap
How the course is taught
  • Self-paced, online course
  • 12 months to complete
  • Open enrollment, begin anytime
  • 384 course hours
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 website built for final course project

Outline

Expand All
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.   Sectioning a Web Page
  I.   Audio and Video   
II. Introduction to CSS
  A.   Crash Course in CSS  
  B.   CSS Fonts
  C.   Color and Opacity
  D.   CSS Text  
  E.   Borders, Margins and Padding  
  F.   Backgrounds
  G.   Display and Visibility
  H.   Pseudo-classes and Pseudo-elements
  I.   Styling Tables with CSS  
  J.   Positioning
  K.   Transforms and Transitions   
  L.   Layouts
  M.   CSS Lists as Hierarchical Navigation
  N.   Media Queries
III. Introduction to JavaScript
  A.    JavaScript Basics 
  B.   Variables, Arrays and Operators
  C.    JavaScript Functions
  D.    Built-In JavaScript Objects 
  E.   Conditionals and Loops
  F.   Event Handlers and Listeners
  G.   The HTML Document Object Model 
  H.   CSS Object Model 
  I.   Errors and Exceptions
IV. Creating, Styling, and Validating Forms
  A.   HTML Forms
  B.   JavaScript Form Validation
  C.    Styling Forms with CSS
  D.   Regular Expressions
  E.   Node.js and Server-side Form Validation
  F.   JSON  
V. Bootstrap Training
  A.   Getting Started with Bootstrap Basics
  B.   Bootstrap Layout
  C.   Creating Responsive Navigation
  D.   Bootstrap Typography
  E.   Tables   
  F.   Bootstrap Forms   
  G.   Images   
  H.   Bootstrap Components   
  I.   Bootstrap Utilities   
  J.   Bootstrap Flex
VI. Web Design Professional Mid-term Exam
  A.   Terminology  
  B.   Building an Efficient Color Theme  
  C.   Color Theory Principles  
  D.   Color Context  
  E.   Implementing Color  
VII. Color Theory
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 Creative Cloud (CC) Training
  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 Creative Cloud (CC) Training
  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) Training
  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  
XIII. Web Design Professional Final Exam
XIV. Final Project
View All Sections

Instructors & Support

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 was also involved in several large corporate software rollouts. 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.

Requirements

Requirements

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.

Requirements:

Hardware Requirements: 

  • This course can be taken on either a PC or Mac, however all 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.

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 Flash Player. Click here to download the Flash Player.
  • Adobe Acrobat Reader. Click here to download the Acrobat Reader.
  • Software must be installed and fully operational before the course begins. 

Other:

  • Email capabilities and access to a personal email account.
Instructional Materials

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

More About

Adobe software titles are available as:

  1. Subscriptions to individual programs
  2. 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

FAQs

Expand All
Can I register for a course if I am an international student?

Yes, ed2go courses are completely online. However, keep in mind that not all certifying bodies or industry-specific certifications are recognized internationally. Please review your country’s regulations prior to enrolling in courses that prepare for certification.

Does this course prepare for a certification?

No.

When can I start the course?

This course is open enrollment, so you can register and start the course as soon as you are ready. Access to your course can take 24-48 business hours.

How long does it take to complete this course?

This course is self-paced and open enrollment, so you can start when you want and finish at your own pace. When you register, you'll receive twelve (12) months to complete the course.

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

The time allotted for course completion has been calculated based on the number of course hours. However, if you are unable to complete the course, contact your Student Advisor to help you work out a suitable completion date. Please note that an extension fee may be charged.

What kind of support will I receive?

You may be assigned with an instructor or team of industry experts for one-on-one course interaction. Your support will be available (via e-mail) to answer any questions you may have and to provide feedback on your performance. All of our instructors are successful working professionals in the fields in which they teach. You will be assigned to an Advisor for academic support.

What happens when I complete the course?

Upon successful completion of the course, you will be awarded a Certificate of Completion.

Am I guaranteed a job?

This course will provide you with the skills you need to obtain an entry-level position in most cases. Potential students should always do research on the job market in their area before registering.

Can I get financial assistance?

This course is non-credit, so it does not qualify for federal aid, FAFSA and Pell Grant. 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. Financing is available from select schools. Learn more: https://www.ed2go.com/career/financial-assistance

How can I get more information about this course?

If you have questions that are not answered on our website, representatives are available via LIVE chat. You can also call us at 1-877-221-5151 during regular business hours to have your questions promptly answered. If you are visiting us during non-business hours, please send us a question using the "Contact Us" form.

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.

What is the difference between a web developer and a web designer?

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 in the Web Design Professional course, you don’t need to worry about the difference, because our course covers it all.  

What will I do as a web designer?

As a web designer, you will be responsible for not only understanding what is needed to make a website functional, but also how to make it aesthetically pleasing to visitors. In this Web Design Professional course from ed2go, you will learn to build modern websites using HTML, CSS, JavaScript, and more. You’ll create and decide how to best use graphics, video, forms, tables, layout, and navigation to build a site that is easy to use with readily available information.

Why do I need to formal training to be a web design?

You need formal web design training because it is important to have websites that look good and work properly no matter how they are accessed by the public. Helping an organization reach their target audience means giving that audience information and resources whether they are sitting in front of a computer at home or visiting a website on their phone while on the go. While a lot of the technical aspects of website design can be learned on-the-job or in a self-taught manner, understanding the principles of good website design as well as techniques for making your company stand out will help you produce better products, provide more opportunities and help you land more jobs and/or clients in the future.

What education do I need to become a web designer?

There is no specific type of degree that a web designer/web developer is required to hold. In fact, according to Census data, 38% hold less than a 4-year degree. To enter a career as a web designer, a great place to start is completing an online training course like this one, which will help you learn basic HTML, CSS, JavaScript, Color Theory, Typography, Photoshop, Dreamweaver and more. Some employers may prefer a bachelor’s degree in graphic design, computer science or related field. This is a path you can choose to take if necessary, after you’ve gained some experience and decided that this is definitely the career for you.  

What are the skills of a good web designer?

A good web designer understands what looks good visually, but also what works functionally. You need to be able to effectively use design software like Adobe Photoshop, Dreamweaver and Illustrator as well as write code in HTML and CSS. You’ll also need to understand user experience (UX) and how to design a site that encourages users to take certain actions like requesting information or completing surveys based on the goals of your organization. Finally, you’ll need to understand SEO and how to integrate marketing and social media into your site for maximum visibility.

What is the average salary of a web designer?

The Bureau of Labor Statistics lumps web designers and web developers under the same category of “web developer” and it shows the median salary of a web developer is currently just under $68,000 per year. This salary can vary widely depending on your experience level, education, location and the type of organization you work for. The highest paying markets for web designers / web developers are Washington, District of Columbia, Virginia, California, and New York.

Are web designers in demand?

Yes, web designers are in demand. According to the Bureau of Labor Statistics, the job outlook for web designers / web developers is very good. Employment is projected to grow by 15% through 2026 which is considered much faster than average. Growth in jobs will be driven by ecommerce and the ever-increasing use of mobile devices.   

What kind of hours do web designers work?

The hours of web designers vary depending on the volume of work. Typically, you will work a normal Monday through Friday, 9-5, but this can change quite a bit if you are coming up on a deadline or working on a very large project. Your hours can also be affected if you decide to go into business for yourself as this could mean that you choose when you want to work as it fits within your lifestyle.   

Where do web designers work?

Because our world is one that does business online, web designers can literally work for any company in any industry. According to the BLS, 1 in 6 currently are self-employed. Your specific work environment will depend in some ways on your employer — you could be required to come on-site and work in an office every day, or you may be able to work remotely from home. Regardless of your physical location, you can be sure that you will spend the majority of your time in front of a computer screen in this role.

Browse All

Reviews