HTML CSS Course Content

1
(No Transcript)
2
Anyone can join who has the interest to get into
the creative web development profession.
Prerequisite
Technical Skill Must have the fluent operating
skill of Computer Must have the skill to use
internet A little or basic knowledge on Web
Design and Development would be fine but not
necessary Academic HSC or Equivalent Certificate
www.idigitalacademy.com info_at_idigitalacademy.com
3
Training by Certified and Experienced Trainers.
Industrial and Corporate Tie-ups for Live
projects for student. Well equipped Computer
Lab, Internet and Book Bank facility. Live
project based Trainings Internships. WI-FI
enabled classrooms. Certificate will be provided
after training. Job facilities in freelancing
marketplaces
Key Futures of IDIGITAL ACADEMY
4
Training Overview
This hands-on object oriented PHP and MySQL
training course teaches attendees everything they
need to successfully build data driven website
using PHP and MySQL. You will also learn about
MySQL, HTML5, CSS3 and JavaScript. We will teach
you advanced CSS3 techniques. We will teach you
basic Ajax and jQuery with Ajax Image upload,
Object Oriented Ajax with Dojo Toolkit.
www.idigitalacademy.com info_at_idigitalacademy.com
5
Lecture 1

• 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 Colors
• HTML Colornames
• HTML Colorvalues

• HTML Doctypes
• HTML Head
• HTML Meta
• HTML Scripts
• HTML Media
• HTML Audio
• HTML Object
• HTML Video
• HTML YouTube
• HTML Media Tags
• HTML Summary

www.idigitalacademy.com info_at_idigitalacademy.com
6
Lecture 2

• 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

Lecture 3

• Getting Started With HTML5
• The State Of Browser Support
• Feature Detection
• Support For Legacy Browsers
• Graceful Degradation
• Emulation
• Developer Tools

www.idigitalacademy.com info_at_idigitalacademy.com
7
Lecture 5

• Building Smarter Forms
• Getting Started
• Jump Menus
• Dynamic Menus
• Requiring Fields
• Cross Check
• Improving Error Msgs
• Radio Buttons
• Sttng1Fld From Another
• Validating Email

Lecture 6

• Handling Events
• Handling Onload2
• Handling Onmouse
• Handling Dblclick
• Handling Onblur
• Handling Onfocus
• Handling Onkeydown
• Working with Cookies
• Demystify Cookies
• Writing Cookies
• Reading Cookies
• Displaying Cookies
• Cookie Counters
• Deleting Cookies
• Handling multi-cookies

www.idigitalacademy.com info_at_idigitalacademy.com
8
Lecture 7

• 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

Lecture 8

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

www.idigitalacademy.com info_at_idigitalacademy.com
9
Lecture 9

• Structure of a Web Page
• 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

www.idigitalacademy.com info_at_idigitalacademy.com
10
Lecture 10

• 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

www.idigitalacademy.com info_at_idigitalacademy.com
11
Lecture 11

• CSS Align
• CSS Navigation Bar
• CSS Image Gallery
• CSS Image Opacity
• CSS Image Sprites
• CSS Media Types
• CSS hacking
• CSS Summary

• 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

www.idigitalacademy.com info_at_idigitalacademy.com
12
Lecture 12

• CSS3
• The Power of CSS
• Doing More with Less
• A First Example
• Challenges
• Next Up

Lecture 13

• Introducing CSS3
• What is CSS3?
• The History of CSS
• Browser Support
• HTML5

Lecture 14

• Introducing CSS3
• Selectors and Pseudo Classes
• Attribute Selectors
• The Target Pseudo-Class
• UI Element States Pseudo-Classes
• Negation Pseudo-Class
• Structural Pseudo-Classes

www.idigitalacademy.com info_at_idigitalacademy.com
13
Lecture 15

• Fonts and Text Effects
• Fonts on the Web
• Font Services
• The _at_font-face Rule
• Text Shadow
• Word Wrapping

Lecture 16

• Culors, Gradients, Background Images, and Masks
• Color
• The Opacity Property
• Backgrounds
• background-origin, and background-size

Lecture 17

• Borders and Box Effects
• Image Borders
• Rounded Corners
• Box Shadow

www.idigitalacademy.com info_at_idigitalacademy.com
14
Lecture 18

• Transitions, Transforms, and Animations
• Transitions and Transforms
• Transitions

Lecture 19

• Layout Culumns and Flexible Box
• Layout Culumns and Flexible Box
• Flexible Box Model

Lecture 20

• Vendor Prefixes
• What Are Vendor Prefixes?
• Maybe They Aint So Bad
• Strategies

Lecture 21

• Embedding Media
• Video Formats
• Styling Video

www.idigitalacademy.com info_at_idigitalacademy.com
15
Lecture 22

• Accessibility Features
• Web Accessibility
• The CSS3 Speech Module

Lecture 23

• Media Queries
• Targeting Widths and Devices with CSS3 Media
  Queries
• Responsive Images and the viewport Metatag

Lecture 24

• Implementing CSS3 in the Real World
• Stuff That Aint (Strictly) CSS, but Sure Is
  Useful
• jQuery
• HTML5
• Modernizr
• Preprocessors
• Frameworks and Grid Systems

• Going Forward/Additional Resources
• Whats Next?
• Online Resources
• Get Invulved

www.idigitalacademy.com info_at_idigitalacademy.com
16
Thanks
Any Questions?
You Can Find Us at
www.idigitalacademy.com info_at_idigitalacademy.com