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, this 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...

SHARE
12 Months / 384 Course Hrs
Open Enrollment
Offered in partnership with your preferred school

George Mason University

Change School
Learning method

for additional information

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

How the course is taught

  • Self-paced, online course
  • 12 Months to complete
  • Open enrollment, begin anytime
  • 384 course hours
  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. Web Design Professional Mid-term Exam
    1. Terminology
    2. Building an Efficient Color Theme
    3. Color Theory Principles
    4. Color Context
    5. Implementing Color
  7. Color Theory
    1. Typography
      1. Anatomy
      2. Typeface vs. Font
      3. Rules for Typography
      4. Types of Typography
      5. Type Hierarchy
      6. Building an Efficient Style Guide
    2. 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
    3. 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
    4. 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
    5. 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
    6. Web Design Professional Final Exam
      1. XFinal Project

      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.

      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. A PC is used in 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: macOS 11.0 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.

      Other:

      • 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.

      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

      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.

      No.

      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.

      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.

      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 the student advising team to see what options you may have available to work out a suitable completion date. Please note that an extension fee may be charged.

      The course instructor will be available by email to answer any questions and provide feedback on your performance. Occasionally, your course may be supported by a team of industry experts. You will also receive support from the student advising team.

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

      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.

      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 about financial assistance.

      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.

      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.

      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.

      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.

      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.

      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.

      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.

      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.

      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.

      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.

      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.

      ;