Introduction to HTML and CSS (2 days)
LHT-41: Fixed price HTML training delivered on your site at any UK location.
COURSE OUTLINE |
pricing | more HTML training |
This is an introductory-level course for those new to website development. Using a mix of lectures and well-designed project work, the course provides practical experience in how to create quality websites through the use of the W3C's standards-based HTML and CSS. The course promotes 'best practice' with regard to the Web Accessibility Initiative's Web Content Accessibility Guidelines (WCAG) and upon completion, attendees will know how to create visually pleasing and efficient web pages which meet the WAI guidelines.
Suggested Prerequisites
This is a course for HTML beginners. There are no prerequisites other than an aptitude for working with a PC.
(X)HTML Basics
- The Different Flavours (HTML 4.01 and XHTML 1.0) explained
- Creating a Simple HTML Page
- About White Space
- The Importance of Comments
- About 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
- How to Check Pages for Validity according to a W3C published grammar
- Where to Get Help
Working with Page Structure
- Block Level and Inline Elements Explained
- the Importance of 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
"All the course was interesting."
Content Executive
J D Williams and Co
(Manchester)