• LOGIN
  • No products in the basket.

Course Overview

  • Understanding Web design & Development
  • What is HTML5
  • What is CS33
  • Understanding Bootstrap
  • Designing your very own website
  • Develop and launch your domain
  • Become a professional Web Designer & Developer

Course Content

Get to know the Course outline and the downloadable tools which are essential throughout the Web Designing module.

This module will cover all the essential materials which include in-depth knowledge on individual topics along with step by step interactive tutorials for you to learn how to build fully responsive websites which will look perfect on all small & wide screens.

Get to know all the tips & tricks up of date best practices to build a professional website. Topics such as using tags, creating links and sizing borders and images using HTML5 are included.

Introduction to HTML5

In this lesson, you will be introduced to HTL5. You will get insightful tips and tricks from the industry experts on how to start your Web Design journey using HTML5. You will also obtain a brief Idea on what to expect from the lessons ahead. 

What is HTML5

This lesson will provide the fundamentals of HTML5, What it is and how much importance it holds when it comes to building and designing modern-day websites.

Start a new HTML5 file & Use Tags 

In this module, you will learn the basics of how to create a new HTML5 file. And also be familiarised with the types of Tags and their use.

Header Tags

In this module, you will obtain comprehensive knowledge on header tags, how they can be used to create Titles and Headings through HTML5.

Edit Text 

In this module, you will gain comprehensive knowledge and skills in Text Editing. You will get insightful tips and tricks on how to edit and restructure text elements on a website

Links

In this module, after being familiarised with Header Tags and Text editing, this lesson will teach you how to create functioning embedded links on your website using tags and other functions.

Images

In this module, you will receive comprehensive knowledge of all the principles and multiple ways related to editing and inserting images on your website.

Lists 

In this module, you will receive detailed knowledge on how to create and store both word-based and numerical data in list form on your website.

Challenge 01

In this module, after having a general idea of Tags, Texts, Images and Lists, you will get the chance to apply the knowledge you have gathered in a hands-on practical challenge to implement all the things which have been covered in the previous lessons.

Outro

In this module, we will run down the topics which were covered in the previous modules

With an ending note on HTML5 and what to expect in the next Module.

This module will cover all the essential materials with in-depth knowledge on individual topics and step by step practical tutorials for you to learn to build fully responsive websites with CSS3 media queries making your websites perfect for responsive designs. Learn how to bring colour and life to your website. 

Introduction to CSS

In this lesson, you will be introduced to CSS. You will get insightful tips and tricks from the industry experts on how to start  Web Designing using CSS. You will also obtain a brief Idea of what to expect from the lessons ahead.

Add CSS styles

In this module lesson, you will receive comprehensive knowledge and skills on how to add CSS styles to your existing website. All the fundamentals and best practices regarding the topic will be discussed.

 

Classes & IDs

In this module, you will receive detailed lessons on the topic of Classes & IDs through CSS. Gain extensive knowledge on what they are and how to use them effectively.

Borders

In this module, you will receive detailed knowledge on the topic of Borders. The lesson will walk you through adding borders effectively on your website.

Sizing

In this module, after being familiarized with borders and how they are used. You will gain extensive knowledge and skill in sizing different elements and functions within your website.

Padding & Margin

In this lesson, after gathering the knowledge on Border and Sizing you will receive information on sizing elements in-depth. Learn to control spaces around an element’s border, also the spaces between the border and the element’s content effectively. 

 

Text Styles

In this module, you will receive detailed lessons on the topic of Text Styles. Gain extensive knowledge on the different types of text styles available and how they can be of use in your website.

DIVs

In this module, you will receive detailed lessons on the topic of DIVs. Gain thorough knowledge on what they are and how it is used to define parts of a document on your website. Learn how to use DIV containers effectively.

Positioning

In this module, you will receive comprehensive knowledge on how to ideally position all your elements on your functioning website. Get to know the best practices to avoid bugs and optimise your site. 

Hover

In this module, you will learn how to use the Hover function effectively. You will obtain the skill to manipulate how certain elements on your website will react as a mouse cursor hovers over them. 

Easily Center Elements

In this module, you will receive comprehensive knowledge on the best practices to consider individual elements on your website and centre them at ease 

Fonts

In this module, you will receive detailed lessons on the topic of Fonts. Gain extensive knowledge of the different types of available fonts and how they can be used on your website.

Challenge 2

In this module, after having a general idea on Classes, Sizing, Hover, Fonts etc. You will get the chance to apply the knowledge you have gathered in a hands-on practical challenge to implement all the things covered in the previous lessons regarding CSS.

CSS Outro

In this module, we will run down the topics which were covered in the previous modules

With an ending note on CSS and what to expect in the next Module.

This module will cover all knowledge and tutorial-based materials which will cover topics about the Bootstrap framework. It is important to understand the Bootstrap framework to start a website designing project. Get to know all the tips & tricks up to date best practices to build a professional website. Topics such as installing bootstrap, Indenting & Containers, The Grid System and more are to be covered.

