SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
online-html5-css3-training-course
DURATION : 20hrs
FACULTY : Mr.SIVA
FREE RESOURCES
COURSE MATERIAL
COURSE RESOURCES
HTML5 CSS3 INTERVIEW QUESTIONS & GUIDANCE
PROJECTS INFO



DIV’s (table less) based Layout



CONVERTING DIV’S to HTML5 + CSS3 LAYOUT



RESPONSIVE LAYOUT



Live Project (Guidance will be provided)

HTML 5


What is HTML 5



Overview of HTML 5
 Browser Support
 W3C and Web Hypertext Application Technology Working Group (WHATWG).
Specifications
 Overview of updated new features



HTML5 Syntax
 The DOCTYPE
 Character Encoding
 The <script> tag
 The <link> tag
 HTML5 Document



Forms
 Input Type
 Autofocus
 Placeholder
 Marking Require Fields
 Working with Number and Inputs
 Date Picker
 Search


Video and Audio



HTML5 NEW ELEMENTS



Web Storage
 Local Storage
 Session Storage
 Delete Web Storage



App Cache or Offline Applications



Web Workers



Server Sent Events



MathML



WebSocket



File API
 Accessing File Information
 Reading File Content



Geolocation



Web SQL



Drag and Drop API



SVG



Canvas Overview
 Adding Canvas Content
 Drawing In The Canvas Environment
 Complex Canvas Drawing Techniques
 Advanced Canvas Drawing Techniques



HTML5 DEPRECATED TAGS

***Content will be upadated as per latest updations.
CSS 3.0


CSS 2.0 vs CSS 3.0



Introduction to css3



whats new in css3.0



border radius



box shadow



text shadow



background



RGBA



@FONT Face



Google Fonts



Multiple Columns


Box Resize



Box Sizing



Outline



Transitions



Transform



Selectors



Gradients



Multiple Columns



Overview of CSS 3.0 compatabilities for Internet Explorer



CSS Frameworks



Converting Layout to HTML 5 & CSS 3

HTML 5 POLYFILLS FOR CROSS BROWSER COMPATIBILITY

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (7)

Introduce Bootstrap 3 to Develop Responsive Design Application
Introduce Bootstrap 3 to Develop Responsive Design ApplicationIntroduce Bootstrap 3 to Develop Responsive Design Application
Introduce Bootstrap 3 to Develop Responsive Design Application
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
AngularJs Crash Course
AngularJs Crash CourseAngularJs Crash Course
AngularJs Crash Course
 
Crash Course in AngularJS + Ionic (Deep dive)
Crash Course in AngularJS + Ionic (Deep dive)Crash Course in AngularJS + Ionic (Deep dive)
Crash Course in AngularJS + Ionic (Deep dive)
 
Bootstrap ppt
Bootstrap pptBootstrap ppt
Bootstrap ppt
 
Introduction to Bootstrap
Introduction to BootstrapIntroduction to Bootstrap
Introduction to Bootstrap
 
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
 

Kürzlich hochgeladen

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Kürzlich hochgeladen (20)

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 

Sivasoft-online-HTML5-CSS3-Training-in-ameerpet-hyderabad-india

  • 1. online-html5-css3-training-course DURATION : 20hrs FACULTY : Mr.SIVA FREE RESOURCES COURSE MATERIAL COURSE RESOURCES HTML5 CSS3 INTERVIEW QUESTIONS & GUIDANCE PROJECTS INFO  DIV’s (table less) based Layout  CONVERTING DIV’S to HTML5 + CSS3 LAYOUT  RESPONSIVE LAYOUT  Live Project (Guidance will be provided) HTML 5  What is HTML 5  Overview of HTML 5  Browser Support  W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications  Overview of updated new features  HTML5 Syntax  The DOCTYPE  Character Encoding  The <script> tag  The <link> tag  HTML5 Document  Forms  Input Type  Autofocus  Placeholder  Marking Require Fields  Working with Number and Inputs  Date Picker  Search
  • 2.  Video and Audio  HTML5 NEW ELEMENTS  Web Storage  Local Storage  Session Storage  Delete Web Storage  App Cache or Offline Applications  Web Workers  Server Sent Events  MathML  WebSocket  File API  Accessing File Information  Reading File Content  Geolocation  Web SQL  Drag and Drop API  SVG  Canvas Overview  Adding Canvas Content  Drawing In The Canvas Environment  Complex Canvas Drawing Techniques  Advanced Canvas Drawing Techniques  HTML5 DEPRECATED TAGS ***Content will be upadated as per latest updations. CSS 3.0  CSS 2.0 vs CSS 3.0  Introduction to css3  whats new in css3.0  border radius  box shadow  text shadow  background  RGBA  @FONT Face  Google Fonts  Multiple Columns
  • 3.  Box Resize  Box Sizing  Outline  Transitions  Transform  Selectors  Gradients  Multiple Columns  Overview of CSS 3.0 compatabilities for Internet Explorer  CSS Frameworks  Converting Layout to HTML 5 & CSS 3 HTML 5 POLYFILLS FOR CROSS BROWSER COMPATIBILITY