WebHints Tutorial

This tutorial demonstrates, step by step, the creation of a web for an imaginary tourist agency called "Tarmac Travel" whose imaginary web address is www.tarmactravel.com.au. The tutorial starts from absolute scratch - a "Hello World" web page - and works up to a professional-looking website, with each step being explained carefully along the way. If you like, you can take a sneak preview of the completed Tarmac Travel web now.

After reading about the improvement made in a step, you can surf the web in the state it is in at the end of the step. You can also see a list of the files that form the web at that step, and view the source code for each file.


Phase 1: Content Creation

Step 01: A Hello World Page
Step 02: Adding A Title And Page Text
Step 03: Background and Links Colours
Step 04: Add Header And Footer Comments
Step 05: Add Keywords And Description
Step 06: Create A Home Page And Link Splash Page
Step 07: Create Six Place Pages
Step 08: Create Order Page
Step 09: Add Page Footers
Step 10: Add Copyright Page
Step 11: Add Contact Page


Phase 2: Graphical Makeover

Step 12: Add Blue Sidebar To Each Page
Step 13: Add Title Graphic To Home Page
Step 14: Add Place Graphics To Home Page
Step 15: Add Footer Logo
Step 16: Add Graphic To Each Place Page
Step 17: Add Graphics To Splash Page


www.ross.net WebHints WebHints Tutorial
webmaster@ross.net
Copyright © Ross N. Williams 1997. All rights reserved.