Creative Web Design with HTML5, CSS3 and Bootstrap
Overview In this comprehensive course, you will master the art of modern web design using HTML5, CSS3, and Bootstrap. From …
6 Students
Overview
In this comprehensive course, you will master the art of modern web design using HTML5, CSS3, and Bootstrap. From structuring your web pages with HTML5 to styling them with advanced CSS3 techniques and optimizing for mobile responsiveness using Bootstrap, you will learn everything you need to create visually appealing and functional websites. Through hands-on projects and practical exercises, you’ll gain the skills to unleash your creativity and build stunning websites that meet industry standards.
Learning Outcomes
- Master HTML5 semantics and structure web pages effectively.
- Implement advanced CSS3 styling techniques for modern designs.
- Develop responsive websites using Bootstrap's grid system.
- Optimize web performance and user experience across devices.
- Create visually appealing web interfaces with modern design principles.
What Will Make You Stand Out?
On Completion of this online course, you’ll acquire:
- CPD QS Accredited Course.
- Upon Course Completion, Earn a Complimentary PDF and a hard copy Certificate to Showcase Your Enhanced Skills.
- Lifetime access.
- 24x7 Tutor Support.
- Complete the course at your own pace.
Description
This course is designed for aspiring web designers and developers looking to enhance their skills in creating dynamic, responsive, and aesthetically pleasing websites. Starting with the fundamentals of HTML5, you will learn to structure content and integrate multimedia elements seamlessly. Moving on to CSS3, you’ll explore advanced styling techniques such as animations, flexbox layouts, and custom properties to create polished designs. You’ll then dive into Bootstrap, a popular front-end framework, to streamline your development process and ensure your websites are fully responsive and mobile-friendly.Throughout the course, you’ll apply your knowledge through hands-on projects, including designing a portfolio website and a responsive landing page. By the end, you’ll have the confidence and expertise to create professional-grade websites that not only look great but also function flawlessly across various devices and screen sizes.
Who is this course for?
This course is ideal for beginners and intermediate learners aspiring to become proficient web designers. It’s suitable for anyone looking to expand their skills in HTML5, CSS3, and Bootstrap to create modern, responsive websites for personal projects or professional portfolios.
Requirements
Participants should have basic knowledge of HTML and CSS. Familiarity with web design principles and a text editor (such as Sublime Text or VS Code) is recommended. Access to a computer with internet connectivity is necessary for accessing course materials and completing assignments.
Certification
Upon successful completion of the Creative Web Design with HTML5, CSS3 and Bootstrap course, learners can obtain both a PDF certificate and a Hard copy certificate for completely FREE. The Hard copy certificate is available for a nominal fee of £3.99, which covers the delivery charge within the United Kingdom. Additional delivery charges may apply for orders outside the United Kingdom.
Career Path
- Junior Web Designer
- Front-end Web Developer
- Freelance Web Designer/Developer
- UI/UX Designer
- Digital Marketing Specialist
Creative Web Design with HTML5, CSS3 and Bootstrap 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
- Item added to cart