Training Courses

HTML and CSS : Introduction

  342 reviews

Two Day Course

Overview

Our HTML and CSS course will give you the training you need to understand the basic coding components for building a website.

This two day course is aimed at those with little or no previous coding experience. It is best suited to people who want to create sleek and attractive websites by learning web page markup and structure using HTML, as well as design using CSS. Ideal for those interested in web development, digital marketers wanting more control over their CMS or designers.

After attending this course you will be able to create a professional and engaging website as well as understanding the HTML and CSS languages, website architecture, creating online forms and more.

What are the 5 things you will get out of the course?
• Create attractive web pages from scratch
• Edit existing HTML files with confidence
• Edit and style email newsletters
• Format and style text with CSS
• Understand the HTML and CSS languages

You need no previous experience to attend this course.

Public Course Dates & Pricing

Weekday
Weekday
Weekday
Weekend
Weekday
Weekday
Weekday
Weekend
Weekday
Weekday
Weekend
Weekday
Weekday
Weekend
Weekday
  • Public Courses

    Small class sizes so you get the maximum amount of trainer time possible. You attend with delegates from other companies.

  • Private Courses

    One to one tuition or a private group with just your colleagues. Your choice of duration, content and location. We can train at one of our centres or onsite with you wherever you are located.

    We offer a free consultation service to help work out every detail and build the perfect course for you.

    From £499 + VAT per day

    Enquire Here

Course Outline

  • Day one

    Introduction
    • The role of HTML
    • The role of CSS
    • Web standards and mandatory elements
    • Understanding a robust HTML5 template
    • The purpose of the head element
    • Understanding Meta Data
    • About element attributes

    Beginning to Code
    • Overview of a HTML editor
    • Making code easy to read – best practice
    • Working with the title tag
    • Write your first body content and test
    • Adding headings and sub headings
    • Overview of structural elements
    • Adding structure to the page
    • Working with paragraphs
    • Using local formatting for bold, italic and underline
    • Adding line breaks and rules
    • Using special characters
    • Adding comments

    Images & Video
    • Overview of supported image file types
    • About image optimisation
    • Embedding images
    • Image Accessibility
    • About Video file formats
    • Streaming HTML5 video
    • Providing video fallback content

    HTML Lists
    • Using the Definition List for terms and descriptions
    • Grouping related key-points with Unordered Lists
    • Structuring hierarchical points with Ordered Lists
    • Ordered list bullet options
    • Nesting Lists

    Hyperlinks
    • Linking pages together
    • Linking to external websites
    • Creating links within a page
    • Creating Image links

    Data Tables
    • Overview of data tables versus layout tables
    • Inserting a table
    • Adding a caption
    • Structuring rows
    • Adding table headers and table data
    • Merging columns

    Questions and answers
  • Day two

    Front End Forms
    • Overview of how data is sent to the server
    • Embedding a form
    • Providing fields for user input
    • Inserting radio buttons and checkboxes
    • Creating select list menus
    • Adding reset and submit buttons
    • Understanding form action and method attributes
    • Emulating form processing by sending to a static page
    • Using inbuilt form validations

    Layout tables for newsletters
    • Overview of mail client restrictions
    • Designing a newsletter wireframe
    • Create a snippets file
    • Using the border attribute as a guide
    • Comments best practice
    • Create a simple newsletter table
    • Nesting tables

    Overview of CSS
    • What is the Cascade?
    • What can CSS do?
    • Where to put the CSS code
    • Separating content from design
    • Syntax and structure

    Applied CSS
    • Working with External CSS
    • Understanding the Element selector
    • Working with fonts
    • Understanding hexadecimal colour theory
    • Styling text colours with hexadecimal and colour names
    • Using text alignment
    • Styling paragraphs
    • Styling headings
    • Styling hyperlinks
    • Understanding the Class selector
    • Creating and applying Class styles
    • Using the span element
    • When to use the ID attribute
    • Creating and applying ID styles

    Styling an e-mail newsletter
    • Inline CSS syntax
    • Changing the base-font of the layout table
    • Styling text and links
    • Fine tuning spacing with padding
    • Using Internal CSS
    • About breakpoints
    • Making the newsletter basically responsive

    Publishing
    • Testing and troubleshooting
    • About FTP

    Questions and answers
