HTML5, CSS3 & Bootstrap - How to Create a Responsive Website

Learn how to create modern and dynamic HTML5 and CSS3 responsive Web site using Bootstrap elements.
4.2 (20 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,060 students enrolled
25% off
Take This Course
  • Lectures 32
  • Length 3.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

Ever wonder how to became successful web designer or web developer?

Everything starts with HTML and CSS, and it is very important to learn HTML5 and CSS3 elements so Web sites that you will build can be modern, and most important responsive and good looking.

Why choose this course:

  • This course is your beginning how to became a successful web designer and web developer.
  • You will learn HTML5 elements and how to include them on the Web site
  • You will learn how to combine HTML5 and CSS3
  • You will learn how to download Bootstrap and how to include elements in your Web site
  • You will learn how to make your Web sire responsive
  • I've created hundreds Web sites with HTML5 and CSS3 elements and I want to give you lots of great advices

At the end of the course, together we will build modern HTML and CSS3 responsive Web site with Bootstrap elements.

I will pass on tips that have helped me to become a successful web developer.

Presentation of the entire course at the end you can download in PDF format.

What are the requirements?

  • All you need is a little basic computer knowledge

What am I going to get from this course?

  • With HTML and CSS you can create your own Web site
  • Choose the right Bootstrap element and include them on the Web site
  • Create HTML5 Web site structure
  • Create powerful CSS3 classes for HTML5

Who is the target audience?

  • If you have your own Web site with or without CMS and it requires knowledge of HTML and CSS, this course is for you
  • Everyone who has little IT knowledge
  • This HTML5, CSS3 and Bootstrap course is for web designers and web developers at the beginning of their careers
  • Everyone who who wants to create websites for the clients

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction

Introduction to the course, a brief description of what is included and what you will learn


Select the program for writing HTML and CSS code


Definition of HTML and CSSA and simple example

Section 2: HTML

We are going to start creating HTML documennt, save that document, open it in browser, reade source code in browser


What are comments in HTML document and how to use comments


HTML headings elements and sizes, where to use specific size


What are paragraphs and where to use them in HTML document and website


HTML links elements, open link in new browser window, how to use link element on the website


How to use HTML img element, absolute and relative URL, image ALT and properties in HTML code


How to use HTML table on the website, elements of row and column


Type of HTML lists and how to use them in website


What are div tags and how to use them on the website, add styles to specific div tags


HTML5 elements and features, how to use HTML5 elements on the websites

Section 3: CSS

How to create external CSS file, inserting CSS styles in HTML document


What are IDs and classes, connecting specific ID or class with specific HTML element


We will show examples in our HTML file how to add specific style to HTML elements, on paragraph, link, div...


Whats new in CSS3, CSS3 property and values


We will show how to add CSS3 property to specific HTML5 element

Section 4: Bootstrap

What is Bootstrap framework, how to use Bootstrap elements in your web project


Including Bootstrap elements in HTML

Section 5: Let’s make a website with HTML5 and CSS3 on Bootstrap framework!

Preparing folder structure for creating a website


Creating header of the website, main navigation and place for logo


Creating header of the website, main navigation and place for logo


Creating Bootstrap slider with images


Creating Bootstrap slider with images


Inserting Bootstrap grids, elements and classes, HTML5 elements, text, images, video, buttons


Inserting Bootstrap grids, elements and classes, HTML5 elements, text, images, video, buttons


Inserting Bootstrap grids, elements and classes, HTML5 elements, text, images, video, buttons


Create HTM5 footer element with links from main navigation


Learn important responsive design rules, include elements in HTML and CSS for responsive web design


Important tips how to became successful web designer and web developer

19 pages

Simple presentation that we used for this course

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Ivan Martinez, PHP web developer

I'm a PHP web developer, over 10 years experience in the web design and web development of websites in WordPress, creating unique wordpress theme, web aplications in PHP, MYSQL and Javascript. I've created hundreds of websites for clients all over the world in the WordPress CMS and my effort and work has paid off.

Ready to start learning?
Take This Course