0
  • LOGIN

  • No products in the basket.

Overview

Overview

This fully online Web Design (HTML, CSS, Bootstrap) Complete Course provides a comprehensive foundation in modern web design. Starting with the essentials of HTML5 and CSS3, the course gradually introduces responsive design using Bootstrap. Learn to structure, style and format professional-looking websites. Put your skills into action through three engaging projects – a landing page, a business site, and a personal portfolio. Whether you’re starting from scratch or aiming to improve your web development knowledge, this course offers clear guidance and structured content, preparing learners for digital design success with confidence and creative flexibility.

Description

The Web Design (HTML, CSS, Bootstrap) Complete Course is designed to take learners through every essential step in creating modern, responsive websites. Begin your journey with HTML5, mastering how to structure content effectively. Move forward with CSS3 to style and format pages with visual appeal and strong design consistency.

With a solid grounding in HTML and CSS, learners will then transition into responsive development using Bootstrap. This section focuses on creating adaptable layouts and interactive elements that perform well across all devices. Each concept is presented in a simple, easy-to-understand format to support continuous progress.

To reinforce your knowledge, the course includes three full-scale projects: designing a stylish landing page, building a business website, and developing a portfolio. These projects help learners apply their coding skills and create a polished outcome. The course is ideal for beginners aiming to establish a strong foundation in web development. Fully online, it offers flexible access to learning at your own pace, helping you stay ahead in the ever-evolving digital space.

Learning Outcomes

  • Understand the fundamentals of web structure using HTML5 tags and attributes.
  • Apply CSS3 techniques to enhance design aesthetics and layout consistency.
  • Use Bootstrap to build responsive, mobile-first web pages efficiently.
  • Complete three structured projects: a landing page, business site, and portfolio.
  • Improve code readability, styling strategies, and visual presentation techniques.

Requirements

  • Computer or laptop with internet connection.
  • Basic computer and web navigation skills.
  • Free code editor like Visual Studio Code.

Career Path

  • Junior Front-End Developer
  • Web Design Assistant
  • Digital Content Editor
  • Email Template Designer
  • Website Maintenance Specialist

Certification

Once the Web Design (HTML, CSS, Bootstrap) Complete Course is successfully completed, the learner can obtain the PDF certificate without any cost. The hardcopy version of the certificate is also available for only £4.99. However, anyone ordering the hardcopy certificate from outside the United Kingdom may need to pay an additional delivery charge.

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.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:02: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
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

FAQS

Yes, our course is UK recognised and CPD certified.

You will have 14 days to revoke your Course purchase from your purchase date. Regrettably, refunds are not allowed after your purchase have been approved, and materials have been posted to the student’s dashboard or accessed.

We offer various payment options depending on the country and region of your account. When you wish to acquire a course, you could look at the several payment options:

  • • Go to the course home page and click ‘Take This Course’ after selecting the course you wish to take.
  • • You’ll end up on the Checkout page, where you can choose from a number of different payment choices (credit card, debit, deposit, or bank transfer).

There are no time constraints for starting or completing any course. You are free to begin any course at any time. Furthermore, as long as your account is in good standing and we own the copyright to the course, you’ll have access to it even after you’ve finished it.

COPYRIGHT © 2021 One Education

Oops! We could not locate your form.