Web Basics

  • What is CSS, XML, DHTML, Javascript?
  • File Naming conventions
  • What is an Index Page

Understanding HTML

  • HTML standards
  • HTML editors
  • Basic HTML tags
  • Web page design tips
  • Designing a web site
  • What is a web server?
  • Browser compatibility

Creating an HTML file

  • The HTML tag
  • The head tag
  • The title tag
  • The body tag
  • Heading tags
  • The paragraph tag
  • Inserting line breaks
  • Lists
  • Formatting text
  • Adding comments

Images & Colours

  • Adding a horizontal rule
  • Incorporating images into pages
  • Inserting an image
  • Height and width attributes
  • Aligning images with text
  • File formats and downloading
  • Page colours and backgrounds


  • Understanding hyperlinks
  • The anchor tag
  • Inserting a link within a document
  • Adding navigational links
  • Using an image as a link


  • Creating basic tables
  • Adding a border
  • Changing the border thickness
  • Centering a table on the page
  • Adding column headings
  • Inserting a table background colour



  • Introducing tables for effective layout
  • Creating advanced tables
  • Adding data to rows and columns
  • Setting widths for tables, borders, cell spacing, cell padding and alignment
  • Using column and row span attributes
  • Changing cell and table attributes


  • Introducing frames and concepts
  • Creating frames as columns and rows
  • Setting frame attributes including width, borders, adding scroll bars and resizing
  • Setting target frames and hyperlinking to them
  • Work with a noframes concept


  • Forms overview
  • Adding text boxes, password boxes, larger text areas, drop down menus, check boxes and radio buttons to the form
  • Create submit and reset buttons
  • CGI Scripts and form hosting

HTML Extensions

  • How to add and use Cascade Style Sheets
  • JavaScipt components.

Publishing and Publicising your Site

  • Publishing your web site
  • What is a search engine?
  • Search engine awareness