+91 9879558787 info@itsahmedabad.com

Website Designing

Website Designing

(24 hours)

website designing - 24 hours

Website design means planning, developing and updating of websites.  This is a task of designing HTML driven web pages to be displayed over the World Wide Web. Web design encompasses a number of important elements including color, layout, and overall graphical appearance.  HTML and CSS are the foundation languages of the web.

HTML5 & CSS3 Training Outline (24 hours)

Introduction of different Web Technology
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 Scripts
HTML Media
HTML Audio
HTML Object
HTML Video
HTML YouTube
HTML Media Tags
HTML Summary

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
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
Page Encoding
HTML5 Mark-up

o New And Updated Elements
o Structural Elements
o New Attributes
o Deprecated Elements And Attributes

Browser Support

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
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

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

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

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
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 are not (strictly) CSS, but useful
o jQuery
o Modernizr
o Preprocessors
o Frameworks and Grid Systems

Going Forward/Additional Resources

o What’s next?
o Online Resources
o Get Involved

Download Brochure

 Trainers profile

Years real time experience

Students and professionals trained

Corporate Training Customers

Student Testimonials

Please follow and like us: