XHTML and Cascading Style Sheets
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'll 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
Who Needs to Attend
Experienced HTML users.
We recommend that you have at least five years of experience writing HTML.
There are no follow-ons for this course.
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
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
- Where Do CSS Rules Go? Embedded Style Sheets
8. More on Selectors
- Descendant Nodes
- Other Descendant Selectors
- Pseudo-Element Selectors
9. Classes and IDs
- When Should I Use Which Selector?
10. Measurements in CSS
11. Text Properties
12. Font Properties
13. Colors and Backgrounds
- Background Images
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
17. Page Layout with CSS: float, position, display
- Column Layouts with float and clear