• LOGIN
  • No products in the cart.

Login

Level
Level 3 - Diploma

Units
67
Duration
15.21 Hours

GET LIFETIME ACCESS TO THIS COURSE AND 2500+ OTHER COURSES FOR ONLY £99. FIND OUT MORE

Course Description​

In the dynamic world of digital creativity, Web Design and HTML5 have consistently stood out as transformative forces, revolutionizing how users interact with online content. Over the years, numerous innovations have been introduced, coupled with the power of HTML5, which remains foundational in shaping online experiences.

Web Design has experienced monumental shifts, moving from the static pages of the past to the dynamic, responsive designs of today. The metamorphosis in this space is largely credited to technologies like HTML5. This iteration of HTML has infused life into web content, making sites not only visually appealing but also functionally robust. HTML5 together have redefined user interaction, ensuring fluidity across varying devices and screen sizes and making browsing a seamless experience.

A significant milestone in the journey of Web Design and HTML5 was the widespread adoption of semantic elements. HTML5 introduced these to improve the structure and readability of content. Web Design leveraged this to craft layouts that were not just visually striking but also content-rich, elevating user engagement to unprecedented levels. As we look ahead, the alliance between Web Design and HTML5 promises continued innovation, setting benchmarks in digital creativity and user experience.

Learning outcome

  • Acquire in-depth knowledge of HTML5, CSS3, and Bootstrap.
  • Design responsive websites tailored for all device types.
  • Implement modern design principles in web projects.
  • Construct a variety of website styles using hands-on projects.
  • Understand the nuances of hosting and website deployment.
  • Stay updated with the latest web design techniques.

Requirements​

  • Familiarity with basic computer operations.
  • Passion for design and creativity.
  • Reliable internet connection for content access.

Why should I take this course?

  • Stay updated with cutting-edge web design trends.
  • Boost your portfolio with proficiency in HTML5, CSS3, and Bootstrap.
  • Create responsive websites adaptable to any device.
  • Receive a certificate boosting your professional credibility.
  • Engage in real projects, enhancing design skills.
  • Access clear, structured, and engaging content.
  • Open doors to a lucrative career in web design.

Career Path

  • Web Designer
  • Front-End Developer
  • UI/UX Designer
  • Responsive Design Expert
  • Web Design Consultant
  • Freelance Web Designer

Course Curriculum

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
Order Your Certificate
Order Your Certificate 00:00:00

Don't just take our word for it

Select your currency