Introduction to HTML and CSS 2 day training course

Classroom based	£595 plus VAT £714 inc VAT	Birmingham, Leeds, London, Manchester, Nottingham, Sheffield
Private closed course at your site	£1,500 plus VAT £1,800 inc VAT	At your location - click here for details
In person one on one course	£790 plus VAT £948 inc VAT	Any UK location by agreement
Remote live one on one course	£450 plus VAT £540 inc VAT	Remotely accessed over the internet - click here for details

Synopsis

This HTML and CSS training course will give you an introduction to Hypertext Markup Language (HTML) - the language of the world wide web.

You will learn how to write your own web pages and to style them using Cascading Stylesheets (CSS).

Duration

2 days

Cost

£595 plus VAT

Prerequisites

There are no prerequsites for this course

Detailed course contents

Introducing HTML

• What is HTML?
• HTML files
• HTML and the internet
• HTML and browsers
• Common browsers
• HTML versions

HTML page structure

• HTML page structure
• The document type declaration
• Document type settings
• HTML 4.01 versions
• New DTD in HTML5
• Validating your HTML
• The header section
• The contents of the page
• Writing an HTML page
• What is an element?
• The html, head and body elements
• Contents of the head element
• The title element
• Contents of the body element
• More on Headings
• The p element - paragraphs
• Spaces and tabs in text
• Emphasising text within paragraphs
• Adding a strong emphasis
• b and i elements
• Line Breaks
• Adding comments to HTML
• Special characters in HTML

Adding links and images

• Embedding images
• img element attributes
• Image formats
• Image height and width
• Specifying image height and width
• Creating links
• Opening a link in a new window
• Absolute vs relative paths
• Relative paths
• Linking to a particular part of a page
• What links look like
• Using an image as a hyperlink

Image maps

• Image maps
• Creating image maps
• The map element
• The area sub-elements
• The shape attribute
• The coords attribute
• Map element in a separate file

HTML logical elements

• Addresses
• Abbreviations and acronyms
• Defining terms and phrases
• Quotations
• The Meta element (Meta tags)
• Setting the content type
• Specifying the character set
• New charset attribute in HTML5

Styling your HTML

• Styling your HTML
• What is CSS?
• Internal style sheets
• Specifying styles in a separate file
• CSS rules
• CSS rules for multiple elements
• Declaring Styles Inline
• Background colour
• Colours
• 3 digit hex values
• Functional notation
• Functional notation using percentages
• Colour names
• Background images
• Formatting text: colour
• Formatting text: alignment
• Formatting text: decoration
• Formatting text: indentation
• Formatting text: text transformation
• Fonts
• Generic font families
• Font style and weight
• Font size
• Deprecated tags and attributes

More CSS

• Reference by ID
• Reference by class
• Being even more specific
• Pseudo-classes
• Block and inline elements
• The CSS display property
• div and span
• New in HTML5: section and article

Lists

• Lists
• Ordered lists
• Declaring an ordered list
• Unordered lists
• Declaring an unordered list
• Definition lists
• Declaring a definition list
• Displaying lists
• Formatting lists

The box model

• The box model
• Borders
• Border styles
• Border width and colour
• Shorthand border definition
• Setting individual borders
• Padding
• Padding individual sides of an element
• Margins
• Setting individual margins
• Using margins to centre a block element
• Height and width
• The full size of the element
• The full size of the element – IE bug
• Visibility
• Positioning
• Static positioning
• Fixed positioning
• Relative positioning
• Absolute positioning
• The z-index property
• Float

HTML Tables

• Data vs layout tables
• Example: Using a table to display data
• Defining a table
• Add a caption and summary to tables
• Column widths
• colspan and rowspan
• Formatting table data

HTML Forms

• What are HTML forms?
• HTML form example
• The input element
• New input type values in HTML5
• New input attribute in HTML5: autocomplete
• New input attribute in HTML5: required
• New input attribute in HTML5: placeholder
• Password fields
• Text areas
• Radio buttons
• Checkboxes
• Hidden fields
• Submit buttons
• Reset buttons
• Labelling form elements
• A form’s action
• Form submission methods

XHTML

• XHTML
• XHTML: differences from HTML 4.01
• XHTML DOCTYPE declaration
• Changes to document prologue

Next steps

• Using JavaScript for form validation

Availability

FAQs

• What are the course times?

  • Please arrive for a 9.30am start on the first day of your course. Subsequent days will usually start at 9am but check with your instructor. The course will end at 5pm each day.

• Do I need to bring anything?

  • No, everything is provided, you only have to bring yourself.

• How can I pay?

  • Once you have booked you will receive a confirmation email, and shortly after that, an invoice. The invoice is payable within 30 days and payment can be made by bank transfer (BACS etc), cheque or card.

• Is there a dress code?

  • There is no dress code for any of our courses.

• Are refreshments provided?

  • Mid-morning and mid-afternoon refreshments will be provided. Lunch is not provided but all our venues are in central locations.

• What is the cancellation policy?

  • Cancellations received within 7 days of making your booking or more than 21 days before the scheduled start date will not incur any charge. For cancellations received between 7 and 21 days before the scheduled start date a 50 percent charge will apply. For cancellations received less than 7 days before the scheduled start date a 100 percent charge will apply.

Other courses