HTML and CSS Introduction

Course Overview

HTML & CSS are the fundamental building blocks of the web. This course is designed to provide delegates with the fundamental knowledge and skills necessary to build simple web pages. It further serves to provide a platform for further learning both in HTML and CSS, and JavaScript.

Delegates will learn how to build simple web pages that incorporate text elements, hyperlinks, images, tables and (simple) forms. Delegates will also learn about CSS and how to apply basic styling to HTML elements.

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

Course Notes:

There is an overlap between the content of this 1 day Introduction to HTML & CSS course and the content on the suggested follow-on 3 day Modern, Responsive Websites with HTML & CSS course.

You may wish to review the content of the Modern, Responsive Websites with HTML & CSS course and if more suitable to your training needs attend this course rather than the 1 day Introduction to HTML & CSS course.

Course Prerequisites

• • Delegates need only possess basic computing skills - navigate the filesystem, create and edit files and surf the web.

Target Audience for this Course

• • The course is aimed at those who are new to HTML & CSS and who need only know the basics (for now). The course serves as a foundation for further learning and provides just enough for those wishing to learn front-end JavaScript. For more in-depth coverage of the languages, delegates should instead consider the course: Modern, Responsive Websites with HTML & CSS.

Skills Gained from this Training

• • The delegate will learn and acquire skills as follows:
    Build and deploy a simple website
    Mark up text elements
    Add links and images to a web page
    Construct composite elements such as lists, tables, and (simple) forms
    Add CSS to HTML
    Exploit CSS to change HTML element font, text, colour, size, positioning, etc.

Included with this course

• • Comprehensive course materials and exercises

Course Content

• Introduction

  Setting up the development environment
  How the web works
  About HTML
  About CSS
  A first web page
  Publishing
  

• HTML

  Elements, tags, and attributes
  Document structure
  Comments
  Simple text elements
  Hyperlinks
  Images
  Lists
  Tables
  Simple forms
  

• CSS

  Selectors and properties
  Adding CSS to HTML
  Comments
  Font and text
  Colour and background
  Width and height
  The box model
  Type, class, and ID selectors
  Simple layouts
  An introduction to responsive design