NARESH I TECHNOLOGIES
FOLLOW US SOCIAL MEDIA :
HOME
ALL COURSES
SERVICES
o Internship Programs
o Placement Assistance
o Placements
o Nacre
SOFTWARE TRAINING
o Classroom Training
o Online Training
o Weekend Training
o Corporate Training
o Internships
o Trainers Profile
o Course Schedule
PROJECTS
o Live Projects
o IEEE Projects
o Realtime Projects
o Internships
INTERNSHIPS
o Internships
o Insights
o Success Factors
o World Class Software Training
o Training Institute of Choice
o Surveys
o InfoGraphics
o Thought Leadership
CAREERS
o Internships
o Placement Registration
o Job Openings
o IT Job Trends
o Interview Questions
o NareshIT Whatsapp Notification Groups
ABOUT
o Vision and Mission
o Our Philosophy
o Management Team
o Infrastructure
o Testimonials
o Training FAQs
o Contact Us
NEW BATCHES
o Classroom – Ameerpet
o Online Schedule
o Online Training
o Internships
o Free Online Workshops
BLOG
Navigate to... Home All Courses Services – Internship Programs – Placement Assistance – Placements – Nacre Software
Training – Classroom Training – Online Training – Weekend Training – Corporate Training – Internships – Trainers
Profile – Course Schedule Projects – Live Projects – IEEE Projects – Realtime
Projects – Internships Internships – Internships – Insights – Success Factors – World Class Software Training – Training
Institute of Choice – Surveys – InfoGraphics – Thought Leadership Careers – Internships – Placement Registration – Job
Openings – IT Job Trends – Interview Questions – NareshIT Whatsapp Notification Groups About – Vision and
Mission – Our Philosophy – Management Team – Infrastructure – Testimonials – Training FAQs – Contact Us New
Batches – Classroom – Ameerpet – Online Schedule – Online Training – Internships – Free Online Workshops Blog
HOME » ONLINE TRAINING » HTML5 CSS3 TRAINING
HTML5 CSS3 Training
NIT Manager
Contents [hide]
1 HTML5 and CSS3 Course Overview
o 1.1 HTML5 and CSS3 Training Course Prerequisite
o 1.2 HTML5 and CSS3 Training Course Objectives
o 1.3 HTML5 and CSS3 Course Duration
2 HTML5 and CSS3 Course Content
o 2.1 Introduction to WEB
o 2.2 HTML Basics
o 2.3 HTML5 Introduction
o 2.4 HTML5 Syntax
o 2.5 Obsolete Elements/Deprecated Elements
o 2.6 HTML5 New Elements
o 2.7 HTML5 Canvas
o 2.8 HTML5 SVG
o 2.9 HTML5 Drag/Drop
o 2.10 HTML5 Geo location
o 2.11 HTML5 Video
o 2.12 HTML5 Audio
o 2.13 HTML5 Input Types
o 2.14 HTML5 Form Elements
o 2.15 HTML5 Form Attributes
o 2.16 New attributes for <input>
o 2.17 HTML5 Semantic
o 2.18 HTML5 Web Storage
o 2.19 HTML5 App Cache
o 2.20 HTML5 Web Workers
o 2.21 HTML5 SSE
o 2.22 HTML Media
o 2.23 HTML Multimedia
o 2.24 HTML5 – MathML
o 2.25 CSS 1.0 and 2.0
o 2.26 CSS3
o 2.27 Borders
o 2.28 CSS3 Backgrounds
o 2.29 CSS3 Text Effects
o 2.30 CSS3 Fonts
o 2.31 CSS3 2D Transforms
o 2.32 CSS3 3D Transforms
o 2.33 CSS3 Transitions
o 2.34 CSS3 Animations
o 2.35 CSS3 Multiple Columns
o 2.36 CSS3 User Interface
HTML5 and CSS3 Course Overview
HTML5 is everywhere, and is a technology that can no longer be ignored or treated as a mere extension of HTML4. HTML5 is a
vast umbrella term for modern Front End Engineering, namely JavaScript, Markup, DeviceAPIs, and Styles. Almost anything
you see in App Stores can now be created with pure HTML5.
Although we will cover some of the most exciting features of HTML5 such as geo location, web sockets, local storage, Real
Time Communications(Web Workers, Web Socket), File / Hardware Access(Native Drag and Drop, FileSystem APIs,
Geolocation, Device Orientation and Speech Input), Semantics and Markup, Multimedia, Graphics (2D and 3D Effects) SVG and
Canvas, the focus of the course will be to help people understand the core principles and best practices for creating websites and
apps.
CSS3 is split up into “modules”. The old specification has been split into smaller pieces, and new ones are also added. Some of
the most important CSS3 modules are Selectors, Box Model, Backgrounds and Borders, Text Effects, 2D/3D Transformations,
Animations, Multiple Column Layout and User Interface
HTML5 and CSS3 Training Course Prerequisite
HTML, CSS and JavaScript
HTML5 and CSS3 Training Course Objectives
As we jump into the course, let me just give you the course objectives, the things that I’m trying accomplish here, and
the first thing is to introduce you to HTML5, and really quite honestly, one of my objectives, HTML5 like everything
that has to do with the web.
HTML5 is the ubiquitous platform for the web. Whether you’re a mobile web developer, an enterprise with specific
business needs, or a serious game dev looking to explore the web as a new platform, HTML5 has something for you!
HTML5 is making the web platform more powerful in a number of different areas.
HTML5 and CSS3 Course Duration
30 Working days, daily one and half hours
HTML5 and CSS3 Course Content
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
Formatting
Links
Head
CSS
Images
Tables
JavaScript
HTML XHTML
HTML4 Drawbacks
HTML5 Introduction
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>
<dir>
<font>
<frame>
<frameset>
<isindex>
<noframes>
<s>
<strike>
<tt>
<u>
<xmp>
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>
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 Geo location
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
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
HTML5 Form Elements
<datalist>
<keygen>
<output>
HTML5 Form Attributes
New attributes for <form> and <input>New attributes for <form>:
autocomplete
novalidate
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
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>
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>
<source>
<embed>
<track>
HTML Multimedia
What is Multimedia?
Browser Support
Multimedia Formats
Video Formats
Sound Formats
HTML5 – MathML
Introduction
Using MathML Characters
Matrix Presentation
Math Formulas
CSS 1.0 and 2.0
CSS Basics
CSS Introduction
CSS Syntax,CSS Id, Class and CSS Styling,Styling Backgrounds
Styling Text,Styling Fonts, Links, Styling Lists and Styling Tables
CSS Border
CSS3
Introduction
CSS3 Modules
Selectors
Box Model
Backgrounds and Borders
Text Effects
2D/3D Transformations
Animations
Multiple Column Layout
User Interface
Borders
border-radius
box-shadow
border-image
CSS3 Backgrounds
background-size
background-origin
CSS3 Text Effects
text-shadow
word-wrap
CSS3 Fonts
@font-face Rule
font-stretch
font-weight
CSS3 2D Transforms
How Does it Work?
Browser Support
2D Transforms
translate()
rotate()
scale()
skew()
matrix()
CSS3 3D Transforms
rotateX()
rotateY()
CSS3 Transitions
How does it work?
transition-property, duration and delay
CSS3 Animations
CSS3 @keyframes Rule
Browser Support
Animation, animation-duration
CSS3 Multiple Columns
column-count
column-gap
column-rule
CSS3 User Interface
resize
box-sizing
outline-offset
Categories: Online Training Tags: Bangalore, Chennai
Rating of Average of 4.98 on a total of 500 Ratings
Trainers Profile
Student Enquiry
Corporate Training
Post your Feedback
View/Post Testimonials
Contact Us
Register for Course !
Learn from the Real-Time Experts
First Name*
Last Name*
Email*
Phone*
Mode of Training*
Online TrainingClassroom TrainingWeekend TrainingProject TrainingInternship
State
Course*
Select CourseData SciencePythonDjangoAWSDevOpsAzure DevOpsAzurePower BISalesForce
CRMHadoopUI TechnologiesAngularAngularJSReactJSNodeJSMongoDBHTML5 JAVASCRIPT
ES6+Complete JavaCore JavaAdvanced JavaSpringHibernate with JPAXML/WebServicesSpring Boot
& MicroServicesORACLE (SQL, PL/SQL)Complete .NETC# 8.0ASP.NETSQL ServerASP.NET
MVC5, MVC CoreC LanguageC++DS through CSeleniumBlue PrismAutomation
AnywhereUiPathPHP with MySQLUnix / LinuxLinux AdminHTML, CSS, JavaScriptAndroidiPhone
(iOS)Digital MarketingCRT (Campus Recruitment Training)Go ProgrammingMulesoftFull Stack Java
Developer ProgramFull Stack .Net Developer ProgramFull Stack with UIFull Stack Data Science
ProgramDocker & KubernetesTOSCOAzure DevOpsAzure Data EngineeringML LoopsJob Guarantee
ProgramInternshipSpoken English
By Submit I agree to the privacy policy.
By providing your contact details you have expressly authorized Naresh i Technologies to contact you in future through calls/SMS/E-mails and inform you
about our products.
JOIN WHATSAPP GROUPS FOR UPDATES
WATCH FREE TUTORIALS
JOIN US ON TELEGRAM FOR UPDATES
FIND COURSES HERE
Android Training
iPhone Training
Asp.Net Training
Asp.Net MVC Training
C#.NET Training
C++ Training
Data Structure Training
Java Training
o Core Java Training
o Advanced Java Training
o Hibernate Training
o J2EE Training
o Spring 5.x Training
o Hibernate Training
o Web Services Training
o Struts Training
o XML Training
o Java Online Training
Oracle Training
SQL Server Training
Selenium Training
UNIX LINUX Training
PHP Training
HTML5 CSS3 Training
jQuery Training
UI Technologies Training
UI UX Training
AngularJS Training
o Angular 2 Training
o Angular 4 Training
o Angular 6 Training
o Angular 7 Training
Data Science Training
Artificial Intelligence Training
Hadoop Training
Apache Spark Training
Python Training
Hadoop Online Training
DevOps Training
AWS Training
IoT Training
SalesForce CRM Training
Digital Marketing Training
RPA Training
o Blue Prism Training
o Automation Anywhere Training
o Automation Anywhere Online Training
Blockchain Training
Realtime Projects
o Real Time Java Project
o Real-Time Project on PHP
Doubleclick for Publishers Training
Software Training in Chennai
Testing Tools Training
Full Stack Web Development Course
Full Stack Web Development Course
Full Stack Java Developer Course
ABOUT NARESH I TECHNOLOGIES
Training Institute Overview Naresh i Technologies Naresh i Technologies (Pronounced: NareshIT) is a leading software training
institute providing Software Training, Project Guidance, IT Consulting and Technology Workshops. Using our enhanced global
software training delivery methodology,
INTERVIEW QUESTIONS
DevOps Interview Questions
AngularJS Interview Questions
Java Interview Questions
HTML Interview Questions
JavaScript Interview Questions
Advanced Java Interview Questions
HTML5 and CSS Interview Questions
HYDERABAD MAIN CAMPUS
Add: 2nd Floor, Durga Bhavani Plaza,
Ameerpet, Hyderabad
Ph : 040-2374 6666 / 2373 4842
Email : support@nareshit.com
For Online Training:
Call/Whatsapp: +91-8179191999
Email: onlinetraining@nareshit.com
FOLLOW US ON SOCIAL MEDIA
JOIN OUR TELEGRAM – GET UPDATES
NareshIT Official Channel
Python | JAVA | AWS | DevOps | Data Science
TOP
© 2023 Naresh i Technologies | Software Training - Online Training - Live Project Training - Weekend Training
We're Online!
How may I assist you?
Connect
