Book details

Web Design Book Details

Book Objectives
  • To teach the beginning student how to create a web page that can be uploaded to the internet

Book Requirements:
  • A PC, with either Windows 95, 98, ME or XP
  • No Software needed - Free Software is supplied with the Book CD


Book Description:

The Web Design book comes with its own free software, the Home and Learn Web Editor. Students, therefore, will not need to buy any extra software for this course. The only requirement is that students have a browser. Internet Explorer version 4 or above is recommended.

In the Web Design course, you will learn how to construct your own web sites. The book concentrates on the underlying scripting technology of web design - HyperText Markup Language, or HTML. The Web Design course is taught in easy-to-follow lessons. It assumes you have no experience whatsoever.

By the end of this book you’ll have skills aplenty, and will be creating your own web pages with ease.


Anatomy of a web page - Section One

Throughout the HTML section, the free Web Editor is used to explain the basic concepts of the Hypertext Mark-up Language. The first section describes what a web page is, and what HTML is. You create a five minute web page with your Web Editor. The list of topics covered in this first section is:


  • What is a web page?
  • The five minute web page
  • The HTML Skeleton - Tags

  • Body Colour
  • Headings
  • The Center tag
Inserting Images - Section Two
How to insert an image onto a web page is the subject of this section. The importance of Absolute and Relative referencing is explained, before moving on to the type of images that are used in web design. The topic list is:

  • Inserting Images
  • Background images
  • Referencing image files (and HTML files)
  • Absolute References

  • Relative References
  • Image Types
  • Image Alignment
  • Image Height and Width
Text Formatting - Section Three
Text on a web page cannot be formatted in the same way that a word processing document can. This section deals with how to format text in a web page, and which HTML tags to use. The list of topics covered are:

  • Text Colour for the entire web page
  • Headings
  • Centring Text
  • Bold Text
  • Italics

  • Sub and Superscript
  • The Font Tag
  • Text Colour
  • Lists
  • Horizontal Rules
Hyperlinks - Section Four
No web page is complete without hyperlinks. These allow you to link one page to another. The various types of links that HTML allows you to create are discussed in detail. Topics covered are:

  • What is a Hyperlink?
  • Uniform Resource Locator
  • Links to your other web pages
  • Links to Pages on the internet
  • Bookmark Links

  • Email Links
  • Using Navigational Icons As Links
  • Link Colour
  • Image Maps
  • Links to other Files
Tables - Section Five
Tables have become very important in web design, as they allow designers to place text and images on a page in a way that is not possible with straightforward HTML. The student will use the Web Editor to create tables. The list of topics covered are:

  • Data Presentation
  • The Table Tags
  • Table Rows and Table Columns
  • Table height and Table width
  • Row height and Row width

  • Rowspan and Colspan
  • Aligning contents in a cell
  • Changing the background colour of Table and Cells
  • Using images in tables
  • Nested Tables
Forms - Section Six
HTML forms are crucial for collecting data from a visitor to a web page. The Web Editor is used to create a form, and the different form elements are explained. The topics for this section are:

  • The Form Tag
  • Action and Post
  • Form Elements
  • Text Boxes
  • Text Areas
  • Option Buttons
  • Check Boxes
  • Drop down List/Fixed Lists

  • Password Boxes
  • Command Buttons
  • Submit Button
  • Reset Buttons
  • Image Command Buttons
  • Hidden Form Values
  • Aligning Form Elements
Frames - Section Seven
HTML Frames allow web designers to create a site where the user stays on the same page when a link is clicked, rather than jumping to a new page. Students follow along as Frames are explained with examples. Topics are:

  • Setting up the frame document
  • Frame Rows and Cols
  • Frame Source and Frame Name
  • Frame Targeting

  • Frames with Rows and Columns
  • Inline Frames
  • Other Frame Attributes