HTML Foundation Training Course Outline

We deliver 1-day training courses in HTML. The following is an outline of our HTML5 course:

Basic HTML 5 Course Outline

1-day course

HTML 5 Basic Course Prerequisites

Students taking this course should be familiar with personal computers and the use of a keyboard and a mouse. They should also be familiar with the Internet and have experience with using a browser to view Web pages. Furthermore, this course assumes that students have completed the following course or have equivalent experience:· Windows 8: Basic, Windows 7: Basic, Windows Vista: Basic, or Windows XP: Basic
Students will get the most out of this course if they’re new to Web development and want to learn how to use HTML and CSS to create Web pages. Students familiar with previous versions of HTML can also benefit by learning about some of the new elements of HTML5.

HTML 5 Basic Course objectives

 After completing this course, students will know how to:
· Create an HTML document from scratch; identify basic HTML syntax; create well-formed code; declare an HTML5 document; and define a basic document structure that includes headings and paragraphs.

 · Create a semantically meaningful document structure by using several new HTML5 elements; create lists; apply a variety of phrase elements; insert character entities; and modify elements by using various attributes.

 · Embed a style sheet and write basic CSS rules to format HTML content; create an external style sheet and link documents to it; apply color, text, and font styles; apply borders, margins, and padding; control element dimensions; create both fixed and flexible widths; and apply styles using IDs.

 · Create and modify tables to display tabular data; define a table structure, including headers, the table body, and a footer; apply styles to table elements; and span rows and columns to arrange data, headers, and footers.

 · Create links to internal and external resources; apply styles to various link states; apply styles to elements based on their context in the document structure; identify various image formats; embed an image and provide an effective text alternative; and apply background images from a style sheet.

The following is typical of the topics covered in the HTML Foundation course but courses will be designed to meet clients' needs. Other related topics such as Expression Web or Dreamweaver may also be covered during the course.

Getting started

Topic A: Introduction to HTML5
Topic B: Basic HTML structure
Unit summary: Getting started

Elements and attributes

Topic A: Document structure
Topic B: Phrase elements
Topic C: Attributes
Unit summary: Elements and attributes

Style sheets

Topic A: Introduction to style sheets
Topic B: Basic text and font styles
Topic C: Box styles
Unit summary: Style sheets


Topic A: Displaying tabular data
Unit summary: Tables

Links and images

Topic A: Creating and formatting links
Topic B: Working with images
Unit summary: Links and images



In addtion to the HTML Basic course shown above we also deliver an Advanced course that includes the following topics:

HTML 5 Advanced Course Outline

Authoring guidelines
Topic A: Planning a Web site
Topic B: HTML5 authoring
Topic C: Content organization and structure
Topic D: Basic SEO
Unit summary: Authoring guidelines

HTML5 forms
Topic A: Interactive forms
Topic B: Data validation and error feedback
Topic C: Form structure and styles
Topic D: Form design considerations
Unit summary: HTML5 forms

Audio and video
Topic A: Embedding native audio
Topic B: Embedding native video
Unit summary: Audio and video

CSS techniques
Topic A: Styles that improve efficiency
Topic B: Fonts in the cloud
Topic C: Generated content
Unit summary: CSS techniques

Local storage and site testing
Topic A: Editable content and local storage
Topic B: Site testing basics

HTML 5 Advanced Course Prerequisites

Students taking this course should have knowledge of and experience with several HTML5 elements and attributes, as well as some experience with style sheets (CSS).

This course assumes that students have completed the following course or have equivalent experience:
• HTML5: Basic

Students will get the most out of this course if they have experience with HTML, and with HTML5 in particular. They should understand basic HTML structure and design techniques, and they should know how to use CSS to format HTML markup.

HTML 5 Advanced Course objectives

After completing this course, students will know how to:
• Plan a Web site project, control a browser’s rendering mode, set character encoding and document language, comment their code effectively, ensure basic HTML5 support in old browsers, take advantage of semantic structural elements, and create page titles and descriptions that are optimized for search engine results pages (SERPs) and for other Web sites.
• Create interactive forms, set input field properties, define option groups, create data lists, enable spelling checks, create required fields, validate user data by using regular expressions, create and format fieldsets and legends, and identify best practices in form design.
• Embed native audio and video that work in all HTML5-supporting browsers, enable user controls, set audio and video properties, create a poster image, and embed videos hosted externally.
• Format elements based on their location in the document structure to avoid having to introduce new HTML, incorporate special fonts by using the Google Web Fonts API, apply shadow effects, and insert and format generated content.
• Create editable content, implement a script that saves user data in local storage,
format an editable region, and rotate an element.