1st Semester Examinations CITS1231 Web Technologies 2009

Please find the HTML and CSS Reference Cards at the back of this exam
paper (P20-P27).

Please do not tear out any pages from this exam paper.

Please use PEN to answer the questions in Section B and Section C.

Office Use Only:

Questions Attempted? Marks

Section A:
(Q1-Q20)

Section B:
(Q21-Q30)

Section C:
(Q31)

Section C:
(Q32)

P a g e | 2 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

Section A: Multiple Choice Questions (20 marks)

There are 20 questions in this section. Each question is worth 1 mark.
Candidates should answer ALL questions in this section.

Identify the letter of the choice that best completes the statement or answers the question.
Make sure you mark the answers on the separate Multiple Choice Answer Sheet provided.
This will be marked automatically by a computer program.
Marks will not be allocated if you answer the multiple choice questions here.

1. Given a file structure in the figure below, which of the following is the correct relative pathname to
index.html from part1.html?

http://www.csse.uwa.edu.au/cits1231/

tutorial index.html

part1.html

A. __/tutorial/index.html
B. /tutorial/index.html
C. ../index.html
D. ./index.html

2. Referring to the same figure above, what’s the absolute URL for part1.html?

A. http://www.csse.uwa.edu.au/cits1231/part1.html
B. http://www.csse.uwa.edu.au/cits1231/tutorial/part1.html
C. http://www.csse.uwa.edu.au/cits1231/tutorial/Part1.html
D. http://www.csse.uwa.edu.au/cits1231/Part1.html

3. The multiple attribute indicates that:

A. a <selection> list is displayed in multiple groups.

B. a set of checkboxes <input type= “check”> are not mutually exclusive.
C. a <selection> list allows for multiple selections.
D. a set of radio buttons < input type= “radio”> are not mutually exclusive.

4. ____ is a video format developed by Microsoft for Windows Media Player.

P a g e | 3 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

A. MPEG
B. AVI
C. RealVideo
D. QuickTime

5. To control the size of a digital audio file, you can manipulate the ____.

A. frame rate
B. sampling resolution
C. sound wave’s amplitude
D. value of the width and the height attribute of the <embed> element

6. Given a For loop counter of for (var i = 1; i <= 5; i+=2) , the counter values are ____.

A. 1 and 3
B. 1, 3, and 5
C. 5, 3, and 1
D. 1, 2, 3, 4 and 5

7. Which of the following is not a legal JavaScript statement for accessing objects?

A. document.images[1].src="exam.gif";
B. document.myform.mytextbox.value = “myname”;
C. document.getElementsByID[“myID”] .src="exam.gif";
D. document.p[1]="text for my first paragraph";

8. Among the following types of style rules, ____ has the highest priority.

A. User Defined Rules

B. External Style Rules
C. Embedded Rules
D. Inline Styles

9. Which of the following sets a width of 150 pixels to the <title> element from any namespace?

A. #|title {width: 150px}

B. *|title {width: 150px}
C. ^|title {width: 150px}
D. ?|title {width: 150px}

10. Which of the following statements about XML, HTML and SGML is not true?

A. XML is an extensible mark language more flexible and powerful than HTML.
B. SGML is not as popular as XML because it is too complex.
C. XML can be used to define XHTML.
D. XML is a language extended on XHTML with namespace.

11. What type of image would you choose to show the sketch of a house’s floor plan on the Web?

P a g e | 4 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

A. JPEG
B. GIF
C. MPEG
D. Image Map

12. How many web safe colours are there?

A. 216
B. 255
C. 256
D. 1024

13. Which of the following HTML code will affect the vertical alignment of the table content?

A. <td style= “vertical-align: middle”>Text goes here.</td>

B. <td valign= “center”>Text goes here.</td>
C. <td style= “text-align: center”>Text goes here.</td>
D. <td align= “middle”>Text goes here.</td>

14. Which of one of the following statements is true?

A. Embedded media is preferable to linked media because they give the user a choice of
play or stop the media.
B. Linked media is faster to download.
C. You can control the embedded media’s size using height and width, but not with
linked media as hyperlinks <a> does not allow height and width attributes.
D. Linked media is not downloaded when the web page is loaded.

15. Which one of the following statements is false?

A. In JavaScript, identifier names are case sensitive.

B. JavaScript code can appear in both <head> and <body> sections.
C. External JavaScript file can be linked using the <link> element.
D. JavaScript can be turned off by the users concerning of security.
.

16. URLs can be used in many different situations to address a Web resource, which of the following is not a
valid situation?

A. A URL can be used in an <img> element to indicate where the image should come
from.
B. A URL can be used in the <form> element to indicate the program used to process the
form data.
C. A URL can be used in the <link> element to connect to an external style sheet.
D. A URL can be used in the <title> element to connect this document to a relevant
document.

17. Which of the following statements about the <a> tag is true?

P a g e | 5 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

A. Specifying an internal section of a Web page only requires an anchor element with a
name attribute.
B. By default, an anchor element always produces a hyperlink.
C. The only valid attribute for an anchor element is href.
D. Anchor elements can only be used in the navigation bar of a Web page.

18. In CSS, you can override precedence rules by adding the ____ property to a style declaration.

A. !override
B. !main
C. !important
D. !priority

19. The style rule li, em {color: blue} indicates the content of ____ will appear in blue colour.

A. Both <em> and <li> elements

B. Any <em> elements that are inside a <li> element
C. The first <em> element that is inside a <li> element
D. The <li em> element

20. The ____ protocol does not support error checking but is suitable for streaming media.

A. FTP
B. HTTP
C. TCP
D. UDP

P a g e | 6 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

Section B: Long Answer Questions (50 marks)

