Web Design (HTML, CSS, Bootstrap) Complete Course
Overview This fully online Web Design (HTML, CSS, Bootstrap) Complete Course provides a comprehensive foundation in modern web design. Starting …
230 Students
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.
Web Design (HTML, CSS, Bootstrap) Complete Course Course Reviews
An outstanding online course with clear explanations and practical examples. I could study at my own pace and still feel fully supported throughout. It’s truly boosted my confidence and career prospects
The course was well-structured, engaging, and easy to follow. The flexibility made it perfect alongside my full-time job. I’ve gained valuable, real-world skills that I can apply immediately.
Excellent learning experience from start to finish. The content was professional, up-to-date, and highly relevant. I would highly recommend it to anyone looking to upskill online.
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 | ||
Frequently Asked Questions
Yes, Discover Training provides accredited and CPD-certified courses, ensuring learners receive recognised qualifications that support career progression and professional compliance.
Anyone can enrol, including students, professionals, job seekers, career changers, and organisations. Most courses do not require previous experience, making them accessible to learners at all levels.
Discover Training offers courses across multiple sectors, including business, health and safety, compliance, leadership, IT, personal development, and professional skills training.
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.
Yes, learners receive a downloadable digital certificate upon successful completion, suitable for CPD records, CVs, and professional portfolios.
-
Number of Units:
66 -
Access:
1 Year -
Duration:
8 hours, 6 minutes -
PDF Certificate
Included