Introduction to Bootstrap

In this module, you will be introduced to Bootstrap. You will get insightful tips and tricks from the industry experts on how to Design Websites using BootStrap. You will also obtain a brief Idea of what to expect from the lessons ahead.

Bootstrap Installation

In this module, you will receive a comprehensive step by step guide on how to install Bootstrap on your device

Indenting and Containers
In this module, you will obtain comprehensive knowledge on how to set up the content’s margins dealing with your layout’s responsive behaviour. How to create boxed contents on your grid system will also be covered.

The Grid System

In this module, you will obtain comprehensive knowledge and skills based on the Grid System. Learn the best practices of using a series of containers, rows, and columns to layout and align content on your website.

Images

In this module, you will receive extensive knowledge of all the principles and multiple ways related to editing and inserting images on your website effectively.

Buttons

In this module, you will obtain a general understanding of all the ways to choose and place buttons on your website effectively.

Challenge 3

In this module, after having a general idea of the Grid system, Images, Buttons, Containers etc. You will get the chance to apply the knowledge you have gathered in a hands-on practical challenge to implement all the things covered in the previous lessons regarding Bootstrapping.

Bootstrap Outro

In this module, we will run down the topics which were covered in the previous modules

With an ending note on Bootstrap and what to expect in the next Module.

This tutorial will cover all aspects of creating a landing page from scratch. The initial stages of creating a draft sketch, designing the top section, adding images and other assets to your domain. By the end of this module, you will have your very own website ready to go.

This tutorial will cover all aspects of creating a Business based website from scratch. Starting from creating a portfolio sketch, Jumbotron, Navbar and many more design assets will be covered. By the end of this module, your business website will functional and active 

In this tutorial based module, the focus is on creating an ideal Portfolio for yourself. Topics such as Hosting, Bluehost & Uploading will be included.
 

Course Curriculum

Welcome
1.1 Intro 00:03:00
1.2 Install the Tools and Get Started 00:05:00
HTML 5
2.1 Intro to HTML 00:01:00
2.2 What is HTML 00:11:00
2.3 Start a New HTML File & Use Tags 00:12:00
2.4 Header Tags 00:05:00
2.5 Edit Text 00:09:00
2.6 Links 00:09:00
2.7 Images 00:10:00
2.8 Lists 00:04:00
2.9 Challenge 1 00:16:00
2.10 HTML Outro 00:01:00
CSS 3
3.1 CSS Intro 00:04:00
3.2 Add CSS Styles 00:16:00
3.3 Classes and IDs 00:07:00
3.4 Borders 00:06:00
3.6 Padding and Margin 00:07:00
3.7 Text Styles 00:04:00
3.8 DIVs 00:08:00
3.9 Postioning 00:08:00
3.10 Hover 00:03:00
3.11 Easily Center Elements 00:03:00
3.11 Easily Center Elements 00:03:00
3.13 Challenge 00:23:00
3.14 CSS Outro 00:01:00
Bootstrap
4.1 Intro to Bootstrap 00:02:00
4.2 Install Bootstrap 00:10:00
4.3 Indenting and Containers 00:07:00
4.4 The Grid System 00:16:00
4.5 Images 00:07:00
4.6 Buttons 00:06:00
4.7 Challenge 3 00:11:00
4.8 Bootstrap Outro 00:01:00
Project 1 - Design a Landing Page
5.1 Landing Page Intro 00:01:00
5.2 Sketch Your Landing Page 00:05:00
5.3 The Top Section 00:16:00
5.4 Polish the Top Section 00:06:00
5.5 Adding Images 00:11:00
5.6 The Main Points Section 00:14:00
5.7 Collecting Emails With an Opt-In Form 00:11:00
5.8 Challenge 4 00:03:00
5.9 Landing Page Outro 00:02:00
6.1 Business Site Intro 00:01:00
6.2 Sketch Up 00:03:00
6.3 Using Fancy Font Logo 00:07:00
6.4 Carousel Basics 00:10:00
6.5 Carousel Extras 00:09:00
6.6 Text on Images 00:15:00
6.7 Phone Number Icon 00:04:00
6.8 Google Maps 00:13:00
6.9 Font Awesome 00:09:00
6.10 Challenge 4 00:08:00
6.11 Business Site Outro 00:01:00
Project 2 - Business Website
7.1 Intro 00:01:00
7.2 Portfolio Sketch 00:08:00
7.3 Jumbotron 00:10:00
7.4 Nav Bar 00:24:00
7.5 Panels 00:11:00
7.6 Challenge 5 00:13:00
7.7 Portfolio Outre 00:01:00
Project 3 - Portfolio
8.1 Hosting 00:01:00
8.2 Bluehost 00:06:00
8.3 Uploading 00:05:00
8.4 Tips 00:11:00
8.5 Hosting Outro 00:01:00