There are 10 questions in this section. Each question is worth 5 marks.
Candidates should answer ALL questions in this section.

Answers must be written in the space provided.

If there is not enough space, write on the spare pages provided at the end of the paper.
Make sure you clearly indicate the questions you are answering.

21. What is Dynamic Routing? Use an example to explain how it works?

22. Explain how client-side form validation is different from server-side form validation? What benefits does
each bring?

P a g e | 7 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

23. List two problems of using HTML as a design language. What’s the general solution? How does the
solution solve the two problems you listed?

24. Use an example to explain how DHTML works.

P a g e | 8 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

25. When you would use a linear site structure in preference to a hierarchical one? How would you implement a
linear structure?

26. Write a JavaScript function that calculates the number of days left till the Christmas Date.

P a g e | 9 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

27. Explain the relationship between a Document Tree and how a contextual selector like p em {color:red}
works.

28. Describe the situations of using External Style Sheets, Embedded Style Sheets and Inline Styles. Use both
CSS and HTML code to explain how to use each type of the styles.

P a g e | 10 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

29. Explain the use of each of the following: URI, URL, and URN.

30. Discuss why a namespace is important? How to declare and use a name space?

P a g e | 11 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

Section C: Coding Questions (30 marks)

There are 2 questions in this section. They are worth 10 marks and 20 marks, respectively.
Candidates should answer ALL questions in this section.

Answers must be written in the space provided.

If there is not enough space, write on the spare pages provided at the end of the paper.
Make sure you clearly indicate the questions you are answering.

31. (10 marks) Consider the following XML document.

<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>

<?xml-stylesheet type="text/css" href="parts.css" ?>

<parts>
<message>
<![CDATA[
Parts for printers
]]>
</message>

<part id="chx201">
<title>Chassis and Roller Kit</title>
<description>PR205 chassis and rollers</description>
<instock>512</instock>
</part>

<part id="fa100-5">
<title>Fuser Assembly</title>
<description>Fuser assembly/JE series</description>
<instock>1253</instock>
</part>

<part id="eng005-2">
<title>Engine Kit</title>
<description>Printer engine kit/JE series</description>
<instock>3895</instock>
</part>

</parts>

PTO for Questions

1) Write a style sheet parts.css to produce a page layout like in the screen shot below;

P a g e | 12 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

2) Draw a document tree of this XML document.

ANSWER THIS XML QUESTION HERE AND ON THE NEXT PAGE

P a g e | 13 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

ANSWER THIS XML QUESTION HERE (CONT.)

(10 marks)

P a g e | 14 of 27 School of Computer Science and Software Engineering

 1st Semester Examinations CITS1231 Web Technologies 2009

32. (20 marks) Write a complete HTML document and an external style sheet that meets the following
requirements and produces a Web page that looks like the screenshot below.

The page is entitled “Places to go around Perth” and stored in a file called places.html. The page uses Arial
or Sans Serif font. It contains 3 sections as indicated in the screenshot:
1. The Header Section: starts at (0px, 0px) and has a dimension of 900px x 264px (width x height).
This section consists of a logo (logo.gif) stored in a folder called images, which is in the same
directory as this places.html page. This section also has the slogan “Welcome to Perth” placed on
top of the logo image. The slogan text is using a fantasy font.
2. The Navigation Section: has a dimension of 150px x 300px (width x height). This section
contains a group of links, which each links to home.html, things.html, places.html (this page),
getAround.html and contact.html, respectively. The two links (King’s Park and Margaret River)
under Places to Go are linking to the relevant internal sections of this page. You will need to work
out the starting position of this section based on the size of the logo.
3. The Content Section: has a width of 750px, and a variable height. This section contains two
topics, the topic headings are in H1 format. The first topic on Kings Park contains paragraph, the
second topic on Margaret River Region contains a form that is formatted using a table. The
options for the selection box of the form are WA, Other Australian States and Overseas. The
form data is to be processed by tour.php in the same folder as this file on the sever side. Make sure
the form data is not appended to the URL when sent.

Heade
r

Naviga-
tion Sec-
tion

Internal-
Naviga- Content
tion

P a g e | 15 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

Note that all the coordinates given are in the (x, y) format, that is, x pixels to the right from the left edge of
the browser content area, and y pixels down from the top edge of the browser content area.

Note that all hyperlinks on the page have no underlines (hint: the style rule to remove underline is {text-
decoration: none}, a link has yellow colour on a blue background, a visited link has gray colour on black
background, and a link with mouse hovering on it has a yellow colour on a black background.

Note also the left border of the content area and the borders of the table used for collecting form data.

ANSWER THIS PLACES TO GO WEB PAGE CREATION QUESTION HERE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

" http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd ">

P a g e | 16 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

ANSWER THIS PLACES TO GO WEB PAGE CREATION QUESTION HERE (CONT.)

(20 marks)

P a g e | 17 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

SPARE PAGE FOR EXTRA WORK

P a g e | 18 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

SPARE PAGE FOR EXTRA WORK

END OF EXAM QUESTIONS

PTO for Quick Reference Cards

P a g e | 19 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

P a g e | 20 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

Source of this HTML /XHTML Quick Reference card:

http://www.utoronto.ca/ian/books/extras/

P a g e | 21 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

CSS QUICK REFERENCE

P a g e | 22 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

P a g e | 23 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

P a g e | 24 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

P a g e | 25 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

P a g e | 26 of 27 School of Computer Science and Software Engineering

1st Semester Examinations CITS1231 Web Technologies 2009

Source of this CSS Quick Reference card:

http://www.cs.tcd.ie/Benjamin.Jung

P a g e | 27 of 27 School of Computer Science and Software Engineering