Intro to web page mark up: HTML, (x)HTML and CSS

Overview

This course is designed for those with no previous web experience who want a comprehensive grasp of building web sites using the languages of the web. You will gain the knowledge and confidence to author and edit web pages using XHTML and HTML, and will gain an overview of using CSS for design.

The course explores planning a website, browser issues, symantic mark up, creating hyperlinks tables and forms, some web design and working with graphics. No matter what your circumstance or previous experience this course will give you the skills and confidence to author and publish robust web pages and sites.

The course is available on both Mac and PC systems.

Required skills and experience.

1. A working knowledge of either the Windows or Mac operating systems.
2. How to create and manage files and folders.
3. Some experience of using web sites.
4. The ability to use at least one mainstream web browser.

Duration

2 Days.

Standard course price

£450 pp excluding VAT

For more information on pricing please go to my rates page.

Day one

Background

• Introduction to HTML
• Introduction to XHTML
• Introduction to XML

Structuring a web site

• Overview of the client server relationship
• Understanding directories and how a site is organised
• Installing and running a simple server with windows IIS
• Cross platform file names and conventions
• Cross platform directory names

The minimal (x)html document

• XHTML and HTML syntax
• Creating body text
• Creating titles
• Creating headings

Adding meta data

• Creating content tags
• Creating keyword tags

Adding semantic structure

• Creating headings and sub headings
• Creating paragraphs
• Working with special characters
• Creating line breaks
• Creating horizontal rules

Working with images

• Adding image links
• The GIF, JPEG and PNG file formats
• Compression issues
• Alternative text, titles and descriptions for images

Creating and working with lists

• Numbered (ordered) lists
• Unnumbered (unordered) lists
• Definition lists

Creating links

• Relative links vs Absolute links
• Working with URLs
• Anchors within documents

Questions and answers

Day two

Tables in (x)HTML

• Creating a table
• Creating rows
• Creating columns
• Creating table headings
• Adding a table caption and summary
• Merging cells
• Nesting tables

Forms in (x)HTML

• Creating a basic input form
• Adding form fields, radio buttons and check boxes
• Using legend, label and fieldset tags
• Adding submit and reset buttons
• Using form methods
• Making the form work with actions

Working with colours

• About hexadecimal and RGB colour
• Web safe colours

Intro to CSS

• Separating content from presentation
• The difference between CSS and Mark up
• What can CSS do?
• CSS structure (syntax)
• Inserting styles – inline, embedded or external
• The cascade order

Styling text

• Deciding which elements to style
• Styling basic text elements
• Using serif and sans serif font sets
• Specifying font size and colour
• Specifying font alignment

Styling a table

• Styling row and column headings
• Creating borders
• Adding colour

Styling links

• Creating hover effects
• Keeping track of links

Publishing issues

• Up-loading your site
• Proofing and testing your site
• Troubleshooting
• Web authoring tools

Questions and answers