HTML, XHTML, and CSS Training
Course Description
This course is designed to introduce HTML and XHTML basics for creating meaningful and interesting pages. The course includes fun and real-world examples to highlight the differences between HTML and XHMTL. Cascading Style Sheets have become a fundamental part in the development and management of web pages. CSS plays a critical role for any organization that has adopted the concept of separating content from presentation in Web pages.
Course Objectives
Upon completion of the course, students will be able to:
- how the Web operates in conjunction with XHTML's role
- basic Web page construction – including the major Tag
- a Web page that includes multiple images and hyperlinks
- the <HEAD> section as well as the corresponding Meta-data
- the basic Tag attributes
- and add one or more lists to a page
- the benefits of XHTML
- between XHTML well-formed and XHTML validity rules
- HTML to XHTML conversion
- CSS theory and concepts including selectors, cascading, inheritance, and specificity
- how CSS properties and values are used to control positioning, color, background and borders
Course Audience
- Developers
- Engineers
- Web Developers and Managers
- Graphic Designers
Course Prerequisites
- understanding of the Web
- programming experience is helpful for the CSS portion but is not required
Course Topics
- HTML Basics v1.2
- Internet Terminology and the History of Markup
- HTML and (X)HTML Versions
- Markup
- Tags
- Attributes
- Common Core Attributes
- Basic HTML Tags
- Body, head, headers
- Document Formatting Tags
- Text Formatting Tags
- HTML Events and When They Occur
- Summary
- HTML Tags v1.2
- Forms
- The <input> Tag
- The <textarea> Tag
- <select> and <option>Tag
- Submit and Reset Button
- The Action and Method Attribute
- Form Submission: Get vs. Post
- Linking Documents
- The Anchor Tag <a>
- Relative vs. Absolute Links
- Images
- Image Formats
- <img> Tag and its Attributes
- Tables
- Creating Tables
- Rows and Columns
- Using thead, tfoot and tbody
- Special Characters
- Formatting Tags
- HTML Lists
- HTML Tags Details v1.1
- Logical vs. Physical Tags
- Block vs. Inline Tags
- Box Model
- The <div> and <span> Tags
- Understanding DOCTYPE
- Quirks Mode and Standards Mode
- Which DOCTYPE Should I Use?
- XHTML Basics v1.2
- XHTML Basics
- What’s wrong with HTML?
- XHTML vs. CSS vs. JavaScript
- Why use XHTML?
- XML (XHTML) Rules
- XML (XHTML) Validity Rules
- Converting HTML to XHTML
- Mandatory XHTML Elements
- CSS Introduction v1.2
- CSS History
- Why use Style Sheets?
- CSS Syntax
- Placement of Styles
- Inline Style Attribute
- The <style> Tag
- External CSS Files
- Browser Default Style Sheets
- The Style Object
- CSS Property References
- CSS Inheritance and Selectors v1.1
- Understanding Style Inheritance
- CSS Style and Computed Style
- Understanding Selectors
- CSS Syntax for Classes and IDs
- More on Selectors
- Pseudo Selectors, Classes and Elements
- CSS Formatting Specifics v1.1
- CSS Shorthand Properties
- Text and Fonts - The Big Picture
- Fonts: font-family, size, weight and style
- Text: text-decoration, color, dimensions
- Background Properties
- Background-Image
- CSS Box Model v1.1
- Block tags vs. Inline tags
- Box-Level Individual Properties, Content Area, Padding Properties, Border Properties
- Box Model: Margins,Margin Properties, Negative Margins, Collapsing Margins
- Margins vs. Padding
- IE and the Box Model
- CSS Positioning v1.1
- Positioning 101
- Normal Flow
- Relative and Absolute Positioning
- Floating and Positioning
- Tableless Layout
- CSS Positioning v1.1
- The Cascade
- How Many Ways can an Element be Styled?
- Sources of Style Rules
- How are Conflicts Resolved?
- Who Supplies the Rule
- Specificity
- CSS Appendix v1.1
- Validating CSS
- The W3C Validator
- If Expressions in IE
- CSS Best Practices
- Creating CSS for Different Media
- Browser Differences
Buy This Course
Questions? Call us at
1-877-206-0106
| Upcoming Classes |
| 10/18/2010 - 10/20/2010 |
Web Based |
 |
Buy This Course
You may also be
interested in: