Course Summary
CSS Training course covers basic, intermediate and advanced CSS topics. It is intended for designers who are already familiar with HTML basics and want to move on to the XHTML and CSS standard for separating look and feel from the data.Duration
2 days.
Objectives
Upon completion, you will be able to write valid and compliant Cascading Style Sheets(CSS).
Audience
Students should have basic knowledge of HTML.
Instructors
Aleksandar (Saša) Gargenta is the technology brains at Marakana. Always on top of the latest in software, Aleksandar is company's radar for technology that matters.
Aleksandar is the author of Marakana's Java, Advanced Java, Spring/Hibernate, JBoss, Apache, XML/XSL, and JUnit/TestNG training courses. Phew. And if that's not enough, he's also the chief architect of Marakana Spark, the on-demand software platform that powers marakana.com and a number of other training companies. As an instructor he's taught hundreds of classes for everyone from Apple to Disney, from NASA to the Department of Defense.
In his spare time Aleksandar runs the San Francisco Java and the San Francisco Android User Groups with over a thousand members between the two.
More about Aleksandar Gargenta...
Robyn Overstreet is a web developer and teacher who specializes in PHP. She is a Zend Certified Engineer who also works in Javascript, AJAX, and Actionscript. Robyn designs and builds custom content management systems, in addition to developing with the open-source content management systems WordPress and Drupal.
Robyn teaches web development in many different contexts, from corporate trainings to community groups, to one-on-one tutoring.
She holds a Master’s degree from New York University’s Interactive Telecommunications Program, where she built interactive art pieces with everything from microcontrollers to cardboard.
Robyn is a displaced New Yorker living pretty comfortably in San Francisco. When she's not coding, she's making collages or jewelry, riding her bike, or cooking something in season. More about Robyn Overstreet...
Robyn teaches web development in many different contexts, from corporate trainings to community groups, to one-on-one tutoring.
She holds a Master’s degree from New York University’s Interactive Telecommunications Program, where she built interactive art pieces with everything from microcontrollers to cardboard.
Robyn is a displaced New Yorker living pretty comfortably in San Francisco. When she's not coding, she's making collages or jewelry, riding her bike, or cooking something in season. More about Robyn Overstreet...
Outline
Introduction
- What is CSS
- Advantages of using CSS
- Validating CSS
CSS and HTML
- Inline Style Sheets
- Embedded Style Sheets
- External Style Sheets
CSS Essentials
- Units in CSS
- Typography
- Text Formatting
- Text Layout
- Colors and Backgrounds
- Defining Colors
- Background images
- Positioning Backgrounds
- Formatting
- Padding
- Borders
- Margins
- Layout
- Lists
- Tables
- Forms
- Styling Input Elements
- Styling text Elements
- Styling Select and Option Elements
- Form Buttons
- Combining Properties
Selectors
- Simple Selectors
- Universal Selectors
- Type Selectors
- Descendant Selectors
- Child Selectors
- Adjacent Sibling Selectors
- Attribute Selectors
- Class Selectors
- ID Selectors
- Pseudo Selectors
Importing and Cascading
- Working with multiple Style Sheets
Advanced Selectors
- Specificity
- Rules
- Conflict Resolution
- !important
- Inheritance
- CSS Generated Content
- The @.. Rules
- @import
- @media
- @page
- Child Selectors
- First-Child Selectors
- Adjacent Selectors
- Pseudo-class Selectors
- Pseudo-Element Selectors
- Group Selectors
- Attribute Selectors
CSS Positioning
- float
- position
- visibility
- cursor
- CSS Positioning Properties
- Positioning Schemes
Layouts
- One-Column Layout
- Two Column Layout
- Fixed-width Two Column Layout
- Flexible Multicolumn layouts
- using Floats
- Using Positioning
- Fixed-width Multicolumn layouts
- using Floats
- Using Positioning
- Asymmetric Layout
- CSS Stacking
Tricks and Hacks
- Internet Explorer Hacks
- Netscape Hacks
- Debugging CSS
Course Testimonials
Overall - fantastic class!! and great instructor. Very patient.
Great Job! this was really beneficial and i feel like I have a much stronger understanding as to how to organize everything.
Gave a very good understanding of what CSS is. I thought I would not be able to cope-up with it, but the course was of very great help and boosted my confidence! Thanks!
I have been trying to get my mind around CSS and CSS positioning for some time now... My instructor got more into my head today than the last two years of going at it alone
Great presentation and clear direction on the topics.
Robyn is great, she was patient and thorough.
