XHTML and Cascading Style Sheets

$800.00


  • Virtual Classroom

  • Onsite

← Continue Searching

Duration: 2 Days

In this fast-paced course, learn to use XHTML and Cascading Style Sheets (CSS) technology for more control of page layout and the ability to control the design of multiple pages on your site from a single file. Additionally, learn to use CSS to develop more sophisticated layouts, font schemes, and interactivity for your pages than was possible using just HTML.

What You Will Learn

 

  • Transition from writing HTML to XHTML, the current standard for web pages and the preferred markup for use with CSS
  • Build complex, but lightweight page layouts that could never be created with HTML alone
  • Precisely format and position text with the level of control previously found only in desktop publishing software
  • Apply design decisions made for one page to a group of pages, ensuring a consistent look and feel and shortening the time it takes to develop and maintain the site
  • Choose the right doctype and validate XHTML and CSS code
  • Create XHTML or HTML markup that separates content from presentation, through the use of headings, paragraphs, and lists
  • Use div and span tags for layout instead of table-based layouts

Audience

 

Experienced HTML users.

Prerequistes

 

We recommend that you have at least five years of experience writing HTML.

Course Outline

 

1. HTML: What It Has Been, What It Is, and What It Is Supposed to Be

2. (X)HTML Structure

  • DOCTYPES: What are they?
  • Valid HTML and XHTML DOCTYPES

3. XHTML Tags

  • Validation

4. Sectioning HTML Pages: <div> and <span>

 

5. CSS: Making HTML Look Presentable

6. CSS Syntax

  • Selector - Property - Value
  • Where Do CSS Rules Go?
  • More on Selectors

7. The Cascade: Inheritance and Precedence

  • Precedence
  • Inheritance
  • Where Do CSS Rules Go? Embedded Style Sheets
  • @import
  • @media

8. More on Selectors

  • Descendant Nodes
  • Other Descendant Selectors
  • Pseudo-Element Selectors

9. Classes and IDs

  • Classes
  • ID
  • When Should I Use Which Selector?

10. Measurements in CSS

11. Text Properties

  • text-indent
  • text-align
  • text-decoration
  • letter-spacing
  • word-spacing
  • text-transform
  • white-space
  • line-height

12. Font Properties

  • font-family
  • font-style
  • font-variant
  • font-weight
  • font-size
  • font

13. Colors and Backgrounds

  • Color
  • Background Images

14. Lists

  • list-style-type
  • list-style-position
  • list-style-image
  • list-style

15. The CSS Box Model

  • Width and height
  • Padding, padding-left, padding-right, padding-top, padding-bottom
  • Border properties
  • Margin, margin-top, margin-right, margin-bottom, margin-left
  • Overflow

16. Tables

  • table-layout
  • border-collapse

17. Page Layout with CSS: float, position, display

  • Float
  • Clear
  • Column Layouts with float and clear
  • Positioning
  • Display

18. Case Study

19. Appendix A: CSS Drop-Down Menus

Course Labs