10549 XHTML Technologies
 

Network University...

Sample XHTML Lessons:

Form Buttons
Form Check Boxes
Form Radio Buttons
Form Text Fields
Form Text Areas
Form Select Menu
Form Special Topics

 

XHTML Web Design

Duration: Start at any time - Completion at competence.

Price: $2095.

Description: XHTML is the open standard designed to replace HTML. This hands-on XHTML Web Design course provides the student with the information and lab experience necessary to create a commercial quality web site using the latest XHTML technologies. Upon completion students will be able to plan and develop commercial quality web sites that use the next generation of HTML, the XHTML technologies. The course presents the concepts necessary to build XHTML web sites that allow users to access information through different browser technologies such as computers, mobile phones, hand helds, web TV, and other browser enabled XHTML compliant devices. Students learn how to develop commercial web sites that work on current and future XHML supported browsers as well as all browsers which are backward compatible. The important media types of XHTML such as aural, braille, embossed, handheld, print, projection, screen, tty, and tv are also covered.

Prerequisites: This course is intended for individuals who need to know XHTML well and are tasked with designing and producing usable commercial web sites that will work on a maximum number of browsers and internet appliances. General computer literacy is required and a knowledge of HTML is helpful, but not required.

Overview of Topics Covered:

Background Information:

  • Why XHTML
  • Comparing HTML to HTML
  • Text Editors
  • HTML Elements and Tags
  • Tag Attributes
  • Structural Markup
  • Stylistic Markup
  • Descriptive Markup

Structure of the XHTML Document:

  • Document Content
  • Document Structure
  • Document Style
  • Flow Objects
  • Document Trees
  • Tree Nodes
  • Parents, Children and Siblings
  • Document Parsing

XHTML Lists:

  • Basic Idea
  • Unordered Lists
  • Ordered Lists
  • Altering Bullet Styles
  • Nesting Lists
  • Definition Lists
  • Lists for Different Media Types

Cascading Style Sheets with XHTML:

  • Concepts of CSS
  • General Syntax
  • Style Sheet Locations
  • CSS Backgrounds
  • CSS Text
  • CSS Fonts
  • CSS Borders
  • CSS Margins
  • CSS Paddings
  • CSS Lists

XHTML Forms - Applications:

XHTML Tables:

  • XHTML Table Structure
  • Table Headers and Captions
  • Complex Structures
  • Table Spanning
  • Rowspan and Colspan
  • Summary Table Attribute
  • Table 'border'Attribute
  • Table 'fame' Attribute
  • Table 'rules' Attribute
  • The 'cellspacing ' Attribute
  • The 'bgcolor' Attribute

Links and Embedded Objects:

  • Anchor Tags
  • Relative Links - Same Folders
  • Relative Links - Different Folders
  • Absolute Links - Same Server
  • Other Links - Different Servers
  • Using Attributes
  • Image Links
  • Logo Links
  • Applets
  • Ob jet Element
  • Linking Sound Files
  • Linking Video Files

Advanced Images with XHTML:

  • Transparent GIFs
  • Animated GIFs
  • Interlaced GIFs
  • Progressive JPEG
  • Transparency Masks
  • Image Animation
  • Image Map Circles
  • Image Map Rectangles
  • Image Map Polygons
  • Image Area Mapping
  • Low Bandwidth Graphics

XHTML Meta-Data Search Engines:

  • Search Engines
  • Using the <head> Element
  • Using the <title> Element
  • Using the <meta> Element
  • The 'name' Attribute
  • The 'content' Attribute
  • The 'http-equiv' Attribute
  • The PICS-Rating
  • The <link> El element
  • The <base> Element
  • PICS
  • RDF

XHTML Site Design Concepts:

  • Marketing Analysis
  • Story Boards
  • Scalability
  • Linking Paradigms
  • Inline Links
  • Linear Site Structure
  • Hierarchical Site Structure
  • Combined Site Structures.
  • Modular Site Design
  • Designing for Internet Appliances
  • Site Branding
  • Color Schemes
  • Content Management
  • Link Rot

XHTML Media Types:

  • Types and Descriptors for Media
  • Style Sheets for Different Media
  • Using the <style> Element
  • Using the '@media' Rules in Document
  • Using the '@media' Rules with CSS
  • Paginated Media Printing
  • The 'page-break' Properties
  • The 'page-insied' Properties
  • The 'orphans' Property
  • The 'window' Property
  • The '@page' Rules

