Preview HTML5 and CSS3 - the basics of Web Development - to design your own responsive websites

Back

Welcome to the Course!

Introduction to the course

Best Coding Editor & Sublime Setup

What is HTML ?

Basics - HTML Elements

HTML document structure

Mini Quiz #1

HTML elements - b, i, strong, center

HTML elements - br, hr, h1-h6 heading

Mini Quiz #2

HTML elements - u, p, img tag

HTML elements - ul, li, and ol

Project #1 - HTML text site

HTML elements-Div tag

Mini Quiz #4

quiz 1

Mini Quiz #5

2 Module

HTML Tables Elements

HTML Elements - table, tr, td, th

Create a simple Calendar using Table Element

HTML Form Elements

Radio Buttons, Text box

Mini Quiz #1

Select, Option, Text Area

Checkbox, File, Password, Buttons

Mini Quiz #2

Project #2 - Create a Enquiry Form

quiz 2

3 Module

Introduction to Cascading Style Sheets (CSS)

What is CSS & Types of CSS

External CSS (How to connect CSS file to HTML Page)

CSS Selectors

width, height, background-color, float

font-size, font-weight, color, font-style

Text-align, text-decoration, text-transform, word-spacing

Project #3 - Create a Modern Web Page using HTML & CSS

Working With CSS Hover effect

letter-spacing, border, border-left, border-right, border-top, border-bottom

margin, margin-left, margin-right, margin-top, margin-bottom

Padding

background-Image, background-repeat

Project - Create Professional Website

Professional Project Part-1

Professional Project Part-2

Professional Project Part-3

CSS Clear Concpet

Full Width Website

Full Width Website Concept

Professional Project#2 Full Width Website

One Page Website

One Page Website Concept

CSS (Background Fixed, Background Transparent, Background Cover)

Creating Your Own One Page Website Project

Advanced CSS

CSS Pseudo-classes

CSS Display (Block, inline-block, Table)

CSS Display (None/block)

CSS Flexbox Property

Project# Creating Basic navigation menu

CSS Positioning

Position (Relative & Static)

Position (Absolute)

Position (Fixed)

Z-index in CSS

Drop Down Menu

Drop Down Menu ui, li

Multilevel Drop Down Menu

Css Variable in Css

4 module

quiz 1

CSS Assignment

CSS3 Introduction & Properties

What is CSS3?

CSS3 browser Support

CSS3 Border Radius

CSS3 Border Image

CSS3 Multiple Background Image

CSS3 Overflow Property

CSS3 Opacity, Visibility

CSS3 Shadows(Text & Box)

CSS3 Box Sizing, Filters

CSS3 Animations Part1

CSS3 Animations Part2

CSS3 Transitions

CSS3 Transform (Scale, Translate)

CSS3 Transform (Skew, Rotate)

Translate Exmaple

Rotate Example

CSS3 Gradients (Linear,Radial)

CSS Google Fonts

Setup Custom Fonts with CSS & @font-face

CSS3 Multi-column Layout

Changing Column Width Bases on Screen Size (Media Queries)

CSS Responsive Card Layout with Flexbox & Media Queries

5 MODULE

CSS Assignment 2

Introduction to HTML5 & Elements

HTML-5 Introduction

HTML-5 Simantic Elements

HTML5 TagsElements (Header,Section,Main,Article,Aside,nav,Footer)

HTML5 TagsElements (Details,summary)

HTML5 TagsElements (Figure figcaption)

HTML5 TagsElements (Output)

HTML5 TagsElements (Meter Tag)

HTML5 TagsElements (Dialog Tag)

HTML5 Video Tag

HTML5 Audio Tag

Web Storage Introduction

HTML5 Local storage with JavaScript

HTML5 Session storage with JavaScript

Drag and Drop Elements in HTML

HTML5 Form Input (date,email,time), HTML5 Form Input (color,number,tel), HTML5 Form Input (month,url,range), HTML5 Form Input (m

HTML5 form Attribute

HTML5 datalist Tag

Draw The Shape Rectangle using Canvas

Draw the Line in HTML5

Add Text using HTML5 Canvas

Draw image in HTML5 Canvas

Add Shadow using Canvas

All websites.

Preview - HTML5 and CSS3 - the basics of Web Development - to design your own responsive websites