| Courses Basic Computer Training / Software Training / Application Programming | Locality Hinjewadi |
HTML5 & CSS3 Training Course Overview
Introduction to WEB
• W3C and W3C Members
• Why WHATWG?
• What is Web?
HTML Basics
• Introduction
• Parts in HTML Document
• Editors
• Basic
• Elements
•
Attributes
• Headings
• Basics
• Paragraphs
&
bull; Formatting
• Links
• Head
• CSS
•
Images
• Tables
• JavaScript
• HTML XHTML
• HTML4 Drawbacks
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
HTML5 Syntax
• The DOCTYPE:
• Character Encoding:
Obsolete Elements/Deprecated Elements
• <acronym>
• <applet>
•
<basefont>
• <big>
• <center>
&
bull; <dir>
• <font>
• <frame>
&
bull; <frameset>
• <isindex>
• <nof
rames>
• <s>
• <strike>
• <
tt>
• <u>
• <xmp>
HTML5 New Elements
• New Semantic/Structural Elements
• <article>
• <aside>
•
<bdi>
• <command>
• <details>
&b
ull; <dialog>
• <summary>
• <figure
>
• <figcaption>
• <footer>
•
<header>
• <mark>
• <meter>
&bul
l; <nav>
• <progress>
• <ruby>
&
bull; <rt>
• <rp>
• <section>
&b
ull; <time>
• <wbr>
HTML5 Canvas
• What is Canvas?
• Create a Canvas
• Canvas Coordinates
• Canvas – Paths
• Canvas – Text
• Canvas – Gradients
• Canvas – Images
HTML5 SVG
• What is SVG?
• SVG Advantages
• Differences Between SVG and Canvas
• Comparison of Canvas and SVG
HTML5 Drag/Drop
• Introduction
• Make an Element Draggable
• What to Drag?Where to Drop?
HTML5 Geolocation
• Introduction
• Locate the User’s Position+
• Handling Errors and Rejections
• The getCurrentPosition()
• Geolocation object
HTML5 Video
• Introduction
• Video on the Web
• How It Works?
• Video Formats and Browser Support
• HTML5 Video Tags
HTML5 Audio
• Introduction
• Audio on the Web
• How It Works?
• Audio Formats and Browser Support
• HTML5 Audio Tags
HTML5 Input Types
• Introduction
• color
• date
• da
tetime
• datetime-local
• email
• month
&bull
; number
• range
• search
• tel
• time
&
bull; url
• week
HTML5 Form Elements
• <datalist>
• <keygen>
&bull
; <output>
HTML5 Form Attributes
• New attributes for <form> and <input>New attributes for <form>:
• autocomplete
• novalidate
New attributes for <input>:
• autocomplete
• autofocus
• f
orm, formaction
• formenctype,formmethod
• formnovalida
te
• formtarget
• height and width
• list, min and max
• multiple
• pattern (regexp)
• placeholder
• required, step
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>
• <se
ction>
• <article>
• <aside>
•
<figcaption>
• <figure>
• <footer&
gt;
HTML5 Web Storage
• What is HTML5 Web Storage?
• Browser Support
• The localStorage Object
• The sessionStorage Object
HTML5 App Cache
• What is Application Cache?
• Cache Manifest Basics
• HTML5 Cache Manifest
HTML5 Web Workers
• What is a Web Worker?
• Check Web Worker Support
• Create a Web Worker File
• Terminate a Web Worker
HTML5 SSE
• One Way Messaging
• Browser Support
• The EventSource Object
HTML Media
• New Media Elements
• <audio>
• <video>
• &l
t;source>
• <embed>
For more Detail you can contact us
Dange Chowk Office:
CNC WEB WORLD Sr. No. 51/2, Office No. -1,
Landmark: Opp. Pandit Petrol Pump,
On Hinjewadi Road
Thergaon, Dange Chowk, Pune 411033
Helpline no.9595119900
Mob : +91 9175371080/81
E-mail : [email protected]
www.cncwebworld.com
Swargate Office:
2nd Floor, Office No.202, Modi Plaza,
Landmark: Opp.Laxmi Narayan Theatre
Helpline no.9595119900
Tel No: 020-41203324
Mob : +91 9156991450/51
E-mail : [email protected]
www.cncwebworld.com