- Home
- Course
- IT & Software
- Web Design (HTML, CSS, Bootstrap) Complete Course
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 …
( 10 Reviews )
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.
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
In the UK, the social care system is mainly managed by the local councils. People are directly employed by the councils. They often work together with the health commissioners under joint funding arrangements. Some people work for private companies or voluntary organizations hired by local councils. They help the local councils with their personal social services.
In the UK, the social care system is mainly managed by the local councils. People are directly employed by the councils. They often work together with the health commissioners under joint funding arrangements. Some people work for private companies or voluntary organizations hired by local councils. They help the local councils with their personal social services.
In the UK, the social care system is mainly managed by the local councils. People are directly employed by the councils. They often work together with the health commissioners under joint funding arrangements. Some people work for private companies or voluntary organizations hired by local councils. They help the local councils with their personal social services.
In the UK, the social care system is mainly managed by the local councils. People are directly employed by the councils. They often work together with the health commissioners under joint funding arrangements. Some people work for private companies or voluntary organizations hired by local councils. They help the local councils with their personal social services.
In the UK, the social care system is mainly managed by the local councils. People are directly employed by the councils. They often work together with the health commissioners under joint funding arrangements. Some people work for private companies or voluntary organizations hired by local councils. They help the local councils with their personal social services.
14-Day Money-Back Guarantee
-
Number of Units:
66 -
Access:
1 Year -
Duration:
8 hours, 6 minutes -
PDF Certificate
Included
https://discovertraining.net/wp-content/uploads/2022/05/discover-training-logo.webp
COPYRIGHT © 2021 One Education
Oops! We could not locate your form.