Shaw Academy

Your Future, Your Way!

Course Catalogue

Get 4 Weeks FreeLogin

539,631

Graduates
All Levels
Certified

0%

Most of this week’s places have been filled.

Start your course now to guarantee your place.

learn-icon

Web Design Class Overview

  • HTML
  • CSS coding
  • Domain names, KPIs and website layout techniques
  • JavaScript
  • Bootstrap framework

Web Design Course Content

module 1

Diploma in Web Design

free

+

-

  1. Introduction to Web Design

    This web design class will teach you the basic elements of web design such as HTML (Hyper Text Markup Language) and CSS (Cascading Style Sheets). You will learn exactly what it means to be a web designer and how it is different to a web developer, while also analysing the difference between web sites and web applications.

  2. Web Design Foundations

    In this lesson, your eyes will be opened to the world of features such as tables, background images, and customisation. Position properties, CSS Syntax, and colour codes will be added to your skill set. By the end of this lesson, you will be able to code along and produce a basic web page.

  3. Navigation

    In this web design class, you will learn a multitude of navigation styles including sidebar, horizontal, and the theory of Hamburger and multimedia menus. You will then apply these to the web page you built in Lesson 2 and customise it using CSS and HTML scripts.

  4. Planning a Website

    This lesson will discuss the techniques used to plan a website. Whether it’s to convey your vision to a client or to plan a personal project, this lesson will teach you everything you need to know about colour theory, domain names, KPIs, and website layout techniques.

  5. Digital CV Part 1

    In this online web design class, you will begin work on a digital CV that you can use when applying for jobs in order to showcase your new skills! You will learn how to use Hamburger menus as well as hero images to take your site to the next level. You will also venture into the world of JavaScript.

  6. Digital CV Part 2

    Part 2 of the Digital CV lesson covers how to make your website fun and interactive! This lesson will cover topics such as forms, images, buttons, and transparency. You will learn how to create a contact page while making use of new techniques such as linear gradients and transitions.

  7. Digital CV Part 3

    In this lesson, you will create a portfolio gallery as part of your digital CV. You will gain some valuable insight into how to get your CV just right as well as an introduction to responsive design.

  8. Digital CV Part 4

    The final lesson in Module 1 of the web design course is centred around a career page that you can customise with the tools you have learnt throughout this course. You will learn the art of basic infographics, how to create testimonials, and how to create round avatar images!

module 2

Intermediate in Web Design

+

-

  1. Introduction to Web 3.0 Part 1

    In this lesson, you will use a Brackets.io application to create a webpage using new semantic HTML tags.

  2. Introduction to Web 3.0 Part 2

    In this lesson, you will use a Brackets.io application to create a webpage using new semantic HTML tags.

  3. HTML5 and CSS3 Extended Part 1

    In this lesson, you will get an introduction to new HTML semantic elements. You will look at the progression of the web and also get used to your new application, Brackets.

  4. HTML5 and CSS3 Extended Part 2

    In this lesson, you will get an introduction to new HTML semantic elements. You will look at the progression of the web and also get used to your new application, Brackets.

  5. Mobile First Design Part 1

    In this lesson, you will start thinking like a mobile first designer by learning how to create a simple project to get you into the right mindset!

  6. Mobile First Design Part 2

    In this lesson, you will start thinking like a mobile first designer by learning how to create a simple project to get you into the right mindset!

  7. Building a Portfolio Website Part 1

    This lesson will review the 6-step design process with a focus on testing and delivery and maintenance. You will also learn about your fictional client, CSS.

  8. Building a Portfolio Website Part 2

    This lesson will review the 6-step design process with a focus on testing and delivery and maintenance. You will also learn about your fictional client, CSS.

module 3

Advanced in Web Design

+

-

  1. The Bootstrap Framework Part 1

    In this lesson, you will gain an introduction to the Bootstrap framework, and you will learn how to create a simple webpage to demonstrate the 12-column Bootstrap grid.

  2. The Bootstrap Framework Part 2

    In this lesson, you will gain an introduction to the Bootstrap framework, and you will learn how to create a simple webpage to demonstrate the 12-column Bootstrap grid.

  3. Bootstrap Extended Part 1

    In this lesson, you will learn how to use a Bootstrap template to create a company page for a fictional client, CSS. There is also a demo which shows how to place the site live on the web using the GoDaddy hosting provider.

  4. Bootstrap Extended Part 2

    In this lesson, you will learn how to use a Bootstrap template to create a company page for a fictional client, CSS. There is also a demo which shows how to place the site live on the web using the GoDaddy hosting provider.

  5. The HTML Club 3.0 Part 1

    In this lesson, you will build and style your first advanced web design project, HTML Club 3.0. You will also be introduced to external / linked styling in Lesson 5.

  6. The HTML Club 3.0 Part 2

    In this lesson, you will build and style your first advanced web design project, HTML Club 3.0. You will also be introduced to external / linked styling in Lesson 5.

  7. Bootstrap Templates Part 1

    In this lesson, you will use a Bootstrap template to create a company page for a fictional client, CSS.There is also a demo which shows how to place the site live on the web using the GoDaddy hosting provider.

  8. Bootstrap Templates Part 2

    In this lesson, you will use a Bootstrap template to create a company page for a fictional client, CSS.There is also a demo which shows how to place the site live on the web using the GoDaddy hosting provider.

module 4

Proficient in Web Design

+

-

  1. WordPress Content Management System Part 1

    In this lesson, you will learn how to set up WordPress on a local server. You will also look at the WordPress back-end and see how to add and edit themes using the WordPress CMS.

  2. WordPress Content Management System Part 2

    In this lesson, you will learn how to set up WordPress on a local server. You will also look at the WordPress back-end and see how to add and edit themes using the WordPress CMS.

  3. Editing Templates and Plugins Part 1

    This lesson will look at Wordpress plugins, and you will learn how to set up various analytical tools like Google Analytics with your WordPress site.

  4. Editing Templates and Plugins Part 2

    This lesson will look at Wordpress plugins, and you will learn how to set up various analytical tools like Google Analytics with your WordPress site.

Certified by
Globally recognised by
  • Weeks
    16 Weeks

    Duration

  • lessons
    32 Lessons

    Plus assessments

  • modules
    4 Modules

    Online

  • course
    Globally Recognised

    Certification

Avg. Rating

4.8/5

4.9

I just started the advanced Web design course. I'm so excited! My husband took 3 certificates from Shaw Academy in the past.

4.8

Introduction to web development from Shaw Academy is a fantastic starting point for anybody that wants to enter into the web design/development arena.

You might also like

Course Benefits

Flexible online classes
You pick the schedule.
Pause course
Take a break any time.
Educator support
Always get your answers.
Offline mode
Download class recordings.
Globally Recognised Courses
International focus to curriculum.
UNLIMITED Courses
One plan - All content.

Start building your future, your way.

Access to all 100+ courses including:
  • Live educator chat support
  • 20+ hours of learning per course
  • Exams & continuous assessments
  • Unique lessons curated by in-house experts
  • Lifetime access to all lessons
  • Globally accredited certifications

$49.99 / month

FREE for 4 weeks

Start your free course

No commitment

FREE for 4 weeks

No Commitment