HTML Training

Getting started with HTML

 is the core language for creating web pages.

 This course is aimed at anyone wishing to learn how to write and edit HTML code, whether your intention is to hand-code or to use a visual editor such as Dreamweaver.

 This course is an ideal primer for our Introduction to CSS course, which moves into building more complex page layouts with stylesheets. General

 Website structure and management

 Following standards – usability and accessibility issues, essential page elements and properties

 About web browsers

HTML/XHTML

 About XHTML – why you should use current standards and how XHTML differs from HTML

 Principals of HTML – element structure, tags and properties

 Writing good HTML – rules and conventions 

Formatting

 Paragraphs and line breaks

 Heading tags

 Multiple spaces

 Special characters

Tables

 When and how to use tables

 Table properties

Images

 About web graphics – JPEG and GIF

 Controlling image placement

 Setting Image properties via HTML

Hyperlinks

 Understanding document relative and absolute paths, email and external links

 Creating simple navigation for websites

 Using images as link buttons

Design and layout techniques

 Efficient and practical page design

 Working with Div tags for layout

 Controlling content width

Cascading Stylesheets

 Formatting text – changing typeface, size and colour

Introduction to HTML

 This course aims to provide a thorough introduction to HTML, the core language for the web.

 This course cuts through the jargon, explaining the concepts and techniques used to create modern web pages, and teaches you how to write and edit code in the most up to date and efficient way.

By the end of the course you will have the confidence to create a working website from scratch and you will have learned the principals behind accessibility, search

engine optimisation, HTML email and presentational techniques using CSS (cascading stylesheets).

General

 Website structure

 why you should use standards – usability and accessibility issues, About web browsers

 Optimising pages for search engines

HTML basics

 The differences between HTML and XHTML

 Principals of HTML – element structure, tags and properties

 Writing good code – rules and conventions

 Essential HTML elements and their properties Images

 Optimising web graphics – JPEG, GIF & PNG

 Getting images from Photoshop

 Setting image properties via HTML Hyperlinks

 Understanding relative and absolute paths, email and external links, named anchors

 Creating internal navigation for a website

 Using images as links

Design and layout techniques

 Efficient and practical page design

 Translating graphic design into code

 Working with Div tags for page layouts

Creating HTML emails

 Things to avoid in email

 Designing for simplicity and functionality

 Using server based images

 Using simple tables for layout

Writing inline styles

Cascading Stylesheets

 Formatting text – changing typeface, size and colour

 Using Classes and IDs

 Controlling spacing, page width and other layout properties

 Setting background properties

 Units of measurement: Fixed vs relative

 Hyperlink styles

Beyond the basics

 Creating an enquiry form and linking to an online script

 Adding a Google map

 About HTML 5 and other new developments

 About relevant technologies – PHP, JavaScript, Flash etc.

 Using Classes

 Setting Margins

 Setting background properties

 Units of measurement: Fixed and relative

 Hyperlink styles