NCC EDUCATION INTERNATIONAL DIPLOMA IN COMPUTER STUDIES WEB DESIGN JUNE 2012 LOCAL EXAMINATION

SECTION A Answer all questions in this section.

SECTION B Answer any two questions in this section.

Time: 2 hours

Clearly cross out surplus answers. Failure to do this in Section B will result in only the first two answers being marked.

Any reference material brought into the examination room must be handed to the invigilator before the start of the examination.

Web Design

June 2012

Final

NCC Education Ltd 2012

SECTION A ANSWER ALL QUESTIONS IN THIS SECTION

Marks QUESTION 1 List and briefly explain FOUR (4) general guidelines used to help professional web designers and developers deal with the multitude of browsers and their varying capabilities. QUESTION 2 A complete web address is generally made up of THREE (3) components. Explain each component with the illustration of a sample web address. QUESTION 3 Explain the difference between a tag and an element. QUESTION 4 4 Explain what a protocol is and give TWO (2) examples of commonly used protocols in the Internet world. QUESTION 5 Write html code to create a checkbox and explain each part of the code. QUESTION 6 Briefly explain two types of lists used in HTML. List the HTML tags that can be used to create those lists. QUESTION 7 Explain the TWO (2) broad categories of ready-made stock photos and illustrations available for sale or for free. QUESTION 8 Describe TWO (2) things you can do with a GIF that you cant do with a JPEG. QUESTION 9 List and briefly explain the four broad categories of disabilities that affect how people interact with their computers and the information on them. QUESTION 10 Describe what Multiple-image Network Graphic (MNG) is and briefly comment on its commercial success. 4 4 4 4 4 4 4 4 4

Total 40 Marks

QUESTIONS CONTINUE ON NEXT PAGE Page 2 of 5

Web Design June 2012 Final NCC Education Ltd 2012

SECTION B ANSWER ANY TWO QUESTIONS IN THIS SECTION

Marks QUESTION 11

a) Explain what type of compression is used when a JPEG image is created and what Progressive JPEG is. 6
List the main advantages of using Progressive JPEGs

b) The PNG format was designed to replace GIF for online purposes and TIFF for image storage and 6
printing. List and explain THREE (3) image types that a PNG can be used to save.

c) Explain what Adobe Flash is and list the advantages and the disadvantages of using Flash in web 8
design. List and briefly explain which image format you would use in the following situations: i) If your image is graphical with flat colours ii) If your image is a photograph or contains graduated colour iii) If your image is a combination of flat and photographic image 2 2 2 4 Total 30 Marks QUESTION 12 a) Identify and briefly describe the FOUR (4) broad categories of disability that affect how people interact with their computers and the information on them. 8

d) List FOUR (4) general methods for reducing GIF file sizes.

b)

When you set out to find a host for a business web site, you should begin by assessing the business needs. 12 List six main questions you should ask yourself or your client, and explain why these are important. Briefly describe FIVE (5) ways in which a user can change the preference settings in the browser to 10 affect the appearance and functionality of web pages. Total 30 Marks

c)

QUESTIONS CONTINUE ON NEXT PAGE Page 3 of 5

Web Design June 2012 Final NCC Education Ltd 2012

QUESTION 13 a) i) ii)

Marks 4 6

Define a frame and explain why frames are useful in displaying and designing a web site. Build a framed document that looks like diagram below. It should have four frames: three horizontal frames and the second horizontal frame divided into 2 vertical frames.

b)

Explain the following TWO form attributes: i) The Action Attribute ii) The Method Attribute i) ii) Write a CSS rule that makes the text colour inside a paragraph green and indents the first line of the paragraph by 20 px. Describe what the following CSS does body { background-image: url(background.gif); background-position: center; background-repeat: horizontal; background-attachment: fixed }

2 2 4 4

c)

QUESTIONS CONTINUE ON NEXT PAGE Page 4 of 5

Web Design June 2012 Final NCC Education Ltd 2012

Marks d) Explain what the following HTML code does and how it will display in your browser. A drawing might support your answer. <html> <head> <title>Table Challenge</title> </head> <body> <table border="0" cellspacing="6"> <caption>Your Content Here</caption> <tr> <th rowspan="2">&nbsp;</th> <th colspan="2">A common header for two subheads</th> <th rowspan="2">Header 3</th> </tr> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <th scope="row">Thing A</th> <td>data A1</td> <td>data A2</td> <td>data A3</td> </tr> <tr> <th scope="row">Thing B </th> <td>data B1</td> <td>data B2</td> <td>data B3</td> </tr> <tr> <th scope="row">Thing C</th> <td>data C1</td> <td>data C2</td> <td>data C3</td> </tr> </table> </body> </html> 8

Total 30 Marks

END OF PAPER

Page 5 of 5
Web Design June 2012 Final NCC Education Ltd 2012