Training
>
Courseware >
XHTML with CSS
Summary
XHTML with CSS courseware covers the principles of XHTML, what it is as well as how to migrate from HTML to XHTML. The section on CSS describes the Cascading Style Sheet format and how to use CSS to separate the look and feel from the data. Advanced sections cover positioning elements with CSS, CSS and JavaScript event handling and basics of Search Engine Optimization.Description
Length
2 days, 325 pages
Audience
Web developers and designers.
Prerequisites
Familiarity with basic HTML and editing HTML files using a text editor.
Outline
Module 1 - XHTML
- Overview
- Intro, Elements, Attributes, Nested-elements
- Blocks and Inline Elements
- Layout vs. presentation elements
- Best practices
- XHTML
- Well-formedness
- Grammar (DTD, Schema)
- Validation
- Editing
- Editing source, white space, special characters
- WYSIWYG visual editing
- Working around complicated code
- Best practices
- Creating links
- Relative, Absolute, Default
- Targeting Frames (windows)
- Email links
- Anchors
- Best practices
Module 2 - CSS
- Overview
- Intro
- Advantages of using CSS
- Formatting with use of styles
- Understanding classes and CSS (using existing classes as opposed to defining new ones)
- Best practices
- Controlling layout using styles
- Using <div> over <table> where appropriate
- Best practices
Module 3 - JavaScript
- Overview
- Intro
- HTML Events
- Invoking JavaScript on HTML events
- Best practices
- Pop-ups
- Understanding and best practices (fundamentally not creating them)
Module 4 - Advanced CSS
- Overview
- Cascading-nature of CSS
- CSS Rules, Type/Class/ID/Descendant Selectors, Grouping
- Specifying style
- Controlling styles of elements, pages, and sites
- Managing tables, menus, and forms
- Using the <strong> tag
- Best practices
- Positioning elements
- Using CSS to specify layout (using <div> instead of <table>)
- Classing 3-column layout
- Best practices
Module 5 - JavaScript-CSS
- Controlling CSS styles dynamically with JavaScript
- Best practices
Module 6 - Search Engine Optimization
- Structuring site and page layout for better searchability and ranking
- From Dynamic to Static pages - what search engines prefer to index
- Two approaches: mod_rewrite and page caching
