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.

Advanced CSS Training

 PDF PrintEmail

Course duration

  • 2 Days

Course Outline

In this advanced CSS training class, students will learn to use CSS to format forms, create list-based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand properties.

  • Learn to position elements with CSS.
  • Learn advanced CSS page layout techniques.
  • Learn how to use shorthand CSS properties.
  • Learn to create cool effects with background images using CSS.
  • Learn to lay out forms without tables.
  • Learn to use CSS with lists to create hierarchical navigation.
  • Learn to organize your CSS code.
  • Learn about browser support for CSS.
  • HTML
  • Basic CSS
  1. Positioning and Visibility
    1. Element Flow
    2. Position
    3. Positioning
    4. Z-index
    5. Display
    6. Visibility
    7. Float
    8. Clear
  2. Advanced CSS Page Layout
    1. Resetting Styles
    2. Full Width Layouts
      1. Two-column
      2. Three-column
    3. Positioning the Headings
    4. Fixed Width Layouts
      1. Two-column
      2. Three-column
    5. A Recommendation on Positioning
      1. Other Methods of Layout
    6. Laying out a Page - The power of float
  3. CSS Shorthand Properties
    1. What is CSS Shorthand?
      1. List of CSS Shorthand
    2. Shorthand Margins and Padding
    3. Shorthand Border and Outline
    4. Shorthand Backgrounds
    5. Shorthand Fonts
    6. Shorthand Lists
    7. Using Shorthand
  4. CSS Lists as Hierarchical Navigation
    1. Using Lists as Vertical Navigation
    2. Using Nested Lists as Navigation
    3. Using Lists as Horizontal Navigation
    4. Using Lists as Drop-Down or Fly-Out Navigation
    5. Using a List to Create a Navigation Menu
  5. CSS Background Tricks
    1. The State of Rounded Corner Boxes
    2. Fixed-width Rounded Corner Boxes
    3. Relative-width Rounded Corner Boxes
    4. "Mountaintop" Corner Boxes
    5. Tabbed Navigation
    6. Drop Shadows
    7. Replacing Text with an Image
    8. Using Backgrounds
  6. Laying out and Styling Forms with CSS
    1. Laying out the Questions
    2. Creating the Form
    3. Reset Revisited
    4. Styling the Form
    5. Expanding the Form
  7. CSS Best Practices
    1. Review some of recommended CSS Best practices
  8. Browser-compatibility Issues
    1. Quirks Mode
    2. Internet Explorer Conditional Statements
    3. Common Browser Bugs / Issues
    4. Fixing the Box Model Bug

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.