Online Web Design Course

DIPLOMA IN

WEB DESIGN

Online Web Design Course

  • Rating Icon
  • Rating Icon
  • Rating Icon
  • Rating Icon
  • Rating Icon
791,021 Students

Looking for the best online web design courses? Seek no further! Taking you step-by-step on the basics of creating webpages and websites to teaching the latest in advanced programming languages such as HTML, JavaScript, CSS, Python and HTML5; our Diploma in Web Design has been created to bring you up to speed on a variety of skills and techniques required to improve your career prospects as a professional web designer and web application developer. As one of the best online web design courses, it has been structured into 4 Modules supported by expertly designed study material and video lessons for the ease of learning. Learning web design online was never this easy! Sign up now!

791,021 Successful Graduates

8 Interactive Lessons

4 Weeks Long

  1. Course Details
  2. Course Reviews

Module I - Introduction

expand

8 Interactive Lessons

Weekly Assignments + Fun Quizzes

If you miss a lesson, you can always view the recordings later.

Sign up now!

  • Lesson 1 - Introduction to Web Design

    expand!

    This lesson will teach you the basics of elements such as HTML (Hyper Text Markup Language) & CSS ( Cascading Syle Sheets). You will learn exactly what it means to be a Web Designer and how it is different to a Web Developer, we will also analyse the difference between Web Sites and Web Application. There will be a indepth demonstration regarding software installation to ensure you are prepeared for your lessons. It’s time to change YOUR LIFE! Sign up now!

  • Lesson 2 - Web Design Foundations

    expand!

    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 color codes will be introduced to your skill set. You will be able to code along and produce a basic Web page by the end of this lesson. Sign up now!

  • Lesson 3 - Navigation

    expand!

    In this lesson you will learn a multitude of navigation styles including Sidebar, horizontal & the theory of Hamburger & Multimedia menuss. We will then apply them to the site you have built in Lesson 2 and customise them using CSS and HTML scripts. Sign up now!

  • Lesson 4 - Planning A Website

    expand!

    In this lesson we 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 about colour theory, Domain Names, KPI’s and website layout techniques. Sign up now!

  • Lesson 5 - Digital CV Part 1

    expand!

    In this lesson we will begin work on a digital CV that you could use when applying for jobs in order to showcase your skills! You will learn how to use Hamburger menus as well as Hero Images to take your site to the next level! We will also be venturing into the world of Java Script, with all this exciting content why not start now?. Sign up now!

  • Lesson 6 - Digital CV Part 2

    expand!

    Part 2 of the Digital CV covers how to make your website fun and interactive! We will be covering topics such as forms, images & transparency & buttons. You will learn to create a contact us page while making use of new techniques such as linear gradients & transitions!. Sign up now!

  • Lesson 7 - Digital CV Part 3

    expand!

  • Lesson 8 - Digital CV Part 4

    expand!

    Our final lesson in module 1 is centred around a career page that you can customise with the tools you have learnt throughout this course. You will learnt the art of basic infographics, creating testimonials and creating round avatar images!.Sign up now!

Module II - Web 3.0 - All About Semantics Semester

  • Lesson 1 - Introduction to Web 3.0 - Part 1

    expand!

    In this lesson we use our Brackets.io application to create a webpage using new semantic HTML tags.Sign up now!

  • Lesson 2 - Introduction to Web 3.0 - Part 2

    expand!

    In this lesson we use our Brackets.io application to create a webpage using new semantic HTML tags. Sign up now!

  • Lesson 3 - HTML5 & CSS3 Extended - Part 1

    expand!

    In this lesson we get an introduction to new HTML semantic elements. We look at the progression of the web and also get used to our new application, Brackets.Sign up now!

  • Lesson 4 - HTML5 & CSS3 Extended - Part 2

    expand!

    In this lesson we get an introduction to new HTML semantic elements. We look at the progression of the web and also get used to our new application, Brackets. Sign up now!

  • Lesson 5 - Mobile First Design - Part 1

    expand!

    In this lesson we learn to start thinking like a Mobile First designer. We create a simple project to get us into the right mindset. Sign up now!

  • Lesson 6 - Mobile First Design - Part 2

    expand!

    In this lesson we learn to start thinking like a Mobile First designer. We create a simple project to get us into the right mindset. Sign up now!

  • Lesson 7 - Building a Portfolio Website - Part 1

    expand!

    In this lesson we review the 6 step design process with a focus on Testing and Delivery and Maintenance. We also learn about our fictional client, CSS. Sign up now!

  • Lesson 8 - Building a Portfolio Website - Part 2

    expand!

    In this lesson we review the 6 step design process with a focus on Testing and Delivery and Maintenance. We also learn about our fictional client, CSS. Sign up now!