Course Reviews

Reviews

7 Reviews Available
Lola Bond
Lola Bond
Student
Read More
The course costs £7.99 each month; however, the first four weeks are free. Try it out with the free sessions, and I'm sure you'll end up subscribing as I did!
Poppy Whitehouse
Poppy Whitehouse
Student
Read More
Keep up the incredible work, Visio Learning. Your classes have blown me away, and I will definitely be taking more.
Shannon Kent
Shannon Kent
Student
Read More
Thank you very much, Visio Learning, for providing students with such excellent opportunities. I've picked up several new talents that have proven to be helpful in my professional life.
Anthony Fisher
Anthony Fisher
Student
Read More
I can't tell you how much this course taught me! There are over 500 courses available on Visio Learning, and I'm going to subscribe for more.
Tyler Mitchell
Tyler Mitchell
Student
Read More
I highly encourage everyone not to squander time and take advantage of Visio Learning's fantastic learning opportunities.
Amy Dean
Amy Dean
Student
Read More
I had no idea that an online course could teach me so much! I'm glad I subscribed for this course.
Jennifer Winter
Jennifer Winter
Student
Read More
I'm glad for the chance to study under world-class educators. Thank you so much, Visio Learning!
Kate Dobson
Kate Dobson
Student
Read More
"I paid £7.99 for a monthly subscription to this course, and trust me, and it's well worth it! This course has taught me so much. "
David Law
David Law
Student
Read More
I'm thrilled to have the chance to learn from world-class professors! It went above and beyond my expectations. I strongly advise everyone to give it a shot.
Leon Davey
Leon Davey
Student
Read More
The course is a wealth of information! I thoroughly enjoyed every moment of it. Strongly recommend!
Sienna Simpson
Sienna Simpson
Student
Read More
Visio Learning offers student help 24/7 students support, and that's amazing! I could contact them with any questions or concerns I have, and they were always willing to help.
Lucas Coleman
Lucas Coleman
Student
Read More
What a fantastic course! I started for free for the first month and couldn't stop myself from subscribing! Highly recommend.
Sienna Leonard
Sienna Leonard
Student
Read More
The top educators are unquestionably found at Visio Learning. I can't express how thorough the instructor was in each lesson, and I could pick up a lot of information.
Abbie Hayward
Abbie Hayward
Student
Read More
"I discovered this website through a friend and joined in the free trial course for the first month. I couldn't resist subscribing for £7.99 each month. It's my third month with them, and I'm having a great time! "
Kyle Pearson
Kyle Pearson
Student
Read More
I had no idea that an online course could provide me with so much information! I appreciate it.
Matthew Thomson
Matthew Thomson
Student
Read More
The instructor was great! I was blown away by how expertly he explained the complex topics.
Olivia Lee
Olivia Lee
Student
Read More
I can't express how fantastic the courses Visio Learning provides. The £7.99/month subscription charge is insignificant when compared to the training quality. I've taken a lot of courses from them, and they've all been great!
Liam Whittaker
Liam Whittaker
Student
Read More
I had previously taken a few online courses that did not match my expectations. I'm delighted I discovered Visio training. It provided me with the most beneficial learning experience. The 24/7 student support helped me immensely with my inquiries.
Faith Sharpe
Faith Sharpe
Student
Read More
"This course was quite beneficial to me. Everyone should give it a try, in my opinion. You may cancel your subscription at any time, but I bet you won't since you'll be delighted by the great classes. "
Jayden Carr
Jayden Carr
Student
Read More
I am a person who is always willing to learn new skills. I took a bunch of online courses, but none of them lived up to my expectations. Thank you for your excellent classes, Visio Learning. They've been quite helpful in expanding my skill set.
Muhammad Field
Muhammad Field
Student
Read More
Excellent classes at a fair price for a subscription. Truly recommend!
Ryan Barry
Ryan Barry
Student
Read More
The instructor was upfront and knowledgeable. His instructions revealed his intelligence. I gained a lot of knowledge and am grateful for the fantastic learning experience.
Brandon Vincent
Brandon Vincent
Student
Read More
In my perspective, they deliver knowledge with care. They were incredibly accommodating anytime I needed help with the courses or anything else. All of my doubts were dispelled. Thank you very much!
Hannah Bates
Hannah Bates
Student
Read More
"The training I took from them was beneficial in terms of bolstering my CV with new skills. Keep up the great work, Visio Learning! "
Ellis Swift
Ellis Swift
Student
Read More
Thank you so much for the fantastic lessons and welcoming environment, Visio Learning. Access to your classes at any time helped me immensely in learning at my own pace.
Previous
Next

Certifications

Get accredited certificates

New skills

Add skills to your CV

Exams

Test your skills

Dedicated Support

for any questions

Set your own speed

Self-paced learning

Enjoy first month free

Start for free