Training Courses

HTML and CSS : Introduction

  311 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 SOLD  OUT SOLD  OUT
Weekday SOLD  OUT SOLD  OUT
Weekday SOLD  OUT SOLD  OUT
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
  • Public Courses

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

    A great, cost efficient way to learn, discounts are also available for group bookings.

     

    Discount Info
  • 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

    Free Consultation

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 17679 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 surveyed17679
  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




"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"



"supporting all abilities and great lunch as always!"



"Providing practical experience in small groups "



"The overall space, lunch and hospitality was amazing!"



"Loved the centre environment, room was clean, bright and great for learning! Trainer was excellent, went through everything slowly and made sure all os us were at speed. I have definitely leaned a lot over the past 2 days. It' s also great that we can take what we've made home!"



"Brilliant course all round, lovely place, lovely lunch"



"Everything was explained at a good pace. Clear, concise and manageable content. Great food!"



"I do feel like I have learnt something — the small class format helped a lot."



"Providing a relaxed learning environment"



"Iwan was very knowledgeable in this area and was able to easily help and guide us through the world of html. Iwan also helped with an extra query I had on accordions which was very useful and will allow me to use this when I get back to work."



"Making it relevant to the individuals attending the course, engaging and easy to follow, didn't feel left behind or confused and the trainer always made sure everyone was at the same stage at the same time"



"lunch was great"



"Pace of the course, right tempo, explanations when required. Never a sill question. Made to feel at ease."



"Great learning environment, very knowledgable trainer. Hope to be able to put all into pratice soon."



"I really enjoyed the course and loved Dele. He was so approachable and no question was a silly question. I feel very excited to go and build my own site. Definitely recommend."



"Everything, the day was well organised, the lunch was very good and the staff were extremely helpful."



"The full experience; relate-able examples"



" meeting expectations! Got out exactly what i hoped for and more!"



"Very thorough course, trainer was knowledgeable and extremely helpful. The 2 days were a great help "



"Really enjoyed the pace of the course. Was worried that I would be rubbish and wouldn't be able to keep up as a it is a subject that is a bit alien to me. However, I've come away feeling confident using HTML and wanting to explore CSS further. "



"Good at structuring each step logically, explaining history/progress and technical bits, explaining how different types of coding relate to one and other."



"Comfortable and inclusive environment."



"Iwan was really patient and went through the course at a good pace making it easy to understand. Fell like I have a great knowledge to start HTML & CSS in my work environment."



"Great refreshments and really friendly / helpful staff members."



"Overall, was really impressed with the quality of the course, class size, pace of learning and tutor's teaching skills. Lovely environment, super staff. Would definitely recommend to colleagues."



"This is my third course with you (previously did Photoshop: Introduction and Illustrator: Introduction) and was, once again, not disappointed. Easy to follow but right amount of challenging, class sizes are perfect (you dont feel intimidated asking questions), food is delicious and location and building are great. Iwan directed us to some great resources to use after the course which I will definitely be checking out! Will hopefully be back again soon (if I can persuade my company to keep sending me on these courses!)"