CSS Training Course for Web Design - Advanced - Course Dates

All classes are led by a live instructor. Class times listed are Eastern time.

Live instructor-led class online
$695.00
Live instructor-led class online
$695.00
Live instructor-led class online
$1.00

CSS 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
  • 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 checkboxes
  • Submit buttons
  • Form feedback

Lesson 8: Using CSS to create a 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 frameworks vs. CSS Systems

The course topics serve as an outline for the course. Instructors may adjust content based on the specific needs of each class, such as to answer your  Web design questions.

Web design course instructors

AGI instructors are Web design professionals and skilled teachers. You'll learn from a live Web design professional that brings years of experience that will help you learn Web design quickly and easily.

Jennifer
Jennifer

MS, Human Factors Information Design

BA, Commercial Art

UXQB Certfied

Adjunct Professor, Boston University

Grace
Grace

MS, Information Design

BA, Digital Communications

Adjunct Professor, St. Olaf

Greg
Greg

BA, Advertising Design

Adobe Certified Instructor

Author, multiple Adobe Creative Cloud books

Custom and private Web design classes

This Web design course is available as a private class. Curriculum can be customized for your specific needs. Web design classes can be delivered at your location, online, or in our classrooms. For more information, call 781-376-6044 to speak with a training consultant or contact us.

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.

Exceptional Web design course materials 

Our proprietary curriculum has been proven effective in teaching [category short name] to thousands. You’ll receive our extensive written reference along with lesson files for you to continue your practice following the class. This Web design course includes a copy of our Digital Classroom book with many projects and exercises.

Repeat for free

If you need a refresher or miss a day of class, you can repeat the Web design class at no additional cost for one year.

Web design FAQ

Do I receive a Web design certificate?

AGI provides a certificate upon course completion, which can be shared on LinkedIn and verified digitally on the AGI website.

How many students are in a Web design class?

AGI limits its class sizes so that you receive personalized attention. Classes are limited to no more than 10 participants. 

Can I get specific Web design questions answered in the class?

Yes, as a live class, you can ask the instructor questions about how you will be using Web design.

Does this Web design class include job placement support?

AGI provides job support only when Web design classes are taken as part of a longer-term certificate program, where AGI has a dedicated career counselor assigned to each certificate student.

Is this Web design class for Mac or Windows?

You can attend this Web design class using a Mac or Windows computer. The application itself has identical functionality for both. If attending in our classrooms, a computer will be provided using the operating system of your choice.

 

Available Delivery Methods For This Class

CLASSROOM
LIVE ONLINE
PRIVATE
MY LOCATION