English French German Italian Portuguese Russian Spanish

logo_old

  • Web Design Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Design

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Design

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

CSS3 for Web Designers and Developers

 PDF PrintEmail

Course duration

  • 2 Days

Course Outline

This CSS3 for Web Designers and Developers training class is intended for web designers and developers already familiar with cascading style sheets. This course will expose students to new features in CSS3. Students will learn to leverage the power and efficiency of this most recent version of CSS, learning how to use new selectors and pseudo elements; new font, color, and layout techniques; transforms, transitions, and animations; media queries for presenting on mobile devices; and more.

  • Learn new selectors, pseudo class, and pseudo elements to style elements.
  • Learn font and text effects, including @font-face.
  • Learn new gradient, mask, and background image techniques.
  • Learn how to implement animations, transitions, and 2D and 3D transforms.
  • Learn how to use media queries to render content appropriately for mobile and tablet devices.
  • Learn about vendor-specific prefixes and browser support for various CSS3 techniques.
  • HTML
  • Advanced level of CSS
  1. The Power of CSS
    1. Doing More with Less
    2. A First Example
    3. Challenges
    4. Next Up
  2. Introducing CSS3
    1. What is CSS3?
    2. The History of CSS
    3. Browser Support
    4. HTML5
  3. Selectors and Pseudo Classes
    1. Attribute Selectors
    2. The Target Pseudo-Class
    3. UI Element States Pseudo-Classes
    4. Negation Pseudo-Class
    5. Structural Pseudo-Classes
  4. Fonts and Text Effects
    1. Fonts on the Web
    2. Font Services
    3. The @font-face Rule
    4. Text Shadow
    5. Word Wrapping
  5. Colors, Gradients, Background Images, and Masks
    1. Color
    2. The Opacity Property
    3. Backgrounds
    4. background-origin, and background-size
  6. Borders and Box Effects
    1. Image Borders
    2. Rounded Corners
    3. Box Shadow
  7. Transitions, Transforms, and Animations
    1. Transitions and Transforms
    2. Transitions
  8. Layout: Columns and Flexible Box
    1. Layout: Columns and Flexible Box
    2. Flexible Box Model
  9. Vendor Prefixes
    1. What Are Vendor Prefixes?
    2. Maybe They Ain't So Bad
    3. Strategies
  10. Embedding Media
    1. Video Formats
    2. Styling Video
  11. Accessibility Features
    1. Web Accessibility
    2. The CSS3 Speech Module
  12. Media Queries
    1. Targeting Widths and Devices with CSS3 Media Queries
    2. Responsive Images and the viewport Metatag
  13. Implementing CSS3 in the "Real World"
    1. Stuff That Ain't (Strictly) CSS, but Sure Is Useful
    2. jQuery
    3. HTML5
    4. Modernizr
    5. Preprocessors
    6. Frameworks and Grid Systems
  14. Going Forward/Additional Resources
    1. What's Next?
    2. Online Resources
    3. Get Involved

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.