XHTML with Multimedia:

  • Audio Plug-Ins
  • The <embed> Element with Audio
  • The <object> Element with Audio
  • Common Audio Attributes
  • Specific Audio Attributes
  • Video Plug-Ins
  • The <object> Element with Video
  • The <embed> Element with Video
  • Streaming Audio
  • Streaming Video

 

 

 

 

Migrating from HTML to XHTML:

  • Why HTML is no longer supported
  • Introduction to XML
  • The well-formed XML document
  • Working with different browsers
  • Web enabled user agents
  • Differences in HTML and XHTML
  • The W3C

Parts of the XHTML Document:

  • Version Declarations
  • The DOCTYPE Declaration
  • The Document Head
  • The Document Title
  • The Document Body
  • XHTML Comments
  • XHTMl Block Elements
  • Inline Descriptive Elements
  • Inline Style Elements

XHTML Attributes:

  • The "id" Attribute
  • The "name" Attribute
  • The "class" Attribute
  • The "style" Attribute
  • The "title" Attribute
  • The "align" Attribute
  • Presentational Attributes
  • The <hr /> Attribute
  • Lists Attributes

Advanced CSS for XHTML:

  • CSS Dimension
  • CSS Classification
  • CSS Positioning
  • CSS Pseudo-class
  • CSS Pseudo-elements
  • CSS Media Types

XHTML Forms - Background:

  • Use of XHTML Forms
  • Client-Server Interactions
  • The <form> Element
  • The 'action' Attribute
  • The 'method' Attribute
  • The 'name' Attribute
  • The 'id' Attribute
  • The 'target' Attribute
  • The 'enctype' Attribute

Advanced XHTML Tables:

  • CSS Table Padding
  • CSS Background Color
  • Setting Width and Height
  • Aligning Tables with CSS
  • Nesting Tables
  • Aligning Text in Tables

XHTML Tables for Site Layouts:

  • Basic Idea
  • Header and Navigation Strips
  • Using Bullet Bars
  • Setting Table Margins
  • Designing for Paginated Media
  • Designing for Web TV
  • Designing for Small Device Displays
  • Accessibility Guidelines

Images with XHTML:

  • Bitmaps
  • Vector Graphics
  • Compression Types
  • Standard GIFs
  • Standard JPEGS
  • The PNG File Format
  • The '<img>' Element
  • The 'londesc' Attribute
  • The 'width' and 'height' Attribute
  • The 'hspace' and 'vspace' Attribute
  • The 'align' Attribute
  • The 'border' Attribute
  • The 'ismap' and 'usemap' Attribute

XHTML Frames:

  • Reasons not to use Frames
  • Creating Frame Sets
  • The 'cols' and 'rows' Attributes
  • Attributes of the Frame Element
  • Nesting Frames
  • Nesting Framesets
  • Targeting Frames
  • Creating Inline Frames
  • CSS and Frames
  • The <noframes> Element
  • Displaying Frames

XHTML Namespaces:

  • URI's as Unique Names
  • Namespace Declarations
  • Namespace Defaulting
  • Client-Request HTTP Header.
  • Mime Types

XML Introduction:

  • Basic Idea
  • Well-Formed Documents
  • XML Declaration
  • XML Elements
  • XML Attributes
  • Other XML Features
  • Valid XML Documents
  • Using DTDs
  • XML with CSS

XHTML Page Design:

  • Background Images and Colors
  • Color Combinations
  • Hypertext Links
  • Font Considerations
  • Text Layouts
  • XHTML Compliant Browsers
  • Using Proxy Servers
  • Building Pages on the Server

Advanced XHTML Media Strategies:

  • Display Surfaces
  • Graphical Resolutions
  • Fonts
  • Display Bit Depths
  • Technology Side-Effects
  • File Format Support
  • Plug-in Support
  • Mouse Support
  • Key Support
  • Viewing Distance
  • Usage Models
  • Using XSL Transforms

Emerging XHTML Standards:

  • XHTML Transitional
  • XHTML Strict
  • XHTML Frameset
  • XHTML Basic
  • XHTML 1.0
  • XHTML 1.1
  • Module-based XHTML
  • XHTML 2.0

 

 

 

Adamson House, Ltd.
www.adamsonhouse.com
4 Park Street
Pittsfield, NH 03106