SUMMER EXAMINATIONS 2007 by huangyuerongp4

VIEWS: 4 PAGES: 9

									SUMMER EXAMINATIONS 2007
(25 Marks)

Question No.1
(a) Write the XHTML to create an ordered list as follows. 1. Item 1 2. Item 2 3. Item 3 (b) Write the XHTML code to create the table illustrate below. Cell 1 Cell 2 Cell 3 Cell 4 (10 marks) (3 marks)

Please note the following points:  The table must automatically expand to fill the screen width.  Cell 3 must be 140 pixels wide.  Cell 1 and Cell 4 must span Cell 2 and Cell 3.  Ensure that you include the text specified in each cell. (c) i. ii. Explain the difference between block and in-line elements For each of the following elements, state if they are block or in-line elements  p  h1  span  div (4 marks)

(4 marks)

(d)

Under normal circumstances, browsers ignore line breaks and multiple spaces contained in XHTML files. Describe how it is possible to render text exactly as it is represented within a file so that these characters are not ignored.

(4 marks)

(25 Marks)

Question No.2
(a) i. ii. (b) State two benefits that XHTML offers over HTML. State three differences in syntax between HTML and XHTML (4 marks) (3 marks) (6 marks)

Explain clearly the difference between a Document Type Declaration and a Document Type Definition.

Question No.6
(a) i. Demonstrate how to embed an image in a XHTML page. Note: You must specify width, height and alternative text for the image. Explain why it is not recommended to scale images (either larger or smaller) by changing the width and height attribute of the image element on the page. Explain the term recycling of images.

ii.

iii.

SUMMER EXAMINATIONS 2006
(25 Marks)

Question No.5
(a) iii. iv. State two benefits that XHTML offers over HTML. Empty XHTML elements do not encapsulate information and thus have no ending tag but instead have forward slash at the end of their start tags. Explain in detail why it is always recommended to enter a space before the trailing forward slash. (4 marks) (4 marks)

(b)

i.

When elements or attributes are described as deprecated, what does this (3 marks) mean? Give an example of two attributes that are deprecated in the XHTML 1.0 specification. Please note that you must also specify the element associated with each deprecated attribute. (4 marks)

ii.

(c)

Explain clearly the difference between a Document Type Declaration and a Document Type Definition. Discuss in detail how an (X)HTML validator determines if a (X)HTML document is valid. Please ensure that your answer clearly explains how a Document Type Declaration and a Document Type Definition are utilised in the validation process.

(6 marks)

(d)

(4 marks)

SUMMER EXAMINATIONS 2005
(25 Marks)

Question No.1
(a) iii. iv. Explain the difference between block and in-line XHTML elements. For each of the following XHTML elements, state if they are block or in-line:  div  span  p  sub (4 marks)

(4 marks)

(b) (c)

State four differences in syntax between HTML and XHTML. i. Define the term DTD and explain what information a DTD tells us about an (X)HTML document. ii. When is the information contained in a DTD utilised.

(4 marks) (6 marks)

(3 marks)

(d)

Explain the primary difference between the Strict and Transitional XHTML 1.0 DTDs.

(4 marks)

(25 Marks)

Question No.2
(a) Write the XHTML to create the following definition list: Coffee Black hot drink Milk White cold drink (b) Under normal circumstances, browsers ignore line breaks and multiple spaces contained in XHTML files. Describe how it is possible to render text exactly as it is represented within a file so that these characters are not ignored. (4 marks) (6 marks)

(c)

Describe how to correctly nest XHTML elements. Explain your answer with the (5 marks) aid of an example. Write the XHTML code to create the table illustrate below. Cell One (10 marks)

(d)

Cell Two Cell Three Cell Four Cell Five

Please note the following points:  The table should have a width of three hundred pixels and a border of one pixel.  Ensure that you include the text specified in each cell.  The first cell must span two columns.

(25 Marks)

Question No.7
With the aid of an example, demonstrate how to embed an image in a XHTML file. Your example should specify the width, height and border size of the image and also include appropriate alternative text. Explain three methods of reducing the size(bytes) of a graphic file. i. Explain what interlacing is. ii. When is it effective to use interlacing. i. Explain four key differences between bitmap and vector based images. (3 marks)

(6 marks) (3 marks) (2 marks) (4 marks)

ii. For each of the following formats, specify if they are bitmap or vector base (4 marks) formats.  GIF  JPEG  SWF  PNG iii. Of the four formats listed above, indicate which of them supports animation. (3 marks)

SUMMER EXAMINATIONS 2004
(25 Marks)

