|
wl142-ver1.0
XHTML and Cascading Style Sheets (2 days)
Description
This courseware training guide book will teach you to benefit from the CSS technology that gives you more control of page layout and the ability to control the design of multiple pages on your site from a single file. Additionally, CSS allows you to develop more sophisticated layouts, font schemes, and even interactivity for your pages than was possible using just HTML.
Suggested PrerequisitesThis is a fast-paced class for people who have spent many years working with HTML. We recommend a minimum of 5 years experience writing HTML.
Next Course• Introduction to JavaScript for New Programmers
• Introduction to XML
ObjectivesBy the end of the class students will be able to:
• Transition from writing HTML to XHTML, the current standard for Web pages and the preferred markup for use with CSS
• Understand how to build complex, but lightweight page layouts that could never be created with just 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
Course OutlineHTML: What it Has Been, What it Is, and What it is Supposed to Be
(X)HTML Structure • DOCTYPES: what are they? • Valid HTML and XHTML DOCTYPES
XHTML Tags • Validation
Sectioning HTML Pages: and
CSS: Making HTML Look Presentable
CSS Syntax • Selector – Property - Value • Where Do CSS Rules Go? • More on Selectors
The Cascade: Inheritance and Precedence • Precedence • Inheritance • Where Do CSS Rules Go? Embedded Style Sheets • @import • @media
More on Selectors • Descendant Nodes • Other Descendant Selectors • Pseudo-Element Selectors
Classes And Ids • Classes • ID • When Should I Use Which Selector?
Measurements in CSS
Text Properties • text-indent • text-align • text-decoration • letter-spacing • word-spacing • text-transform • white-space • line-height
Font Properties • font-family • font-style • font-variant • font-weight • font-size • font
Colors and Backgrounds • Color • Background Images
Lists • list-style-type • list-style-position • list-style-image • list-style
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
Tables • table-layout • border-collapse
Page Layout with CSS: float, position, display • float • clear • Column layouts with float and clear • positioning • display
Case Study
Appendix A: CSS Drop-Down Menus
|
|
|
|
