|
 
|
|

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.
|