CSS3 Course

Training/Coaching/Tuition by TGC Animation & Multimedia Delhi NCR, New Delhi View Contact

Request Info

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language

Objective
CSS 3 course would teach the students how to use CSS 3 in web design. The CSS 3 Course is a 100% practical course.

Course Outline

• Introduction to CSS 3

• Media Queries and Selectors

• Pseudo classes Pseudo elements

• Web fonts

• Text Effects and typographic styles

• Multiple columns

• Decorative properties

• Border and box effects

• Color and Opacity

• Gradients and transformations

• Transitions and Animations

• 3D Transformations and Flexible Box Layout

• Template layout and browser support

Course Breakdown
Module 1

• Introduction to CSS 3

• Module status of Css 3

• Css 3 vs HTML 5

Module 2

• Media Queries and Selectors

• Advantages of Media queries

• Media features such as weight and height, orientation, aspect ration , pixel ration etic

• Browser support

• Attribute selectors

• Substring Attribute value Selector beginning and ending

• Arbitrary substring Attribute value selector

• Multiple Attribute selectors

• General Sibling Combinator

Module 3

• Pseudo classes Pseudo elements

• Structural Pseudo classes

• The nth pseudo classes

• Pseudo classes- target, empty, root, not, UL element states, Pseudo elements

• Document Object Model and Attribute Selectors

Module 4

• Web fonts

• The font face rule

• True and Artificial font fancies

• Using local fonts

• Final bullet proof syntax

• Font spring bullet proof syntax

• Font properties

• Open type features

Module 5

• Text Effects and typographic styles

• Understanding Axes and Coordinates

• Applying dimensional effects

• Multiple shadows

• Text definition

• Text properties

• Punctuation properties

• Text rendering options

• Text allignment

Module 6

• Multiple columns

• Column layout methods

• Prescriptive columns

• Dynamic columns

• Column count and column width

• Column gaps and rules

• Elements spanning multiple columns

Module 7

• Decorative properties

• Background Images

• Multiple background Images

• Image Masks

• Background clip and origin

Module 8

• Border and box effects

• Rounded border corners

• Browser implementation

• Using images for borders

• Multicolored borders

• Adding drop shadows

MODULE 9

• Color and Opacity

• Setting transparency with the opacity property

• New and Extended color values

• The alpha channel

• Hue, saturation and Lightness

• The color variable

• The operating system’s appearance

Module 10

• Gradients and transformations

• Linear Gradients in firefox

• Linear gradients in webkit

• Using linear gradients

• Radial gradients

• Radial gradients in firefox

• Radial gradients in webkit

• Multiple color stop values

• Multiple gradients

• The transform property

• Rotate, translate, skew , scale and Multiple transformations

• Transforming elements with matrices

Module 11

• Transitions and Animations

• Transition property, duration, timing and delay

• Multiple transitions

• Complex animations

• Key frames and animation properties

Module 12

• 3D Transformations and Flexible Box Layout

• 3D Elements in CSS

• Transform style

• Transformation functions

• Perspective and perspective origin properties

• Transformation origin

• Showing and hiding backface

• Flexible box layout

• Making boxes flexible

• Unequal ratios

• Flexible boxes and orientation

• Alignment

• Same axis alignment

Module 13

• Template layout and browser support

• Position and Display to create rows

• Multiple rows

• Creating Empty slots

• Setting Height and width on rows and columns

• The future of css

By The End Of The Css 3 Course, Students Would Be Able To

• Design Websites

Software/ Programming Language Covered

• CSS 3

• Adobe Dreamweaver

Career Options After Course
Students who complete this course have the following career options

• Web Designer

TGC Animation & Multimedia

Total Graphics Classes (TGC) - is a sincere attempt on part of a few committed professionals in the field of Animation & Digital Art Media. It is our endeavor to turn out self-driven, top class professionals in this field who derive utmost satisfaction from challenges at work and deadlines. This industry focus sets us apart from others in this field and if, we may say so, is also one of our competitive advantages.

TGC, an ISO 9001:2008 company, incorporated as digital design institute since 2000. For the last 13 years we have produced more than 12,000 hardcore skilled designers most of them are working with some of the most renowned animation studios, multimedia houses, e-learning companies, national dailies, & web design firms etc.

TGC is tied up with UGC approved Mahatma Gandhi University, Punjab Technical University & Manomanian Sundernar University to provide Degree programmes to its students in Multimedia and Animation art. A no. of students have been benefitted with this collaboration and pursuing degree courses on a reasonable fee.

At TGC, we innovate design study by giving an apt environment i.e. full of daily regular sessions, project works, assignments, environmental study, group discussions, celebrating design events, contest and excursion trips. Unified method of teaching also include, updating students through various workshops, symposiums & design shows.

We also have received continuous and beaming inspiration from the solid experience of our directors who are always a driving force to inspire the team of trainers & co-ordinater staff. Currently we have more than 10 centers based in Delhi/NCR, Gwalior, Chennai,  Trichy, Pondicherry.

TGC has diversified its training programmes around the digital art media, thereby students has a choice to enroll a course ranging from 3 months to 3 years and can customized their course curriculum according to their own requirements.