
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
+
-
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.
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.
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.
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.
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.
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.
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.
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
+
-
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.
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.
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.
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.
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!
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!
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.
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
+
-
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.
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.
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.
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.
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.
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.
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.
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
+
-
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.
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.
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.
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.
4.9
4.8