Experience + Flexibility

We know training inside out. We can advise you on all the options to make sure you get the best possible course.

Tell us you need to cancel 5 working days before your course and there’s no charge. Great for your peace of mind.

Our trainers bring their years of industry experience into the classroom. You'll leave confident and prepared.

The smallest class size in the industry. More one on one time with the trainer and a less intimidating group size.

Tell us which you use and it'll be booted up and waiting with the latest software when you arrive.

We provide a lovely onsite lunch so you can relax. We can cater for any dietary requirement with no fuss.

Comfort + Location
Reputation + Feedback

Our Clients


We've worked very hard over the last 20 years to grow our business through personal recommendations.

When you attend a course we ask you to tell us how it went. We use your feedback to help us improve our courses.

We publish all our customer satisfaction stats live on our site (good or bad) because we want everyone to know just how highly you rate us every day, every week and every year.

We know that choosing the best course can be difficult, maybe the thoughts of the 18952 other clients we've asked will give you the inspiration to join us too.

The most recent comments from attendees of our courses are shown below. We reckon they will give you a pretty good indication of how they think we perform.

  Client Ratings

Attendees surveyed18952
  Trainer Knowledge9.8 / 10
  Trainer Materials9.6 / 10
  Trainer Preparation9.8 / 10
  Overall Trainer Score9.7 / 10
  Centre Lunch9.6 / 10
  Centre Staff9.9 / 10
  Overall Centre Score9.7 / 10
  Overall Experience9.6 / 10
  % Who Would Recommend Us99.7%

  Recent Feedback




"Facilities, staff, trainer knowledge"



"Very relevant course material, easy to understand tutor, great food, pleasant place and very friendly/helpful staff. Thanks!"



"Lovely lunch"



"lovely environment, very helpful and nice staff"



"good pace, good facilities, good session times - good food!!!"



"love the small classes"



"Very practical session with good mixture of theory and practice"



"Iwan = Excellent trainer covered all the fundamentals with ease..!"



"All aspects of the course and organisation."



"Explained clearly, patient and helpful"



"The environment is really incredible, its so professional, you guys teach so much and so many classes in an office sized space but it never feels over crowded, The teacher was really patient clear and informative!"



"Nice working environment, very clean and I felt I learnt a lot on the course. Beginners level but with substance."



"Great environment & atmosphere "



"Great class sizes, went at a good pace not too slow not too fast, trainer was always able to answer questions"



"very good course, amazing trainer, great venue location, tasty food, lovely learning and networking atmosphere"



"Good knowledgeable trainer, well organised, nice location, good food etc. "



"Great service, and very helpful with explaining and helping with working out problems"



"Supporting and assisting learners, always a great experience. Thank you"



"Food, snacks, beverages , excellent trainers!"



"Tuition, food, all was good."



"explanations were good and i felt i head time from Ivan if ever i didn't understand anything "



"Very clear, organised and explained everything very well - all very prepared and feeling a lot more competent ! Thanks for your support and would like to be back soon!"



"Ivan was really good with being patient and incredibly helpful. I feel confident to go away and implement some of this in my own work."



"The trainer was patient and helpful "



"Expanding on points of difficulty and allowing us to explore the fixes by ourself, exploring different methods and supplying good points of resource for future ref."



"Good pace of training."



"Course space is very good, easy to get to."



"Small class sizes. Good after-class resources. Knowledgeable trainer. "



"Really great few days, feel I have learned all the essentials to start looking at creating a website of my own!"



"Small classes which enable more attention when needing help or asking questions. Course followed a good structure and was well targeted for the level of skill."



"Knowledgeable and friendly. Quite a lot to pack in, but the trainer did it well"



"Providing help to questions & sharing insights & information."



"Very hospitable to all and very Knowledgeable"



"Everyone was very friendly, food was great, class was very informative"



"very easy to follow, good pace as group were all good"