Html5 Css3 Complete For Beginners

  1. Home
  2. Web-design
  3. Html5 Css3 Complete For Beginners

Tags: Web Design

Learn to Build (RWD) Responsive Websites with HTML5 & CSS3

Last updated 2022-01-10 | 4.2

- You will learn to build websites from scratch with HTML5 & CSS3
- Write clean code
- which is readable and easy to edit and maintain
- Learn all the fundamentals of coding a complete website from scratch

What you'll learn

You will learn to build websites from scratch with HTML5 & CSS3
Write clean code
which is readable and easy to edit and maintain
Learn all the fundamentals of coding a complete website from scratch
Learn how to create custom wireframes before building a website
Learn how to make images and other components of a webpage responsive
You will learn to create reusable snippets using the DRY (Don't Repeat Youself)
You will learn to create custom layouts for any website
Create custom beautiful dropdown menus with in-depth linking
Create image slideshow with easy to use jQuery plugins
Customize and style your website with CSS and make site responsive
You will learn to integrate HTML5 Audio
Video and Google Maps
Create advanced HTML5 forms for collecting user information
Add HTML5 Forms validation to validate user data
Create nested links within the content to build internal links
Connect multiple pages together to work as a complete HTML5 Website
Create Custom CSS3 Animations within the HTML5 website
Build RWD (Responsive Web Design) web pages for mobile usability
Create products within the HTML5 page with a custom CSS3 layout
Add services to your HTML5 and CSS3 website

* Requirements

* Basic Computer Skills

Description

  • You will learn to build websites from scratch with HTML5 & CSS3
  • Write clean code, which is readable and easy to edit and maintain
  • Learn all the fundamentals of coding a complete website from scratch
  • Learn how to create custom wireframes before building a website
  • Learn how to make images and other components of a webpage responsive
  • You will learn to create reusable snippets using the DRY (Don't Repeat Youself)
  • You will learn to create custom layouts for any website
  • Create custom beautiful dropdown menus with in-depth linking
  • Create image slideshow with easy to use jQuery plugins
  • Customize and style your website with CSS and make site responsive
  • You will learn to integrate HTML5 Audio, Video and Google Maps
  • Create advanced HTML5 forms for collecting user information
  • Add HTML5 Forms validation to validate user data
  • Create nested links within the content to build internal links
  • Connect multiple pages together to work as a complete HTML5 Website
  • Create Custom CSS3 Animations within the HTML5 website
  • Build RWD (Responsive Web Design) web pages for mobile usability
  • Create products within the HTML5 page with a custom CSS3 layout
  • Add services to your HTML5 and CSS3 website

Course content

7 sections • 50 lectures

Introduction 4 lectures

Introduction to HTML5 & CSS3 Preview 00:59

What you will need? Preview 00:53

Installing VS Code Preview 01:27

Hello, World! Preview 01:56

Tags in HTML5 9 lectures

Document Structure in HTML5 Preview 03:17

HTML5 Basics Preview 01:53

Headings & Paragraphs Preview 01:39

Text Formatting Preview 03:37

Links in HTML5 Preview 02:13

Nested Links in HTML5 Preview 03:20

Lists in HTML5 Preview 02:33

Working with Images Preview 02:49

Tables in HTML5 Preview 03:42

HTML5 Forms 4 lectures

Forms in HTML5 Preview 03:14

Creating a Contact Form Preview 02:54

Creating a Login Form Preview 02:30

Creating a Registration Form Preview 05:11

HTML5 Media 5 lectures

Grouping Elements Preview 02:13

HTML5 Media Tags Preview 02:01

IFrames in HTML5 Preview 04:08

Figure Tag in HTML5 Preview 00:53

Collapse Elements with Details Tag Preview 02:02

HTML5 Website Structure 7 lectures

Creating The Header Preview 02:36

Creating Nav Menu Preview 01:21

Creating The Banner Preview 01:35

Adding Content to Page Preview 01:38

Creating The Sidebar Preview 01:36

Building Page Footer Preview 03:24

Adding Copyright Preview 00:55

CSS & CSS3 Essentials 6 lectures

Inline CSS Preview 02:41

Internal CSS Preview 02:04

External CSS Preview 01:31

Box Model in CSS Preview 03:07

Targeting Elements in CSS Preview 06:10

Designing with Box Model Preview 04:47

Website Project HTML3 & CSS3 15 lectures

Building The Container Preview 04:00

Building The Website Header Preview 03:38

Creating The Nav Bar Preview 04:24

Making Drop-Down Menu Preview 03:17

Creating Image Slider Preview 04:04

Making Content Holder Preview 03:23

Creating Sidebar Preview 03:21

Making Footer Preview 08:49

Creating About-us Page Preview 02:16

Creating Services Pages Preview 03:50

Building The Products Page Preview 08:57

Building Contact Page Preview 04:27

Adding Nav-Menu Preview 03:43

Responsive Design (RWD) Explained Preview 03:54

Animation with CSS3 Preview 06:51