Question No.1
(a) Based on the information below, write the XHTML to create a nested list that comprises of an ordered list that has an unordered list contained within it 1. Monday 2. Tuesday 3. Wednesday  09:00 – 13:00  14:00 – 17:30 4. Thursday 5. Friday (b) Write the XHTML to create a table consisting of 2 rows and 4 columns. The table should have a border set to 1. In addition, the table width should be 80%. The first cell should display the words “Cell 1” as it’s contents. State four differences in syntax between HTML and XHTML. i. ii. What is a DTD and what information does it tell us about a document? Under what circumstances is the information contained a DTD utilised? (6 marks) (7 marks)

(c) (d)

(4 marks) (4 marks) (4 marks)

(25 Marks)

Question No.2
(a) (b) Explain four key differences between bitmap and vector based images. i. For each of the following formats, specify if they are bitmap or vector base formats.     ii. GIF JPEG SWF PNG (4 marks) (4 marks) (4 marks)

Of the four formats listed above, specify which of them support animation

(c) (d)

Explain what is meant by Anti-Aliasing. iii. Explain what is meant by interlacing. iv. When it is effective to use interlacing? v. What image formats support interlacing?

(4 marks) (3 marks) (3 marks) (3 marks) (25 Marks)

Question No.3
(a) List two reasons why it is recommended to always specify colour using colour by number instead of colour by name. i. Explain how it is possible to identify Web safe colour numbers ii. Give an example of three Web safe colour numbers (c) i. What is dithering? ii. Under what circumstances does dithering occur? (5 marks)

(b)

(5 marks) (3 marks) (3 marks) (3 marks)

(d)

List the four different methods than can be used to specify colour within CSS and show the usage of each method in four separate style rules.

(6 marks)

SUMMER EXAMINATIONS 2003
(25 Marks)

Question No.2
(a) Explain why it is recommended to specify color on the Web using color by number instead of color by name Explain why there are only 216 Web safe colors iii. Explain how it is possible to identify Web safe color numbers iv. Give an example of three Web safe color numbers (d) iii. What is dithering? iv. Under what circumstances does dithering occur (6 marks)

(b) (c)

(6 marks) (4 marks) (3 marks) (3 marks) (3 marks)

(25 Marks)

Question No.3
(a) Explain three methods of reducing the size (bytes) of a graphic file. (6 marks)

(b)

vi. Explain what interlacing is vii. When it is effective to use interlacing

(3 marks) (3 marks)

(c)

Specify for the following images, the file format(s) (gif, jpeg or png) that are best suited to use. You must justify your answer in each case as to why you choose a particular format. Note that there may be more than one file format that is suitable: i. Image is graphical with flat color ii. Image is photographic or contains gradations of colors, such as watercolor paintings iii. Image is a postage stamp or icon-sized photograph iv. Image needs to be transparent v. Image needs to be animated

(10 marks)

(d)

Explain what the term “recycling of images” means

(3 marks)

(25 Marks)

Question No.6
(a) Write the HTML to create the following unordered list that is contained in an ordered list 1. Monday 2. Tuesday 3. Wed  9:00-11:00  13:00-15:00 4. Thursday 5. Friday (b) Write the HTML code to create a table consisting of 2 rows and 3 columns. The table should have a border set to 2 pixels wide. In addition, the table width should be 400 pixels wide. The first cell should display the words “First Cell“ as it’s contents Explain with an example what a hypertext link is. Your answer should clearly identify the different components(destination, label and target) that a link comprises of Explain why it is recommended to always surround element attribute values in double quotes (7 marks) (7 marks)

(c)

(7 marks)

(d)

(4 marks)

Summer 2002
Question No. 5. Tables. Placing content inside tables help editors conform to specific layouts. (a) Write the code for a nested table. Your inner table must be 2x2 (two rows by two columns). Cell 2,1 must contain the word “weather” and Cell 2,2 must contain the word “traffic”. Explain why you would constrain a table by pixels instead of by percentage. Revise the following code to allow approximately one character of “breathing space” between the cell border and the content: <TABLE><TR><TD>Weather</TD></TR></TABLE> (d) How can you force a table cell to expand to a specific length and width? (3 Marks) (12 Marks) ( 25 Marks)

(b)

(4 Marks)

(c)

(6 Marks)

( 25 Marks) Question No. 7. Web Graphics. Your visual dimension on a web site often creates the first impression in the eye of a viewer. (a) Assume you have a 120x120 GIF that weighs 40kb. Describe three methods (6 Marks) of reducing the weight of the image.


								
To top