HTML and CSS for Developers (2 days)
LHT-42: Fixed price HTML training delivered on your site at any UK location.
COURSE OUTLINE |
pricing | more HTML training |
This is a course for developers which focuses on creating quality websites through the use of the W3C's standards-based (X)HTML and CSS. The course also teaches best practice with regard to the Web Accessibility Initiative's Web Content Accessibility Guidelines (WCAG) such that attendees will know how best to produce results which meet the WAI guidelines of their choice.
Suggested Prerequisites
Basic IT competence. Some scripting experience would be beneficial but is not essential.
HTML Basics
- The Different Flavours (HTML 4.01 and XHTML 1.0) explained
- Creating a Simple HTML Page
- Tags, Attributes and the Well Formedness Rules
- Basic HTML Rules and Syntax
- Page documentation Best Practice: Using
<meta>and<link>tags - The Importance of the Document type Definition
- Checking Pages for Validity according to a W3C published grammar
Working with Page Structure
- Block Level and Inline Elements
- Creating a Sound Heading and Paragraph Structure
- Creating Well-Formed Lists
- Other Structural Elements (eg:
<q>,<blockquote>,<code>,<pre>) - Using <div> and <span> to group elements for better structure
Hyperlinks and Images
- Creating and Documenting Clear Text and Image Hyperlinks (using the
alt,title, andlongdescattributes) - Targeting Links with Named Anchors
- Hyperlinks that Open a New Window
- Constructing Good Navigation Mechanisms
- Working with Images
- Properly Documenting and Describing Images
Formatting with Cascading Style Sheets (CSS)
- CSS Explained
- The Importance of Relative Measurements
- How to use HTML Selectors, Class Selectors and ID Selectors
- Creating Inline, Embedded and External Styles
- Text Formatting: Size, Face, Weight, Special Effects etc
- Special (Pseudo) Styles for Hyperlinks
- Different Multi Column Approaches (CSS-positioning,
float) - Designing Pages that Work with or without Style Sheets
Working with Tables
- Inserting Tables - Specifying Columns and Rows
- How to Construct Accessible Tables
- Table Summaries, Captions, Special Header Rows
- Grouping Rows and Columns
- Specifying Headers and Header Abbreviations
- Using Percentages and Relative Values
Advanced Features
- Working with Forms to Collect User Information
- Forms and Accessibility Considerations
- How to work with Frames
- The Benefits and Disadvantages of Frames
- Including Scripts in a Page
- Creating Client Side Scripts
- Specifying the Script Language
- Running Scripts from Hyperlinks
- Using Event Handlers to Run Scripts
"Any problems that I had were quickly assessed and corrected."
Web Designer
J D Williams
(Manchester)