Embed Size (px)
Citation preview
For More Details Call +91-996 252 8293 / 94 Email ID – [email protected]
HTML5 & CSS3 Course Details
By Besant Technologies
Course Name HTML5 & CSS3
Category Web Design & Development
Venue Besant Technologies
Address
No.24, Nagendra Nagar, Velachery Main Road,
Velachery, Chennai – 600 042
Landmark – Opposite to Phoenix Market City
Official URL HTML5 & CSS3 Training
Demo Classes At Your Convenience
Training Methodology 20% Theory & 80% Practical
Course Duration 20-25 Hours
Class Availability Weekdays & Weekends
For Demo Class Call - +91-996 252 8293 / 94
Email ID – [email protected]
Why Besant Technologies?
Training by highly experienced and certified professionals
No slideshow (PPT) training, fully Hand-on training
Interactive session with interview QA’s
Real-time projects scenarios & Certification Help
Most competitive & affordable course fees
Placement support for all courses
List of established & satisfied clients & students (Visit our website for reviews).
For More Details Call +91-996 252 8293 / 94 Email ID – [email protected]
HTML5 & CSS3 Training Outline
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 Iframe
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
o A Little Retrospective
o What Is The W3C?
o What Is The WHATWG?
Vision And Philosophy Behind HTML5
o Compatibility
o Utility
For More Details Call +91-996 252 8293 / 94 Email ID – [email protected]
o Interoperability
o Universal Access
Future Of HTML5
o Timeline
Getting Started With HTML5
The State Of Browser Support
Feature Detection
Support For Legacy Browsers
o Graceful Degradation
o Emulation
Developer Tools
Structure of a Web Page
HTML5 DOCTYPE
Page Encoding
HTML5 Mark-up
o New And Updated Elements
o Structural Elements
o New Attributes
o Deprecated Elements And Attributes
HTML5 And CSS3
Browser Support
Forms
What Are The Needs For Web Applications?
Current Solutions
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.)
o Video/Audio Codec And Browser Support
New Audio/Video Mark-up
Attributes And Methods
Understanding Audio/Video Events
Customizing Audio/Video Controls
HTML5 Canvas
Overview Of Graphics In The Browser
o Canvas Vs. SVG
For More Details Call +91-996 252 8293 / 94 Email ID – [email protected]
o Accessibility
Using A Canvas
Context And Coordinates
Drawing Shapes
Working With Paths
o Drawing Straight Lines
o Drawing Circles Or Arcs
Drawing Text
Drawing Images
Working With Pixels
Understanding Transforms
o Translation
o Rotation
o 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
For More Details Call +91-996 252 8293 / 94 Email ID – [email protected]
CSS Image Gallery
CSS Image Opacity
CSS Image Sprites
CSS Media Types
CSS hacking
CSS Summary
Syllabus Covered (CSS3)
The Power of CSS
o Doing More with Less
o A First Example
o Challenges
o Next Up
Introducing CSS3
o What is CSS3?
o The History of CSS
o Browser Support
o HTML5
Selectors and Pseudo Classes
o Attribute Selectors
o The Target Pseudo-Class
o UI Element States Pseudo-Classes
o Negation Pseudo-Class
o Structural Pseudo-Classes
Fonts and Text Effects
o Fonts on the Web
o Font Services
o The @font-face Rule
o Text Shadow
o Word Wrapping
Colours, Gradients, Background Images, and Masks
o Colour
o The Opacity Property
o Backgrounds
o background-origin, and background-size
Borders and Box Effects
o Image Borders
o Rounded Corners
o Box Shadow
Transitions, Transforms, and Animations
o Transitions and Transforms
For More Details Call +91-996 252 8293 / 94 Email ID – [email protected]
o Transitions
Layout: Columns and Flexible Box
o Layout: Columns and Flexible Box
o Flexible Box Model
Vendor Prefixes
o What Are Vendor Prefixes?
o Maybe They Aren’t So Bad
o Strategies
Embedding Media
o Video Formats
o Styling Video
Accessibility Features
o Web Accessibility
o The CSS3 Speech Module
Media Queries
o Targeting Widths and Devices with CSS3 Media Queries
o Responsive Images and the viewport Metatag
Implementing CSS3 in the “Real World”
o Stuff That Aren’t (Strictly) CSS, but Sure Is Useful
o jQuery
o HTML5
o Modernizr
o Preprocessors
o Frameworks and Grid Systems
Going Forward/Additional Resources
o What’s next?
o Online Resources
o Get Involved
