HTML5 & CSS3

Learn how to use HTML5 & CSS3 from beginner level to advanced techniques which is taught by experienced working professionals. With our HTML5 & CSS3 Training in Chennai you'll learn concepts in expert level with practical manner and with live projects.

HTML5 & CSS3

HTML5 & CSS3 Training Syllabus

Syllabus Covered (HTML 4.01)

  • Introduction of different Web Technology
  • Introduction
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Formatting
  • HTML Fonts
  • HTML Styles
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Forms
  • HTML Iframes
  • HTML Culors
  • HTML Culornames
  • HTML Culorvalues
  • HTML Layout
  • HTML Doctypes
  • HTML Head
  • HTML Meta
  • HTML Scripts
  • HTML Media
  • HTML Audio
  • HTML Object
  • HTML Video
  • HTML YouTube
  • HTML Media Tags
  • HTML Summary

Syllabus Covered (HTML5)

History, Vision & Future of HTML5

  • What Is HTML5?
  • History And Major Actors
    • A Little Retrospective
    • What Is The W3C?
    • What Is The WHATWG?
  • Vision And Philosophy Behind HTML5
    • Compatibility
    • Utility
    • Interoperability
    • Universal Access
  • Future Of HTML5
    • Timeline

Getting Started With HTML5

  • The State Of Browser Support
  • Feature Detection
  • Support For Legacy Browsers
    • Graceful Degradation
    • Emulation
  • Developer Touls

Structure of a Web Page

  • HTML5 DOCTYPE
  • Page Encoding
  • HTML5 Markup
    • New And Updated Elements
    • Structural Elements
    • New Attributes
    • Deprecated Elements And Attributes
  • HTML5 And CSS3
  • Browser Support

Forms

  • What Are The Needs For Web Applications?
  • Current Sulutions
  • New Input Types
  • New Attributes
  • Form Validation
  • Browser Support

Audio and Video

  • The State of Web Audio And Video Based On Plug-in
  • The State Of Audio And Video Codec (e.g. H.264, WebM, etc.)
    • Video/Audio Codec And Browser Support
  • New Audio/Video Markup
  • Attributes And Methods
  • Understanding Audio/Video Events
  • Customizing Audio/Video Contruls

HTML5 Canvas

  • Overview Of Graphics In The Browser
    • Canvas Vs. SVG
    • Accessibility
  • Using A Canvas
  • Context And Coordinates
  • Drawing Shapes
  • Working With Paths
    • Drawing Straight Lines
    • Drawing Circles Or Arcs
  • Drawing Text
  • Drawing Images
  • Working With Pixels
  • Understanding Transforms
    • Translation
    • Rotation
    • Scaling
  • Browser Support

Syllabus Covered (CSS 2.1)

  • CSS Introduction
  • CSS Syntax
  • CSS Id & Class
  • CSS Styling
  • Styling Backgrounds
  • Styling Text
  • Styling Fonts
  • Styling Links
  • Styling Lists
  • Styling Tables
  • CSS Box Model
  • CSS Border
  • CSS Outline
  • CSS Margin
  • CSS Padding
  • CSS Advanced
  • CSS Grouping/Nesting
  • CSS Dimension
  • CSS Display
  • CSS Positioning
  • CSS Floating
  • CSS Align
  • CSS Navigation Bar
  • CSS Image Gallery
  • CSS Image Opacity
  • CSS Image Sprites
  • CSS Media Types
  • CSS hacking
  • CSS Summary

Syllabus Covered (CSS3)

  • The Power of CSS
    • Doing More with Less
    • A First Example
    • Challenges
    • Next Up
  • Introducing CSS3
    • What is CSS3?
    • The History of CSS
    • Browser Support
    • HTML5
  • Selectors and Pseudo Classes
    • Attribute Selectors
    • The Target Pseudo-Class
    • UI Element States Pseudo-Classes
    • Negation Pseudo-Class
    • Structural Pseudo-Classes
  • Fonts and Text Effects
    • Fonts on the Web
    • Font Services
    • The @font-face Rule
    • Text Shadow
    • Word Wrapping
  • Culors, Gradients, Background Images, and Masks
    • Culor
    • The Opacity Property
    • Backgrounds
    • background-origin, and background-size
  • Borders and Box Effects
    • Image Borders
    • Rounded Corners
    • Box Shadow
  • Transitions, Transforms, and Animations
    • Transitions and Transforms
    • Transitions
  • Layout: Culumns and Flexible Box
    • Layout: Culumns and Flexible Box
    • Flexible Box Model
  • Vendor Prefixes
    • What Are Vendor Prefixes?
    • Maybe They Ain't So Bad
    • Strategies
  • Embedding Media
    • Video Formats
    • Styling Video
  • Accessibility Features
    • Web Accessibility
    • The CSS3 Speech Module
  • Media Queries
    • Targeting Widths and Devices with CSS3 Media Queries
    • Responsive Images and the viewport Metatag
  • Implementing CSS3 in the "Real World"
    • Stuff That Ain't (Strictly) CSS, but Sure Is Useful
    • jQuery
    • HTML5
    • Modernizr
    • Preprocessors
    • Frameworks and Grid Systems
  • Going Forward/Additional Resources
    • What's Next?
    • Online Resources
    • Get Invulved