Web Designing course

About HTML5 & CSS3 Training:

HTML5 is everywhere, and is a technology that can no longer be ignored or treated as a mere extension of HTML4. HTML5 is a vast umbrella term for modern Front End Engineering, namely JavaScript, Markup, DeviceAPIs, and Styles. Almost anything you see in App Stores can now be created with pure HTML5.

Although we will cover some of the most exciting features of HTML5 such as geolocation, web sockets, local storage, Real Time Communications(Web Workers, Web Socket), File / Hardware Access(Native Drag & Drop, FileSystem APIs, Geolocation, Device Orientation and Speech Input), Semantics & Markup, Multimedia, Graphics (2D and 3D Effects) SVG and Canvas, the focus of the course will be to help people understand the core principles and best practices for creating websites and apps.

CSS3 is split up into “modules”. The old specification has been split into smaller pieces, and new ones are also added. Some of the most important CSS3 modules are Selectors, Box Model, Backgrounds and Borders, Text Effects, 2D/3D Transformations, Animations, Multiple Column Layout and User Interface

HTML5 & CSS3 Training Course Prerequisite:

♦HTML,CSS and JavaScript

♦HTML5 & CSS3 Training Course Objective

♦As we jump into the course, let me just give you the course objectives, the things that I’m trying accomplish here, and the first thing is to introduce you to HTML5, and really quite honestly, one of my objectives, HTML5 like everything that has to do with the web.

♦HTML5 is the ubiquitous platform for the web. Whether you’re a mobile web developer, an enterprise with specific business needs, or a serious game dev looking to explore the web as a new platform, HTML5 has something for you! HTML5 is making the web platform more powerful in a number of different areas.

HTML5 & CSS3 Training Course Duration

♦30 Working days, daily one and half hours

Introduction to WEB

→W3C and W3C Members


→What is Web?

HTML5 Intro


♦New Features and groups

♦Backward Compatibility

♦Why HTML5?

♦Power of HTML5:

♦m or mobi or touch

♦Common Terms in HTML5

HTML5 Syntax


♦Character Encoding:

HTML Basics


♦Parts in HTML Document
















♦HTML4 Drawbacks

Adobe Dreamweaver

♦Introduction of Adobe

♦Dreamweaver interface

♦Defining a Dreamweaver    site

♦Adding Content and

♦Tools in Dreamweaver

♦Template designing in

♦Editable and Non-editable    regions

♦Defining the DWT for

HTML5 Syntax


♦Character Encoding:

HTML 4.0 & 5.0

♦What is Markup Language

♦Basic Structure of HTML

♦Div and Table Tag

♦Form Tag

♦Form Attributes

♦POST and GET Method

♦Text Input, TextArea

♦Checkbox and Radio

♦Password Field

♦Select Option

♦File Field and Hidden

♦Submit and Reset

♦Creating a Live Website

♦Obsolete Elements/
   Deprecated Elements

HTML5 New Elements

♦New Semantic/Structural    Elements

♦ <article>

♦ <aside>

♦ <bdi>

♦ <details>

♦ <dialog>

♦ <mark>

♦ <meter>

♦ <progress>

♦ <ruby>

♦ <rt>

♦ <rp>

♦ <time>

♦ <wbr>


♦What is SVG?

♦SVG Advantages

♦Differences Between SVG    and Canvas

♦Comparison of Canvas and    SVG

HTML5 Canvas

♦What is Canvas?

♦Create a Canvas

♦Canvas Coordinates

♦Canvas – Paths

♦Canvas – Text

♦Canvas – Gradients

♦Canvas – Images

HTML5 Geolocation


♦Locating the User’s

♦Handling Errors and

♦The getCurrentPosition()

♦Geolocation object

HTML5 Drag/Drop


♦Make an Element

♦What to Drag?Where to

Drop us a line

Visit our office


H.no.8-3-903/F/1 ,
second floor,
Beside Image Hospital,
Above Post Office,
Ameerpet, Hyderabad,



4.5 rating