DIPLOMA IN
WEB DESIGN
—
Online Web Design Course
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!
791,021 Successful Graduates
8 Interactive Lessons
4 Weeks Long
- Course Details
- Course Reviews
Module I - Introduction
8 Interactive Lessons
Weekly Assignments + Fun Quizzes
If you miss a lesson, you can always view the recordings later.
Lesson 1 - Introduction to Web Design
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!
Lesson 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 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.
Lesson 3 - Planning A Website
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 wireframes, colour theory, and website layout techniques.
Lesson 4 - Responsive Web Design & CSS Tricks
The main focus of this lesson is what is known as Responsive Web Design, this is the standard of modern web design. This means that we develop a single website that will fit to any screen size. We will see how CSS is used to make this happen by using Media Queries to test screen sizes and apply specialised styling.
Lesson 5 - Digital CV Part 1
Lesson 6 - Digital CV Part 2
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!.
Lesson 7 - Digital CV Part 3
In this lesson it is finally time to create your portfolio gallery in 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!.
Lesson 8 - Digital CV Part 4
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!.
Module II - Web 3.0 - All About Semantics Semester
Week 1: Introduction To Web 3.0
Week 2: HTML5 & CSS3 Extended
In our second week we will be looking at more features of HTML and CSS. We will create a number of small projects to demonstrate the functionality of these new features.
Week 3: Mobile First Design
In these lessons we will be discussing principals of Mobile First Design. You will be training to think like a mobile first designer and we will put this to practical use by creating a landing page with mobile first design principles.
Week 4: Building A Portfolio Website
In this week we will be building a portfolio website using HTML5 and CSS3. We will be taking all the knowledge gained from the previous weeks to develop our pages with Web 3.0 and mobile first principles at the forefront.
Module III - Building with Bootstrap
Week 1: The Bootstrap Framework
Week 2: Bootstrap Extended
In our second week we will be looking at more features of Bootstrap. We will have a number of small projects to demonstrate the functionality of these new features.
Week 3: The HTML Club 3.0
In this week we will be merging mobile first design with our new found Bootstrap skills to create an extended version of our HTML Club project. This project will make use of a number of Bootstraps features and demonstrate how frameworks can be used to speed up the development of mobile first websites.
Week 4: Bootstrap Templates
Not all projects need (or can) be started from a blank editor. In these lessons we will be looking at the Bootstrap templates available to designers. We will use one of these templates to create a small company website to further demonstrate how quickly we can get to finished project using frameworks and templates.
Module IV - Working with WordPress
Week 1: The WordPress Content Management System
A Content Management System is one of the greatest resources available to a web designer. A content management system can take on the role of skills you have yet to acquire and WordPress is the most popular CMS available on the web. In this lesson we will be looking at various ways to incorporate and set up the WordPress CMS on our local machines and online servers.
Week 2: Editing Templates And Plugins
In this lesson we will be exploring WordPress themes and plugins. We will be learning how to use these effectively and how to keep your site up-to-date.
Week 3: Advanced Templates And Plugins
In our third week we will be exploring how to edit existing themes and plugins. We will also be exploring how to make our own themes and basic plugins for our WordPress developments.
Week 4: Building A Company Website
In our final week we will be building an ecommerce company website using the WordPress CMS. This development will follow the six step design process and make use of a range of skills acquired throughout this course.
Vinny Smith
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.
Marios Valia Ampatzoglou
I just started the advanced Web design course. I'm so excited! My husband took 3 certificates from Shaw Academy in the past.
Technology > Online Web Design Course
