Introduction to HTML and CSS 2 DAY TRAINING COURSE - £595 plus VAT

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
  • Uniform Resource Locators (URLs)
  • Default pages
  • 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, images and multimedia

  • 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
  • The base element
  • Linking to a particular part of a page
  • What links look like
  • Using an image as a hyperlink
  • Embedding other multimedia

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
  • Insertions and deletions
  • 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
  • Example: Using a table for layout
  • Defining a table
  • Add a caption and summary to tables
  • Column widths
  • colspan and rowspan
  • Formatting table data

Advanced topics: 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
  • A textarea’s wrap attribute
  • Radio buttons
  • Checkboxes
  • Hidden fields
  • Uploading files
  • 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
  • Web Development Frameworks
  • Common web development frameworks


Availability

Click on a date to book it

Can't see a suitable date or location?
This course is also available as a one on one course or as a private course.
Click here to register your interest in this course and we will keep you informed when any new dates are added.

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