This 2-day Adobe CSS training course covers the following areas:
Unit 1: Overview of CSS
- Content vs presentation.
- Implementing CSS - inline, internal and external styling.
- The benefits of using CSS - file size, features, maintainability, accessibility, devices.
- Standards – XHTML vs HTML, Doctypes.
Unit 2: CSS Theory through Fundamental Application
- Content and the document tree
- CSS rules - selectors and declarations, properties and values
- Selectors – tag, class, id, group, pseudo-class, pseudo-elements and advanced
- CSS features - typography, layout, etc
- Attaching CSS style sheets - link, @import
- Shorthand notation – font, background, margin, padding, border, TRBL
- Cascading, inheritance and specificity
- The CSS box model
- Inline and block elements
- CSS layout – relative and absolute positioning, floating and clearing floats
- Browsers and CSS
Unit 3: Applying CSS to create Advanced Designs and Layouts
- Most of day 2 is spent practicing using CSS in more typical situations using projects from Eric Meyer’s book. We aim to cover some particular projects but other projects can be explored if the class is in mutual agreement.
Complex Design and Layout
- Taking plain HTML content and imposing an impressive design and layout from scratch by hand-coding the CSS. En route, we resolve various ‘problems’ that arise through some of the subtleties of CSS and learn several layout techniques.
Menu Systems
- Creating list-based menus with CSS – no tables!
- Crafting attractive tab-based menus
Styling for Screen & Print
- Creating style sheets that affect screen and print differently.
Other Projects for Consideration
- Creating CSS driven drop-down menus, intricate background image work and styling photo galleries.