Home › Web Design Classes › CSS Training › CSS Course - Advanced
CSS Training Course - Advanced
CSS Training Course - Advanced
In this advanced CSS training course you will learn high-end techniques for using Cascading Style Sheets to apply visual formatting to your HTML documents. Designed for intermediate to advanced users of CSS, it provides you with skills to add style to links, lists and nav bars, and conduct advanced formatting. You’ll also learn to apply styles to forms and data tables, and to manage CSS for use in multiple documents.
What you’ll learn in this CSS training course:
- Structuring and managing CSS efficiently
- Applying visual formatting techniques to your HTML pages
- Using background colors and images with their CSS properties
- Styling links, lists, forms and tables effectively
- Incorporating advanced CSS to control page layout
CSS Training Course - Advanced Course Dates
All classes in Boston, New York City, and Philadelphia start at 9:30 a.m. and end at 4:30 p.m.
and are led by a live instructor in the same classroom with you.
All online classes are led by a live instructor and run from 10:00 a.m. to 5:00 p.m. Eastern Time.
| Course Title | Course Dates | Course Location | Fee | Register |
|---|---|---|---|---|
|
CSS Training Course - Advanced
Philadelphia |
Mon, Oct 21 2019 to Tue, Oct 22 2019 |
Philadelphia American Graphics Institute 101 West Elm St. Philadelphia - Conshohocken, PA 19428 |
$695.00 | |
|
CSS Training Course - Advanced
Online |
Mon, Oct 21 2019 to Tue, Oct 22 2019 |
Online Live instructor-led class online |
$695.00 | |
|
CSS Training Course - Advanced
Boston |
Mon, Oct 21 2019 to Tue, Oct 22 2019 |
Boston American Graphics Institute 150 Presidential Way Boston - Woburn, MA 01801 |
$695.00 | |
|
CSS Training Course - Advanced
NYC |
Mon, Oct 21 2019 to Tue, Oct 22 2019 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$695.00 | |
|
CSS Training Course - Advanced
NYC |
Wed, Nov 20 2019 to Thu, Nov 21 2019 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$695.00 | |
|
CSS Training Course - Advanced
Philadelphia |
Wed, Nov 20 2019 to Thu, Nov 21 2019 |
Philadelphia American Graphics Institute 101 West Elm St. Philadelphia - Conshohocken, PA 19428 |
$695.00 | |
|
CSS Training Course - Advanced
Online |
Wed, Nov 20 2019 to Thu, Nov 21 2019 |
Online Live instructor-led class online |
$695.00 | |
|
CSS Training Course - Advanced
Boston |
Wed, Nov 20 2019 to Thu, Nov 21 2019 |
Boston American Graphics Institute 150 Presidential Way Boston - Woburn, MA 01801 |
$695.00 | |
|
CSS Training Course - Advanced
NYC |
Wed, Dec 18 2019 to Thu, Dec 19 2019 |
New York American Graphics Institute 21 W 46th St. New York, NY 10036 |
$695.00 | |
|
CSS Training Course - Advanced
Philadelphia |
Wed, Dec 18 2019 to Thu, Dec 19 2019 |
Philadelphia American Graphics Institute 101 West Elm St. Philadelphia - Conshohocken, PA 19428 |
$695.00 | |
|
CSS Training Course - Advanced
Online |
Wed, Dec 18 2019 to Thu, Dec 19 2019 |
Online Live instructor-led class online |
$695.00 | |
|
CSS Training Course - Advanced
Boston |
Wed, Dec 18 2019 to Thu, Dec 19 2019 |
Boston American Graphics Institute 150 Presidential Way Boston - Woburn, MA 01801 |
$695.00 |
CSS Training Course - Advanced Topics covered
The topics covered in this advanced CSS training course are separated into eight modules. These provide course participants with advanced CSS training, providing skills needed to apply advanced formats with CSS and CSS3. The topics covered include:
Lesson 1: Structuring CSS Code
- IDs and class names
- Naming your elements
- IDs or Classes?
- Divs and spans
- Microformats
- Different versions of HTML and CSS
- Document types and browser modes
- Validation
Lesson 2: Managing CSS Styles
- Common selectors
- Pseudo-classes
- The universal selector
- Advanced selectors
- Child and adjacent sibling selectors
- Attribute selectors
- The cascade and specificity
- Specificity
- Using specificity in your style sheets
- Adding a class or an ID to the body tag
- Inheritance
- Planning, and maintaining your styles
- Applying styles to your document
- Removing comments and optimizing
- Style guides
Lesson 3: Visual Formatting using CSS
- Box model review
- IE and the box model
- Margin collapsing
- Positioning review
- The visual formatting model
- Relative positioning
- Absolute positioning
- Fixed positioning
- Floating
- Line boxes and clearing
Lesson 4: Using CSS Backgrounds
- Background image basics
- Rounded-corner boxes
- Fixed-width rounded-corner boxes
- Flexible rounded-corner box
- Multiple background images
- border-radius
- border-image
- Easy CSS drop shadows
- Box-shadow
- Opacity
- CSS opacity
- RGBa
- PNG transparency
Lesson 5: Adding Style to Links
- Simple link styling
- Fun with underlines
- Simple link embellishments
- Fancy link underlines
- Visited-link styles
- Styling link targets
- Highlighting different types of links
- Highlighting downloadable documents
- Creating links that look like buttons
- Simple rollovers
- Rollovers with images
- Pixy-style rollovers
- CSS sprites
- Rollovers with CSS 3
- Pure CSS tooltips
Lesson 6: Using CSS to Style Lists and Nav Bars
- Basic list styling
- Creating a basic vertical nav bar
- Highlighting the current page in a nav
- Creating a simple horizontal nav bar
- Creating a graphical nav bar
- Sliding door tabbed navigation
- CSS image maps
- Flickr-style image maps
- Remote rollovers
- Definition lists
Lesson 7: Styling forms and tables with CSS
- Styling data tables
- Table-specific elements
- Summary and caption
- thead, tbody, and tfoot
- col and colgroups
- Data table markup
- Styling the table
- Adding the visual style
- Simple form layout
- Useful form elements
- Form labels
- Embellishments
- Required fields
- Accessible date input
- Multicolumn check boxes
- Submit buttons
- Form feedback
Lesson 8: Using CSS to create page layout
- Planning your layout
- Setting the foundations
- Centering a design using margins
- Float-based layouts
- Two-column floated layout
- Three-column floated layout
- Fixed-width, liquid, and elastic layout
- Liquid layouts
- Elastic layouts
- Liquid and elastic images
- Faux columns
- Equal-height columns
- CSS 3 columns
- CSS Frameworks vs. CSS Systems
Previous experience writing CSS and HTML is required along with an understanding of all topics covered in the introductory CSS course before enrolling in this advanced CSS training.
You will receive a comprehensive course manual for this class developed by the instructors at AGI. AGI instructors have authored many books on HTML and CSS.
AVAILABLE DELIVERY METHODS FOR THIS CLASS | ||||
 |  |  |  |  |
| CLASSROOM | LIVE ONLINE | PRIVATE | MY LOCATION | ON-DEMAND |
AGI's team of experienced instructors are led by Jennifer Smith the design and usability expert and best-selling author of more than 20 books including Creative Cloud for Dummies, Creative Suite for Dummies, and Photoshop Digital Classroom. Classes are led by experienced professionals who have extensive professional and training experience, and also work in our consulting practice areas and as practicing professionals. For Federal agencies, American Graphics Institute classes are offered under GSA contract 47QTCA19D003Y.
CSS Training Course - Advanced rating:
5 stars from
6 reviewers
"We had AGI deliver a private advanced CSS training for the three of us from our organization. The instructor, Todd, was able to customize the class agenda to the topics we were most interested in learning. We managed to precisely fill up the 2 days, and we got to everything we wanted to cover and everything he wanted to cover as well. Todd provided a ZIP file with everything he covered which is good for future reference. We are already enrolled in a Responsive Web Design course later this month as a follow-up to this class." - Kevin C
