Tutor Marked Assignment TMA-10
CIW Website Design Manager Course Section 1
Note: This tutor marked assignment may not be the latest version. I am aware that a more recent version of the course manual has been released which may include different assignments.
TMA-10 - CD Access Code: 22602
You will need pop-ups enabled in your browser for some of the questions in this assignment. JavaScript should also be enabled.
Q1. Create one page with the following requirements:
Page Title: Price Comparison
Full page-width table, with one top heading where the text is centrally located both horizontally and vertically. The background of the heading should be coloured silver and its height 30 pixels.
After the heading, the table should have 3 rows, with 3 cells in each. The width division for the cells should be 25% for the first cell, 25% fro the second, and the rest of the page with the last cell. The background of these cells should be white.
The table border should be set to 2, the cellpadding to 10 and the cellspacing to 10.
Fill the table with the information shown below. Entries shown in bold should also be bold within the table.
| Comparison of Airline Companies | ||
| Company | Price | Destination |
| Color Airline | £180 | New Island North Terminal |
| British Jet | £110 | New Island South Terminal |
Select which of these images most closely resembles your result:
Q2. Create one page with the following requirements:
Page Title: Online Ordering
The page should contain a form sending the action to a page names "Demo" using the POST method.
At the top left of the page should be the text ONLINE ORDERING using the STRONG setting on the default font type. Two lines below this the text Flight details: should be displayed in the standard font.
Immediately below the Flight details: text there should be three drop down boxes on the same line. The first should contain dates, the next a choice of airlines, and the last a choice of destination terminal. The choices within each is outlined below:
Drop down one should contain 24/02/02, 19/05/02, 21/06/02, 23/06/02, 18/07/02, 25/08/02 and 11/09/02. The default date selected should be 18/07/02.
Drop down box two should contain a choice of two airline companies: Color Airline and British Jet.
Drop down three should contain a choice of terminals: New Island North Terminal and New Island South Terminal.
Two lines below these drop down boxes the form should have a standard set of RESET and SUBMIT buttons. These should be shown on the same horizontal line.
Select which of these images most closely resembles your result:
Q3. Create one page with the following requirements:
Page Title: Holiday Activities
Page Heading: Activities available on New Island: with a horizontal ruler beneath.
Page background colour: silver
The page should contain an ordered list as shown below:
- Scenic Tours:
- Shopping:
- Adventure:
- Daytime tours:
Inside list number 1, the following unordered list should appear:
- Mount Offen, the peak of the Island. Departure by coach every day at 12:00
- Around the island in 2 hours, a magical trip by open bus. Mondays only at 14:00
Inside list number 2, the following unordered list should appear:
- Aukhan shopping centre, open every day from 08:00 to 24:00
- Zebra shopping quarter, open 24 hours
Inside list number 3, the following unordered list should appear:
- Boat Trip - Around the island, departure at 13:00 and 15:00
- Paragliding centre, open weekdays from 08:00 to 16:00
Inside list number 4, the following unordered list should appear:
- New Zealand, Ferry from 06:00 in the morning to 22:00 in the evening
- Isle of Sand, Ferry from 08:00 in the morning to 20:00 in the evening
The heading of the page should be set to the most significant heading, color navy blue, with Arial font.
The rest of the page should be set to font size 4, maroon colour, with Arial font.
Select which of these images most closely resembles your result:
Q4. Create one page with the following requirements:
Your goal is to make a survey page for holiday guests. The questions you will be asking are the gender, age and the marital status. You will also need to query information about their name, if the survey participants are over 18, and if they want to receive information about the holiday resort.
Page Title: Survey
Page background colour: yellow
The heading at the top of the page should be displayed in the biggest heading type, using the Verdana font, blue colour. The text of the heading should be HOLIDAY SURVEY:
The rest of the document should be set to Verdana size 2, green.
The document should contain a form with action to a page called DEMO, using the POST method.
First part of the page should contain the input for personal details, heading Personal details: set to be rendered in STRONG font setting.
After that, use an unordered list to display questions using radio type tick boxes where one answer only may apply. Use checkbox type tick boxes where several answers, or no answer at all, may apply.
The questions to be asked are as follows:
Are you:
- Male / Female
Age:
- 18 to 25
- 26 to 35
- 36 to 45
- 46 to 55
- 55+
Are you:
- Single / Married
There is also a section about personal information, with the heading Personal information: set to be rendered with the STRONG font setting.
There are two further questions to be asked: if the participant is over
18 years of age, and if the participant would like to receive updates
about the holiday resort.
The text for these should be as follows:
Yes, I am over 18
Yes, I would like to receive news and updates, from the holiday resort New Island
Beneath these questions include tow text fields to allow the survey participant to enter their forename and surname. Suitable prompts should be displayed to the left of each text field, e.g.
Your first name:
Your last name:
Finally, a standard set of RESET and SUBMIT buttons should be displayed at the bottom of the form.
The text under personal information is as listed:
Select which of these images most closely resembles your result:
I found that the printed images in the course material made it difficult to discern differences in font sizes, which is the only change in one of the results.