CSS

LEARN CSS

Course Objective

CSS is used to control the style of a web document in a simple and easy way.

CSS is the acronym for “Cascading Style Sheet”. This tutorial covers both the versions CSS1,CSS2 and CSS3, and gives a complete understanding of CSS, starting from its basics to advanced concepts.

Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable.

CSS is a MUST for students and working professionals to become a great Software Engineer specially when they are working in Web Development Domain. I will list down some of the key advantages of learning CSS:

  • Create Stunning Web site – CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used, layout designs,variations in display for different devices and screen sizes as well as a variety of other effects.

  • Become a web designer – If you want to start a carrer as a professional web designer, HTML and CSS designing is a must skill.

  • Control web – CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document. Most commonly, CSS is combined with the markup languages HTML or XHTML.

  • Learn other languages – Once you understands the basic of HTML and CSS then other related technologies like javascript, php, or angular are become easier to understand.

As mentioned before, CSS is one of the most widely used style language over the web. I’m going to list few of them here:

  • CSS saves time – You can write CSS once and then reuse same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want.

  • Pages load faster – If you are using CSS, you do not need to write HTML tag attributes every time. Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So less code means faster download times.

  • Easy maintenance – To make a global change, simply change the style, and all elements in all the web pages will be updated automatically.

  • Superior styles to HTML – CSS has a much wider array of attributes than HTML, so you can give a far better look to your HTML page in comparison to HTML attributes.

  • Multiple Device Compatibility – Style sheets allow content to be optimized for more than one type of device. By using the same HTML document, different versions of a website can be presented for handheld devices such as PDAs and cell phones or for printing.

  • Global web standards – Now HTML attributes are being deprecated and it is being recommended to use CSS. So its a good idea to start using CSS in all the HTML pages to make them compatible to future browsers.

CALL TO OUR CAREER ADVISER

+91-8448255662 / +91-8448255662

Key Features

Biggest pool of Industry Experts

Certified experts with rich training experience

Live Instructor-led Training

This isn’t canned learning. Its dynamic, its interactive, its effective

Real-life Case Studies

Live project based on any of the selected use cases, involving implementation of the concepts

Dedicated Job-Portal

500+ Recruiter Connect for 100% placement assistance

Instructor-led Classroom Classes

Course Training Plan

Course Details of User Interface (UI)

  • What is HTML?
  • What is a Web Browser?
  • What are Versions of HTML?
  • What can You Do with HTML?
  • HTML Development Environments
  • Using a WYSIWYG Editor
  • Using an HTML Editor
  • Writing Code with a Text Editor
  • Publishing Documents
  • Rules of Syntax
  • Making your Code Readable
  • Making your Code XHTML Compliant
  • Building a Document
  • Using Colors
  • Adding Color to your Page
  • Using Headings
  • Using Paragraphs
  • Using Block quotes
  • Using Entities
  • Aligning Block-Level Elements
  • Displaying Preformatted Text
  • Formatting with Inline Elements
  • Controlling Fonts
  • Introducing List Elements
  • Creating Unordered Lists
  • Creating Ordered Lists
  • Creating Denition Lists
  • Nesting Lists
  • Indenting Text with the <ul> Tag
  • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool
  • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame
  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation
  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design

Border

  • border-image
  • border-radius
  • Text-shadow
  • box-shadow
  • background-clip
  • background-size
  • background-origin
  • background-imag
  • transition
  • transition-delay
  • transition-duration
  • transition-propert
  •  
  • transition
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • rotate(angle)
  • skew(x-angle,y-angle)
  •  
  • transform
  • transform-style
  • perspective
  • transform-origin
  •  
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  •  
  • CSS combination
  • Pseudo Elements
  •  
  • Linear Gradients
  • Radial Gradients
  •  
  • resize
  • box-sizing
  • outline-offset
  •  
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  •  
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyll
  •  
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weigh
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weigh
  •  
  • Syntax
  • Statements
  • Comment
  •  
  • Arithmetic
  • Assignment
  • Comparison
  • Logical
  • Conditional
  •  
  • Arithmetic
  • Assignment
  • Comparison
  • Logical
  • Conditional
  •  
  • while
  • do…while
  • for
  • for…in Statement
  • Break
  • Continue
  •  
  • User-de ned Functions
  • Function Syntax
  • Function with Arguments
  • Returning Values from Functions
  • Built-in Functions
  • paraseInt and parseFloat
  •  
  • Introduction
  • Mouse Events
  • Keyboard Events
  • Form Events
  • Document/Window Events
  •  
  • Introduction
  • Number
  • Strings
  • Math
  • Arrays
  • Associative Array
  • Array Properties and Methods
  • Date
  • Boolean
  • Regexp
  •  
  • Form Validations
  • Basics of Form Validation
  • Validating Radio Buttons
  • Validating Checkboxes
  • Validating Select Menus
  • Validating Textare
  •  
  • Introduction
  • DOM HTML
  •  

FAQ's

Classroom Instructor-led training is much more effective than online training. The face-to- face classroom sessions not only make you more focused but also more employable in the job market.

Our trainers are highly qualified, Certified experts with rich training experience. All of our highly qualified trainers are industry experts with at least 10-12 years of relevant teaching experience. Each of them has gone through a rigorous selection process which includes profile screening, technical evaluation, and a training demo before they are certified to train for us. We also ensure that only those trainers with a high alumni rating continue to train for us.

The course curriculum, quality of trainers and lab facilitates at TEQHUB Institute are unparallel with respect to any other IT Institute. Also, Training Basket is Red Hat Certified Training Partner with , offering Programmes based on latest Technologies.

Your performance will be assessed based on an online examination conducted at TEQHUB Institute.

If you miss any class, based on the available batches, you can request to attend the required class(es) again. And moreover, the TEQHUB Institute is always available to lend you a helping hand.

Yes of course! You can attend extra classes, speak to your faculty and get your doubts cleared.

Payment methods vary from person to person. Get it clarified from the counsellor when you are enrolled. You can also opt for NO-EMI- installment-credit card method of payment.

Yes, of course! TEQHUB Institute  has an exclusive placement portal for its students under JobBasket, which provides placement assistance. Also, improve your English speaking and writing skills to enhance your employability and gain interview skills.

Students have to bring their laptop. Installation of software related to technology and practice/lab can be done easily.

You can write to us at support@teqhub.org You can call on the following numbers +91-8448255662 / +91-8448255663

Talk to our Career Advisor & Book a Free Demo

  • +91-8448255662 / +91-844825563

ABOUT US

TeqHub in Dwarka More offers short-term courses
and certificate courses. Inclusive of comprehensive
learning, the long-term programmes feature subjects such as web development,financial accountancy, computer application and programming, information technology, multimedia and web-designing.

TEQHUB INSTITUTE

CONTACT US

  • House No.69, Dwarka mor metro station,Near piller no-776,New Delhi (110059)
  • +91-8448255662 / 8448255663
  • teqhub17@gmail.com
  • www.teqhub.org

CONNECT WITH MAP

Copyright © 2019 . All Rights Reserved. TEQHUB
Design By-Divyam Singh Bais
TEQHUB INSTITUTE A SHAPE OF THINGS TO COME
TeqHub in Dwarka More offers short-term courses and certificate courses. Inclusive of comprehensive learning, the long-term programmes feature subjects such as web development,financial accountancy, computer application and programming, information technology, multimedia and web-designing.