CSS and Designing without Tables
Duration: 2 days
This course is included in our schedule of courses, using Dreamweaver
at the main tool. It can also be run on a customised basis; in such
circumstances another tool, such as FrontPage, might be the customer's
preference.
Topics Covered/Tasks Achieved
Introduction to CSS
- The Basic Purpose of CSS
- When it's OK to Use a Table
- Parts of a CSS Rule and Types of CSS Rules
- What Properties and Elements CSS can Affect
- Where CSS Styles can Be Defined
Putting CSS into Perspective
- CSS is Good For Colour, Fonts, and Images
- Multiple Style Sheets, Users, and CSS
- What CSS Alone Can't Do
- CSS and Web Accessibility
- Accommodating Older Browsers
- Making Modern Browsers More Accommodating
Digging below the Surface
- Applying CSS to HTML Documents
- How Inheritance Works in CSS
- Selectors and Structure of CSS Rules
- Universal Selector
- Element Type Selector
- Class Selector
- ID Selector
- Pseudo-Element Selector
- Pseudo-Class Selector
- Descendant Selector
- Parent-Child Selector
- Adjacent Selector
- Attribute Selectors
- Selector Grouping
- Expressing Measurements
- Absolute Values
- Relative Values
Page Layout with CSS
CSS Web Site Design
- Advantages of CSS Design
- CSS Positioning and Multi-Column Layouts
- The CSS Box Model
- The display Property
- Absolute, Relative, and Positioning Contexts
- More on Positioning Page Blocks
- Measurement Units and Types Influence Design
- The float and clear Properties
- The z-Index Property and Overlapping Content
Styling Text and other Content with CSS
- How to Specify Colours
- Setting body Colour
- Transparency, Colour, and User Overrides
- Interesting Uses of Colour
Making Fonts Consistent
- How CSS Deals With Fonts
- The font-family and font-size Properties
- HTML Sizes Versus CSS Sizes
- Variability Across Browsers and Platforms
- Other Font Properties
- Standard Versus Non-Standard Font Families
- Specifying Font Lists
- Using Nonstandard and Downloadable Fonts
Text Effects and the Cascade
- Using the span Element
- Text Alignment as a Design Technique
- Horizontal and Vertical Spacing
- The line-height, letter-spacing and word-spacing Properties
- Text Decorations
- Shadowed Text Without Graphics
- Styling Hyperlinks
- Styling Lists with CSS
- Cascading and Inheritance
- Basic Principles of Cascading
- Sort Order
- Specificity
- Origin
- Weight
Adding Graphics to the Design
- Alignment of Images and Text
- Placing Text On Top of Images
- Clipping HTML Content
Non-Obvious Uses of CSS
Improving the User Experience
- Basic List Styling With CSS
- Enhancing the Look of a Menu
- Creating a Submenu within the Main Menu
- Using a Background Image as a Fixed Canvas
|
|
|