Module III - Building with Bootstrap

  • Lesson 1 - The Bootstrap Framework - Part 1

    expand!

    In this lesson we gain an introduction to the Bootstrap framework. We create a simple webpage to demonstrate the 12 column Bootstrap grid.Sign up now!

  • Lesson 2 - The Bootstrap Framework - Part 2

    expand!

    In this lesson we gain an introduction to the Bootstrap framework. We create a simple webpage to demonstrate the 12 column Bootstrap grid. Sign up now!

  • Lesson 3 - Bootstrap Extended - Part 1

    expand!

    In this lesson we use a Bootstrap template to create a company page for a fictional client, CSS.There is also a demo of placing the site live on the web using the GoDaddy hosting provider. Sign up now!

  • Lesson 4 - Bootstrap Extended - Part 2

    expand!

    In this lesson we use a Bootstrap template to create a company page for a fictional client, CSS.There is also a demo of placing the site live on the web using the GoDaddy hosting provider. Sign up now!

  • Lesson 5 - The HTML Club 3.0 - Part 1

    expand!

    In this lesson we build and style our first advanced web design project, HTML Club 3.0. We are also introduced to external / linked styling. Sign up now!

  • Lesson 6 - The HTML Club 3.0 - Part 2

    expand!

    In this lesson we build and style our first advanced web design project, HTML Club 3.0. We are also introduced to external / linked styling. Sign up now!

  • Lesson 7 - Bootstrap Templates - Part 1

    expand!

    In this lesson we use a Bootstrap template to create a company page for a fictional client, CSS.There is also a demo of placing the site live on the web using the GoDaddy hosting provider.Sign up now!

  • Lesson 8 - Bootstrap Templates - Part 2

    expand!

    In this lesson we use a Bootstrap template to create a company page for a fictional client, CSS.There is also a demo of placing the site live on the web using the GoDaddy hosting provider. Sign up now!

Module IV - Working with WordPress

  • Lesson 1 - The WordPress Content Management System - Part 1

    expand!

    In this lesson we set up Wordpress on a local server. We look at the Wordpress backend and see how to add and edit themes using the Wordpress CMS. Sign up now!

  • Lesson 2 - The WordPress Content Management System - Part 2

    expand!

    In this lesson we set up Wordpress on a local server. We look at the Wordpress backend and see how to add and edit themes using the Wordpress CMS. Sign up now!

  • Lesson 3 - Editing Templates and Plugins - Part 1

    expand!

    In this lesson we look at Wordpress plugins. We also set up various analytical tools like Google Analytics with our Wordpress site. Sign up now!

  • Lesson 4 - Editing Templates and Plugins - Part 2

    expand!

    In this lesson we look at Wordpress plugins. We also set up various analytical tools like Google Analytics with our Wordpress site. Sign up now!

user!

Vinny Smith

Star Icon Star Icon Star Icon Star Icon Star Icon
Introduction to web development from Shaw Academy is a fantastic starting point for anybody that wants to enter into the web design/development arena. With interactive classes twice a week with the great option to answer questions interactively or email the tutor gives is s big plus! The interactive lessons are then put into the members area so you can watch over and over again - html/css/Java and backend/server you are not going to pick it up by just watching the video once!This course gives a great basic understanding into web development and looking forward to the last couple of lessons then the advanced course.

user!

Marios Valia Ampatzoglou

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