0845 450 6120

HTML & CSS

The HTML & CSS course comprises sessions dealing with HTML document structure, tags, elements, and attributes, how to mark up and style headings,  paragraphs, links, images, lists, tables, and forms. It also provides an introduction to HMTL5 and responsive web design – a must, given that modern web sites should  look good on all devices.

The delegate will learn how to construct and style a simple web site.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

The delegate will learn and acquire skills as follows:

  • Building simple web pages
  • Marking up document content
  • Adding links and images
  • Creating tables and forms
  • Laying out page content
  • Styling HTML elements
  • Separating style from content
  • Building responsive web pages

Who will the Course Benefit?

The HTML & CSS course is designed for those new to web development.

Learning Objectives

Course Objectives

This course aims to provide the delegate with the knowledge to be able to construct and style a simple responsive web site with pages comprising headings, paragraphs,  lists, images, links, tables and forms.

Pre-Requisites

Requirements

Delegates should be able to navigate the filesystem, edit a file and browse the web. No programming experience is necessary.

Follow-On Courses

  • JavaScript 1
Notes:
  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.

Course Content

Day 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION

  • What is HTML
  • What is CSS
  • Structure and Style
  • Versions and Browser Support

Session 2: HTML STRUCTURE

  • Tags, Elements, and Attributes
  • Typical Document Structure
  • Document Type
  • Entities

Session 3: SIMPLE ELEMENTS

  • Headings
  • Paragraphs
  • Links
  • Images

Session 4: COMPOUND ELEMENTS

  • Nesting
  • Lists
  • Media Queries
  • Tables
  • Forms
  • Divisions

Day 2

Session 5: CSS STRUCTURE

  • Selectors, Properties, and Values
  • Class and ID Attributes
  • Inline, Internal, and External styles
  • Block and Inline Elements
  • The Box Model

Session 6: STYLES

  • Generic Styles
  • List-specific Styles
  • Table-specific Styles
  • Positional Styles

Session 7: COMPLEX SELECTORS

  • Combinators
  • Pseudo Classes
  • Pseudo Elements
  • Attribute Selectors

Session 8: HTML5 & RESPONSIVE WEB DESIGN

  • What is HTML5
  • Responsive Web Design
  • Responsive Grid Layout
  • Introduction to Media Queries
  • Responsive Web Design Frameworks

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

Online Courses

You may prefer an online course if you are looking for a flexible and cost-effective solution. Online courses allow you to study at your own pace, at a time that suits you.

We have the following eLearning options available:

Our Customers Include