GRIFFITH COLLEGE DUBLIN

(*AWARDING BODY)

SOFTWARE ENGINEERING CERTIFICATE

WEB AUTHORING

Lecturer: : Hugh McCabe External Examiner : (Name *2)

Date : Summer 1999 Time : *2

THIS PAPER CONSISTS OF 5 QUESTIONS. CANDIDATES SHOULD ATTEMPT ALL QUESTIONS FROM SECTION A AND THREE QUESTIONS FROM SECTION B Section A - Candidates should attempt all questions

QUESTION 1

(a) Explain, using examples, what HTML tags are, and what HTML attributes are. (5 marks)

(b) Name, and briefly outline the function of, each of the four basic HTML tags needed to create a minimal document. (5 marks) (c) Explain the use of the FONT tag in HTML. What attributes would commonly be associated with it?. (5 marks) (d) What is a URL ? (5 marks) (e) What is the Netscape colour palette and what problems is it designed to alleviate? (5 marks) (f) Describe how alignment works within the context of table cell contents. What alignment options are there, how are they specified, and what are the defaults? (5 marks) (g) What is meant by the phrase server-side processing? Explain how the processing of form-input is a common application of this. (5 marks) (h) Give HTML code for a FRAMESET page that divides a document into frames using the layout shown below.

(5 marks) Section B - Candidates should attempt 3 questions

QUESTION 2

(a) Explain what is meant by the term networked hypermedia? Why is the World Wide Web (WWW) an example of this? (4 marks) (b) What is the Internet? Briefly describe five services that it offers. (6 marks) (c) Explain each of the following terms: (i) Top-Level Domain (ii) HTML (iii) IP Address (6 marks) (d) What is XML? What advantages does it potentially offer over HTML? (4 marks)

QUESTION 3

(a) What image file formats are supported by web browsers? (2 marks)

(b) Describe the features of two of these file formats, and explain what kinds of images are best suited to each file format and why? (4 marks)

(c) Explain how an 8-bit graphics file format, with the aid of a colour lookup table, can use arbitrary 256 colour palettes. (4 marks)

(d) What factors contribute to an images' file size? What steps can you take to reduce the file size of an image? (4 marks)

(e) Write a piece of code which, when part of a HTML document, displays an image to the right of a paragraph of text. Include attributes which will define alignment and give the image a border of two pixels. Provide some descriptive alternative text for this image. (6 marks) QUESTION 4

(a) Tables have two distinct uses in the context of web authoring. What are these two uses? Three commonly used attributes which can be associated with the table tag are border, align and width. Explain the effect of each. (5 marks)

(b) What is the purpose of the cellspacing and cellpadding attributes? What are the rowspan and colspan attributes used for? (4 marks)

(c) Write HTML code to produce the following tables:

Dublin Cork Belfast 100 200 300 Ireland

(3 marks)

Date Tuesday Afternoon Evening 11/4/98 SENG 1 SENG 2 (3 marks)

(d) Describe how we could use a table to provide a page layout which has a solid graphic border along the left-hand side of the page and text to the right of the border. Would it be possible to include a matching border on the right-hand side also? (5 marks)

QUESTION 5

(a) The basic model of how the World Wide Web works can be interpreted as a client- server relationship. Explain in detail what is meant by this statement. Your answer should make reference to the following concepts:

(i) Client-Side Processing (ii) Server-Side Processing (iii) Communications Protocols (10 marks)

(b) Three common form elements which are used in HTML are text-fields, radio buttons and checkboxes. Show how each of these are coded by writing HTML to produce a form which looks like the following. (10 marks)

QUESTION 6

(a) What are Cascading Style Sheets? Describe the three methods by which style sheets may be applied to a HTML document. (5 marks)

(b) What are the advantages of using style sheets in web development. (7 marks)

(c) Styles may be applied internally as part of a HTML document. Write a piece of code which will create the following two styles:

Heading style: alignment = centre font = Arial, 14pt background = yellow

Paragraph style: alignment = left font = Comic Sans MS 12pt font colour = blue

Include this code segment in a HTML document which demonstrates how these styles may be employed. (8 marks)