XHTML and CSS Training: Mastering XHTML and CSS

Course Number: HTML-100
GSA/Previous Course Number: 800
Duration: 3 days
view class outline

XHTML and CSS Training Overview

Accelebrate's Mastering XHTML and CSS training class teaches attendees the hands-on, real-world skills they need to successfully build Web sites using XHTML (Extensible Hypertext Markup Language) and CSS (Cascading Style Sheets).

Location and Pricing

Most Accelebrate courses are taught on-site at our clients' locations worldwide for groups of 3 or more attendees and are customized to their specific needs. Please visit our client list to see organizations for whom we have recently delivered training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. To see a schedule of online courses, please visit http://www.accelebrate.com/online_training/xml_html_js.htm.

XHTML and CSS Training Prerequisites

All HTML training students should have at least two years' experience using Windows or Macintosh computers, and at least one year of experience using the World Wide Web. Touch typing experience is strongly recommended but not required.

Hands-on/Lecture Ratio

This HTML training class is 70% hands-on, 30% lecture, with the longest lecture segments lasting for 10 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

XHTML and CSS Training Materials

All HTML training students receive a copy of Peachpit Press's HTML for the World Wide Web with XHTML and CSS: Visual QuickStart Guide and related courseware.

Software Needed on Each Student PC

Firefox 2.0 or later or Internet Explorer 6 or later
The Web page or text editor that students will be using after class. Recommended editors include:

Macromedia HomeSite
Adobe Dreamweaver
Microsoft Expression Web
Adobe GoLive
Less recommended: Notepad or WordPad (Windows), SimpleText (MacOS), BBEdit (MacOS)

XHTML and CSS Training Objectives

To teach attendees the XHTML skills they need to successfully layout pages, create links among the pages on their site and to other sites, place images, and build tables and forms.
To equip attendees with the CSS skills they need to:

Apply a wide range of attractive formatting and style options to text
To position text and graphics quickly and easily on their pages
To apply design decisions they make on one page to other pages on their site

XHTML and CSS Training Outline

Understanding the World Wide Web

The relationship between browser and server
The roles of HTML, HTML, CSS, and other technologies used in Web development

XHTML page framework tags

<html> and </html>
The role of the <head>...</head> region
The role of the <body>...</body> region
Adding a title, meta keywords, and meta description tags

Text formatting and layout with HTML

Headings and subheadings
Paragraph text (including how to bold, italicize, and underline text)
Bulleted and numbered lists
Using attributes to align text
Setting up text regions with <div>...</div> and <span>...</span> tags

Working with images

Understanding the GIF, JPEG, and PNG image formats (and when to use them)
Optional (if software is available): Optimizing graphics for use on the Web with Macromedia Fireworks, Adobe ImageReady, or another graphics program of the client's choice.
Positioning images on the page
Flowing text around images
Using a <div> or <span> region to position an image

Using tables to display grids of data

Positioning tables on the page
Turning grid lines on and off
Customizing the table's appearance
Creating table heading and table data cells
Configuring cells to span multiple rows or columns

Linking it all together

Creating links to other pages on your site
Creating links to pages on other sites
mailto: links (for sending email)

Techniques for automatically filling in the subject, cc:, and bcc: fields

Creating links to specific positions within the same page and other pages
Handling link management challenges

Fill-in Forms

The role of forms and how they interact with server-side programs
Techniques for effective form design
Creating text fields, text areas, password fields, and hidden fields
Designing radio button and checkbox sets
Adding lists and menus to your forms
Finishing the form with submit, reset, or image buttons
Discussion of how JavaScript can improve forms (by validating user input, performing calculations on entered numbers, controlling cursor tabbing order, etc.)

Introducing Cascading Style Sheets (CSS)

Origins of CSS
How CSS are used today

To format and position text
To control which content is visible/invisible on a page
To position graphics
To allow formatting decisions made on one page to be applied across multiple pages

Where CSS "fits" in the page

Linked style sheets
Embedding style sheets
Inline style sheet

Text formatting with CSS

Controlling font family, size, weight, style, and other properties
Applying text formats to multiple page sections (even if these sections are initially formatted very differently)
Reusing text formats across multiple pages

Positioning content with CSS

Breaking the page into DIV and SPAN regions
Understanding techniques for relative and absolute positioning
Using Z-Index values to control element stacking (and how to use this stacking to create drop shadows and other special effects)

Introducing Dynamic HTML

What JavaScript is, and how it works with CSS to facilitate dynamic pages
Overview and demonstration of all the types of effects that can be created
Using JavaScript with CSS to show/hide portions of a page
Using JavaScript with CSS to create rollover links (links that change style when the mouse passes over them)

Conclusion

VB.NET, C#, ASP, & ASP.NET Training

Java Training

SQL Server Training
SharePoint Training

Adobe Training

“Accelebrate,” “Accelerated Learning Celebrated Results,” and the Accelebrate logo are registered trademarks of Accelebrate, Inc. All other product names and trademarks are property of their respective owners. Course outline content may mirror or be derived from the book that each student receives with the course. Otherwise, all content is copyright © 2003- by Accelebrate, Inc. of Atlanta, Georgia, USA. To contact us, please use the contact form, email info@accelebrate.com us, or call 1 877 849 1850 in the US and Canada, 0808 234 2132 in the UK, 1 800 550 311 in Ireland, or +1 678 648 3113 from all other locations.