HTML5 CSS3 Training Course Content

Spread the love

HTML5 CSS3 Training Course Content Details

What is html5css3

HTML5 and CSS3 have sweptback the net by storm in exactly two years. Before them there are several altered linguistics within the approach net designers square measure expected to form sites, and with their arrival come back a slew of awing supports like different media, XML-style tags, and progressive input attributes for net designers to realize dreamy options like animation.HTML5 Training in hyderabad kukatpally
To finish off this basic stencil layout we are able to use many CSS designs. within the basic HTML5 guide I accessorial associate external CSS stylesheet therefore we are able to keep our code areas separated. this may clear up lots of confusion within the long-standing time once your pages and designs begin to run on for various pages. for more info click here



HTML5 CSS3 Course Content

01.HTML5 Intro

  • HTML5 HISTORY
  • New Features and groups
  • Backward Compatibility
  • Why HTML5?
  • Power of HTML5:
  • m or mobi or touch domains
  • Common Terms in HTML5

02.HTML5 Syntax

  • The DOCTYPE:
  • Character Encoding:

03.Obsolete Elements/Deprecated Elements

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <isindex>
  • <noframes>
  • <s>
  • <strike>
  • <tt>
  • <u>
  • <xmp>

04.HTML5 New Elements

  • New Semantic/Structural Elements
  • <article>
  • <aside>
  • <bdi>
  • <command>
  • <details>
  • <dialog>
  • <summary>
  • <figure>
  • <figcaption>
  • <footer>
  • <header>
  • <mark>
  • <meter>
  • <nav>
  • <progress>
  • <ruby>
  • <rt>
  • <rp>
  • <section>
  • <time>
  • <wbr>

05.HTML5 Canvas

  • What is Canvas?
  • Create a Canvas
  • Canvas Coordinates
  • Canvas – Paths
  • Canvas – Text
  • Canvas – Gradients
  • Canvas – Images
  • HTML5 SVG

06.What is SVG?

  • SVG Advantages
  • Differences Between SVG and Canvas
  • Comparison of Canvas and SVG

07.HTML5 Drag/Drop

  • Introduction
  • Make an Element Draggable
  • What to Drag?Where to Drop

08.HTML5 Geolocation

  • Introduction
  • Locate the User’s Position+
  • Handling Errors and Rejections
  • The getCurrentPosition()
  • Geolocation object

09.HTML5 Video

  • Introduction
  • Video on the Web
  • How It Works?
  • Video Formats and Browser Support
  • HTML5 Video Tags

10.HTML5 Audio

  • Introduction
  • Audio on the Web
  • How It Works?
  • Audio Formats and Browser Support
  • HTML5 Audio Tags

11.HTML5 Input Types

  • Introduction
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

12.HTML5 Form Elements

  • <datalist>
  • <keygen>
  • <output>

13.HTML5 Form Attributes

  • New attributes for <form> and <input>New attributes for <form>:
  • autocomplete
  • novalidate

14.New attributes for <input>:

  • autocomplete
  • autofocus
  • form, formaction
  • formenctype,formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list, min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required, step

15.HTML5 Semantic

  • Introduction
  • What are Semantic Elements?
  • non-semantic elements: <div> and <span>
  • semantic elements: <form>, <table>, and <img>
  • New Semantic Elements in HTML5
  • <header>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <figcaption>
  • <figure>
  • <footer>

16.HTML5 Web Storage

  • What is HTML5 Web Storage?
  • Browser Support
  • The localStorage Object
  • The sessionStorage Object




17.HTML5 App Cache

  • What is Application Cache?
  • Cache Manifest Basics
  • HTML5 Cache Manifest

18.HTML5 Web Workers

  • What is a Web Worker?
  • Check Web Worker Support
  • Create a Web Worker File
  • Terminate a Web Worker

19.HTML5 SSE

  • One Way Messaging
  • Browser Support
  • The EventSource Object

20.HTML Media

  • New Media Elements
  • <audio>
  • <video>
  • <source>
  • <embed>
  • <track>

21.HTML Multimedia

  • What is Multimedia?
  • Browser Support
  • Multimedia Formats
  • Video Formats
  • Sound Formats

22.HTML5 – MathML

  • Introduction
  • Using MathML Characters
  • Matrix Presentation
  • Math Formulas

23.CSS 1.0 and 2.0

  • CSS Basics
  • CSS Introduction
  • CSS Syntax,CSS Id & Class
  • CSS Styling,Styling Backgrounds
  • Styling Text,Styling Fonts
  • Styling Links,Styling Lists
  • Styling Tables
  • CSS Border

24.CSS3

  • Introduction
  • CSS3 Modules
  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

25.Borders

  • border-radius
  • box-shadow
  • border-image

26.CSS3 Backgrounds

  • background-size
  • background-origin

25.Borders

 

  • text-shadow
  • word-wrap 

26.CSS3 Backgrounds

  • @font-face Rule
  • font-stretch
  • font-weight 

27.CSS3 2D Transforms

  • How Does it Work?
  • Browser Support
  • 2D Transforms
  • translate()
  • rotate()
  • scale()
  • skew()
  • matrix()

28.CSS3 3D Transforms

  • rotateX()
  • rotateY()

29.CSS3 Transitions

  • How does it work?
  • transition-property
  • transition-duration
  • transition-delay

30.CSS3 Animations

  • CSS3 @keyframes Rule
  • Browser Support
  • Animation, animation-duration
  • 31.CSS3 Multiple Columns
  • column-count
  • column-gap
  • column-rule

32.CSS3 User Interface

  • resize
  • box-sizing
  • outline-offset

Html5css Training Demo





Contact Us for Data Structure Online and classroom training

venkat: 9059868766
email:[email protected]
Address: PlotNo 126/c,2nd floor,Street Number 4, Addagutta Society, Jal Vayu Vihar, Kukatpally, Hyderabad, Telangana 500085

Sharing is caring!

Updated: May 13, 2017 — 5:33 am

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.