Tutor Marked Assignment TMA-08
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-08 - CD Access Code: 18132
You will need pop-ups enabled in your browser for some of the questions in this assignment. JavaScript should also be enabled.
Q1. By default table header cells are aligned to:
- a) the right
- b) the left
- c) the centre
Q2. By default cell contents are aligned:
- a) vertically to the middle of the cell
- b) horizontally to the middle of the cell
- c) there is no default
Q3. When you change the width or height of any one cell, that action will have a ripple effect across related cells. If you decrease the width of one cell, you are decreasing the width of other cells. If you increase the height of one cell, you are increasing the height of other cells in the same row. Is this statement true or false?
- a) True
- b) False
Q4. Match the correct description to each of the Form Fields:
- a) Multiple select list
- b) Text area
- c) Text box
- d) Select list
- e) Password field
- 1) A scrolling text field into which the user can enter multiple lines of text.
- 2) A text box that visually masks characters entered with asterisks.
- 3) An exposed list of two or more options, optionally scrollable, from which the user can make multiple selection.
- 4) A text field into which a user can enter characters.
- 5) A drop-down list of two or more options from which a single selection can be made.
Q5. Which statements are correct?
- a) The SIZE attribute has an effect on the amount of text the user can enter; it changes the visual appearance of the field.
- b) The SIZE attribute has an effect on the amount of text the user can enter; it does not change the visual appearance of the field.
- c) The SIZE attribute has no effect on the amount of text the user can enter; it does not change the visual appearance of the field.
- d) The SIZE attribute has no effect on the amount of text the user can enter; it changes the visual appearance of the field.
Q6. Which of these four images correspond with the following HTML code:
Hint: I haven't given any pointers to the image differences in these remaining questions as with the HTML pages you will view here, the differences are readily apparent, unlike the printed images in the course material.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Price Range</TITLE> </HEAD> <BODY> <FONT FACE="Verdana" SIZE="2" COLOR="Blue"> <STRONG>HOLIDAYS:</STRONG> <TABLE WIDTH="100%" BORDER="2"> <TR> <TD WIDTH="5%">Id</TD> <TD WIDTH="15%">Price</TD> <TD WIDTH="*">Location</TD> </TR> <TR> <TD WIDTH="5%">0105</TD> <TD WIDTH="15%">£150</TD> <TD WIDTH="*">New Zealand</TD> </TR> <TR> <TD WIDTH="5%">0106</TD> <TD WIDTH="15%">£110</TD> <TD WIDTH="*">New Island</TD> </TR> </TABLE> </FONT> </BODY> </HTML> |
The actual assignment displays printed images of possible output, here we will display 4 possible pages to compare to the code.
Q7. Which of these four images correspond with the following HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Price Range</TITLE> </HEAD> <BODY> <FONT FACE="Verdana" SIZE="2" COLOR="Blue"> <STRONG>HOLIDAYS:</STRONG> <TABLE WIDTH="100%" BORDER="2"> <TR BGCOLOR="Olive"> <TD WIDTH="5%">Id</TD> <TD WIDTH="15%">Price</TD> <TD WIDTH="*">Location</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0105</TD> <TD WIDTH="15%">£150</TD> <TD WIDTH="*">New Zealand</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0106</TD> <TD WIDTH="15%">£110</TD> <TD WIDTH="*">New Island</TD> </TR> </TABLE> </FONT> </BODY> </HTML> |
The actual assignment displays graphical images of possible output, here we will display 4 possible pages to compare to the code.
Q8. Which of the four images correspond with the following HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Price Range</TITLE> </HEAD> <BODY> <FONT FACE="Verdana" SIZE="2" COLOR="Blue"> <STRONG>HOLIDAYS:</STRONG> <TABLE WIDTH="100%" BORDER="2" CELLPADDING="10" CELLSPACING="5"> <TH BGCOLOR="Olive" ALIGN="center" VALIGN="middle" COLSPAN="4" HEIGHT="60">Travel Destinations</TH> <TR BGCOLOR="Olive"> <TD BGCOLOR="Olive" ALIGN="center" VALIGN="middle" ROWSPAN="3" WIDTH="5%">Items</TD> <TD WIDTH="5%">Id</TD> <TD WIDTH="15%">Price</TD> <TD WIDTH="*">Location</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0105</TD> <TD WIDTH="15%">£150</TD> <TD WIDTH="*">New Zealand</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0106</TD> <TD WIDTH="15%">£110</TD> <TD WIDTH="*">New Island</TD> </TR> </TABLE> </FONT> </BODY> </HTML> |
The actual assignment displays graphical images of possible output, here we will display 4 possible pages to compare to the code.
Q9. Which of these 4 images correspond with the following HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Price Range</TITLE> </HEAD> <BODY> <FONT FACE="Verdana" SIZE="2" COLOR="Blue"> <STRONG>HOLIDAYS:</STRONG> <TABLE WIDTH="100%" BORDER="2" CELLPADDING="10" CELLSPACING="5"> <TH BGCOLOR="Olive" ALIGN="center" VALIGN="middle" COLSPAN="4" HEIGHT="60">Travel Destinations</TH> <TR BGCOLOR="Olive"> <TD BGCOLOR="Olive" ALIGN="center" VALIGN="middle" ROWSPAN="3" WIDTH="5%">Items</TD> <TD WIDTH="5%">Id</TD> <TD WIDTH="15%">Price</TD> <TD WIDTH="*">Location</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0105</TD> <TD WIDTH="15%">£150</TD> <TD WIDTH="*">New Zealand</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0106</TD> <TD WIDTH="15%">£110</TD> <TD WIDTH="*">New Island</TD> </TR> </TABLE> <FORM METHOD="POST" ACTION="DEMO"> <STRONG>ONLINE ORDERING</STRONG> <BR><BR>Destination: <SELECT> <OPTION>0105 <OPTION>0106 </SELECT> <BR>Room type: <INPUT TYPE="Radio" VALUE="1" CHECKED>Single <INPUT TYPE="Radio" VALUE="0">Double <BR><BR> <INPUT TYPE="Reset"> <INPUT TYPE="Submit"> </FORM> </FONT> </BODY> </HTML> |
The actual assignment displays graphical images of possible output, here we will display 4 possible pages to compare to the code.
Q10. Which of these 4 images correspond with the following HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Price Range</TITLE> </HEAD> <BODY> <FONT FACE="Verdana" SIZE="2" COLOR="Blue"> <STRONG>HOLIDAYS:</STRONG> <TABLE WIDTH="100%" BORDER="2" CELLPADDING="10" CELLSPACING="5"> <TH BGCOLOR="Olive" ALIGN="center" VALIGN="middle" COLSPAN="4" HEIGHT="60">Travel Destinations</TH> <TR BGCOLOR="Olive"> <TD BGCOLOR="Olive" ALIGN="center" VALIGN="middle" ROWSPAN="3" WIDTH="5%">Items</TD> <TD WIDTH="5%">Id</TD> <TD WIDTH="15%">Price</TD> <TD WIDTH="*">Location</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0105</TD> <TD WIDTH="15%">£150</TD> <TD WIDTH="*">New Zealand</TD> </TR> <TR BGCOLOR="Yellow"> <TD WIDTH="5%">0106</TD> <TD WIDTH="15%">£110</TD> <TD WIDTH="*">New Island</TD> </TR> </TABLE> <FORM METHOD="POST" ACTION="DEMO"> <STRONG>ONLINE ORDERING</STRONG> <BR><BR>Destination: <SELECT> <OPTION>0105 <OPTION>0106 </SELECT> <BR>Room type: <INPUT TYPE="Radio" VALUE="1" CHECKED>Single <INPUT TYPE="Radio" VALUE="0">Double <BR><BR>Your name and address: <BR> <TEXTAREA ROWS="4" COLS="30"></TEXTAREA> <BR>Your security code: <BR> <INPUT TYPE="Password" SIZE="40"> <BR> <INPUT TYPE="Reset"> <INPUT TYPE="Submit"> </FORM> </FONT> </BODY> </HTML> |
The actual assignment displays graphical images of possible output, here we will display 4 possible pages to compare to the code.