Course Library View the full range of courses
Accounting (145 courses)
Language (67 courses)
Teaching & Education (37 courses)
Health and Social Care (138 courses)
Management (539 courses)
IT & Software (123 courses)
Employability (1043 courses)
Personal Development (1439 courses)
| Welcome | |||
| 1.1 Intro | FREE | 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.5 Sizing | 00:04: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.12 Fonts | 00:06: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 | ||
| Project 2 - Business Website | |||
| 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 3 - Portfolio | |||
| 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 | ||
| Hosting - Getting Your Website on the Internet | |||
| 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 | ||
| Assignment | |||
| Assignment – Web Design With HTML5, CSS3 And Bootstrap | 2 weeks, 1 day | ||
| Order Your Certificate | |||
| Order your Certificate QLS | 00:00:00 | ||
Can’t find the anwser you’re looking for ? Reach out to customer support team.
HTML5 is a markup language used to structure content and elements on websites.
CSS3 is used to style websites, including colours, layouts, fonts, and visual designs.
Bootstrap is a framework that helps create responsive and mobile-friendly websites faster.
You will learn website structure, styling, responsive design, and Bootstrap components.
Yes. It is designed for beginners with no previous coding experience.
Yes. You will learn the skills needed to create basic professional websites.
No. Basic computer knowledge and interest in web design are enough.
It ensures websites display properly on phones, tablets, and computers.
They are used in creating websites, web applications, and digital platforms.
Yes. It provides foundational skills for entry-level web design roles.
Yes. You can progress into JavaScript, advanced development, UX/UI, or software engineering.
Career opportunities include Web Designer, Front-End Developer (Entry Level), UI Design Assistant, Website Content Manager, Digital Marketing Assistant, Freelance Web Designer, Website Administrator, and Junior Web Developer.