Web Design Professional Online Certificate Course

Learn the technologies that drive the functionality of websites

Web Design Professional Online Certificate Course

NOW ONLY

£3149

Save £400 (11%)
OFF RRP £3549
Get Info Pack

Upon completion, students can expect to have a solid grounding in the skills and knowledge needed to become a Web Designer

Are you looking for a career that stimulates your logical and creative sides in a fast-paced, ever-changing industry? A career in web design may be what you are looking for.

You will start with the basics of HTML, CSS, and JavaScript and advance to HTML5 to learn the technologies that drive the functionality of websites. You will then learn about color theory and typography and develop a strong foundation in building client relationships and organizing their projects.  In the last part of the course, you will learn the tools of the trade: Adobe Photoshop, Dreamweaver, and Animate.

Every great site needs more than functionality. It needs a fresh, unique look, a tone to convey the company or organization’s products, services, and message. With the skills you learn in this program, you can do just that.

When you register you receive twelve (12) months to complete this program

In this program, learn the following:

  • Basic Web development
  • The difference between HTML and XHTML
  • CSS syntax
  • JavaScript syntax
  • Differences between HTML5 and HTML 4
  • HTML5: new elements and attributes
  • Basic color theory principles
  • Considerations for print and web
  • Rules of typography and when how professionals break the rules
  • Photoshop workspace and work images
  • Section 508 compliance considerations
  • Phases of the design process
  • Browser support for CSS

You will be able to complete the following tasks:

  • Organize CSS code
  • Create stunning visual effects with dynamic HTML
  • Define project scope
  • Modify content on the fly
  • Work with audio and video in HTML5
  • Position elements dynamically
  • Create mockups and work with data
  • Make type flow
  • Create a color palette for your project
  • Define a site in Dreamweaver
  • Load and control Animate Content
  • Work with Sound and Video in Animate CC
  • Build a style guide for your project

Course Fast Facts:

  • This course is delivered 100% on-line and is accessible 24/7 from any computer or smartphone
  • Instructors lead each course and you will be able to interact with them and ask questions
  • You can study from home or at work at your own pace in your own time
  • You will be awarded a certificate at completion of this course

Course Delivery

Upon enrolment, an automated welcome email will be sent to you (please check your junk email inbox if not received as this is an automated email), in order for you to access your online course, which is Available 24/7 on any computer or smart mobile device. New courses start every month to ensure that we have the correct ratio of students to tutors available, please ensure you select a starting date when you go through our shopping cart, at checkout. The course is easy to follow and understand.

Recognition & Accreditation

All students who complete the course receive a certificate of completion with a passing score (for the online assessment) and will be issued a certificate via email.

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

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.

1. Can I register for programs if I am an international student?

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

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

3. Do I have to buy additional materials?

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

4. Can I get financial assistance?

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

5. What happens when I complete the program?

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

6. Am I guaranteed a job?

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

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

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

9. Can I use a Mac?

Yes, you can use a Mac for this program.

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

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

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

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

 

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, which includes her involvement in 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, reporting/productivity applications, as well as the creation of online courses with software from leading vendors.

Note: This course is supported by multiple instructors at Webucator, a national training and courseware development company, all of whom are experts in their fields.

About this Course

Upon completion, students can expect to have a solid grounding in the skills and knowledge needed to become a Web Designer

Are you looking for a career that stimulates your logical and creative sides in a fast-paced, ever-changing industry? A career in web design may be what you are looking for.

You will start with the basics of HTML, CSS, and JavaScript and advance to HTML5 to learn the technologies that drive the functionality of websites. You will then learn about color theory and typography and develop a strong foundation in building client relationships and organizing their projects.  In the last part of the course, you will learn the tools of the trade: Adobe Photoshop, Dreamweaver, and Animate.

Every great site needs more than functionality. It needs a fresh, unique look, a tone to convey the company or organization’s products, services, and message. With the skills you learn in this program, you can do just that.

When you register you receive twelve (12) months to complete this program

In this program, learn the following:

  • Basic Web development
  • The difference between HTML and XHTML
  • CSS syntax
  • JavaScript syntax
  • Differences between HTML5 and HTML 4
  • HTML5: new elements and attributes
  • Basic color theory principles
  • Considerations for print and web
  • Rules of typography and when how professionals break the rules
  • Photoshop workspace and work images
  • Section 508 compliance considerations
  • Phases of the design process
  • Browser support for CSS

You will be able to complete the following tasks:

  • Organize CSS code
  • Create stunning visual effects with dynamic HTML
  • Define project scope
  • Modify content on the fly
  • Work with audio and video in HTML5
  • Position elements dynamically
  • Create mockups and work with data
  • Make type flow
  • Create a color palette for your project
  • Define a site in Dreamweaver
  • Load and control Animate Content
  • Work with Sound and Video in Animate CC
  • Build a style guide for your project

Course Fast Facts:

  • This course is delivered 100% on-line and is accessible 24/7 from any computer or smartphone
  • Instructors lead each course and you will be able to interact with them and ask questions
  • You can study from home or at work at your own pace in your own time
  • You will be awarded a certificate at completion of this course

Course Delivery

Upon enrolment, an automated welcome email will be sent to you (please check your junk email inbox if not received as this is an automated email), in order for you to access your online course, which is Available 24/7 on any computer or smart mobile device. New courses start every month to ensure that we have the correct ratio of students to tutors available, please ensure you select a starting date when you go through our shopping cart, at checkout. The course is easy to follow and understand.

Recognition & Accreditation

All students who complete the course receive a certificate of completion with a passing score (for the online assessment) and will be issued a certificate via email.

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

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.

1. Can I register for programs if I am an international student?

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

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

3. Do I have to buy additional materials?

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

4. Can I get financial assistance?

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

5. What happens when I complete the program?

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

6. Am I guaranteed a job?

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

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

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

9. Can I use a Mac?

Yes, you can use a Mac for this program.

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

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

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

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

 

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, which includes her involvement in 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, reporting/productivity applications, as well as the creation of online courses with software from leading vendors.

Note: This course is supported by multiple instructors at Webucator, a national training and courseware development company, all of whom are experts in their fields.

We provide a 7 Day Money Back Refund on all Courses

Special Offer

 

Receive The Personal Success Training Program FREE, When You Purchase This Course - Limited Time Remaining!  (Value £300)

 

The Personal Success Training Program Helps You Stay Focused To Achieve Your Goals!
Benefits:
  • How to layout a Success Plan.
  • Get where you want to be in life.
  • How to unclutter your mind to succeed.
  • Achieve your dreams using your imagination.
  • How to have faith in yourself.
Features:
  • 12 month online access,  24/7 anywhere.
  • Complement your individual course purchase.
  • Thousands of positive reviews.
  • Limited Time Offer - Ends Soon.
 

Training 2 Or More People?


Empower your business with access to 500+ job & soft skills online training courses.

SUCCESS PRO - For Business

Course Summary

Course ID: 007GES517
Delivery Mode: Online
Access: 12 months to complete this program
Tutor Support: Yes
Time: 330 Hours

Popular Courses and Bundles

Get a FREE Career Planner