HTML & CSS Course

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 Colors

HTML Colornames

HTML Colorvalues

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