UNIVERSITY OF MORATUWA ITE 1712

Faculty of Information Technology

Bachelor of Information Technology (BIT) External Degree
ITE 1712 – Web Design - Practical Exam

SECTION 01 (60 marks)

A webpage needs to be designed for a restaurant. Write the XHTML and CSS code necessary
to design the following layout (Figure 1) and get appeared on the screen.

Section A

Section B (40%) Section C (20%) Section D (40%)

● Home
● Menu
● Reservation
● Blog

Figure 1: Web page template

Include the following:

1. Create the page structure as shown in Figure 1. (10 marks)

2. Section B and D of the page has a color of #008B8B and #6495ED respectively. The
remaining area has a white background. (5 marks)

3. A sans-serif font style is used for the text on the page (5 marks)

4. Section A includes the name of the restaurant. You can include any preferred name.
a. The font size of the name is 48 px. (5 marks)
b. The name should be centered in section A. (5 marks)

5. Section B
a. Includes the navigational links as shown in Figure 1. (You may take necessary
assumptions regarding the paths of the links.) (5 marks)
b. All links should be in bullet form. (5 marks)

ITE 1712 – Web Design - Practical Exam Page 1 of 2

 6. Section D:
a. Insert a heading “Menu”. (5 marks)
b. Include 3 subheadings as “Beverages”, “Main Dishes”, and “Desserts”.
(5 marks)
c. Under each subheading insert a suitable image. (5 marks)
d. Include a border around the image. (5 marks)

ITE 1712 – Web Design - Practical Exam Page 2 of 2