Search the site








GoLive: Lesson 7 - Creating Forms

The first part of our form page will consist of a list of three places of accommodation: add the title Where_title.gif to the centre of the page after saving the page as where.html. Hit return and add a table consisting of three rows and two columns by clicking on the Table button in the basic Palette and entering these numbers next to rows and columns. In this Table Inspector, set the horizontal alignment of the table to the centre and the width 600 pixels. In each cell, add the following images and text:

  • hotel.jpg/accomd1.txt
  • self_cater.jpg/accomd2.txt
  • bandb.jpg/accomd3.txt

We will now lay out a form beneath this table with further details arranged in a table. To create the form, click on the top left-hand box in the Forms Palette and drag it onto your page.

With the cursor in this form, create another table four rows deep but otherwise the same dimensions as the first table. Select the top left hand cell by clicking on its edge and in the Table Inspector set its column span to 2. In the single remaining top cell, enter the text, 'For further information please complete the following form:'.

In the four remaining cells, ensure that the vertical alignment of each is set to top and enter the following text and fields using the Forms palette:

  • Row 2, left-hand cell: Name and Email, each with a one-line text box
  • Row 2, right-hand cell: Address and scrolling text box set to four lines deep
  • Row 3, left-hand cell: Season with four radio buttons labelled Spring, Summer, Autumn, Winter.
  • Row 3, right-hand cell: Type of Accommodation and a drop-down list/menu. Click on List Values in the Properties palette and click the plus button to add the following text to this menu: Hotels, Self-Catering and Bed and Breakfast.
  • Row 4, left-hand cell: Two buttons, one to submit, the other to reset the form.

To complete the page, add links to the other top level sites. You may also wish to experiment with the page's format, for example by changing text headings to green to match the colours across the rest of the site.

Click here to see what the page should look like, then click Back on the browser toolbar to return to this page.

Lesson 1 Lesson 2 Lesson 3 Lesson 4
Lesson 5 Lesson 6 Lesson 7 Lesson 8

 


© Jason Whittaker 2000-04



You can order copies of the following books:
Web Production for Writers and Journalists in paperback.
The Internet: The Basics in paperback.
The Cyberspace Handbook in paperback.