Introduction to web design examination

ZANZIBAR TECHNOLOGY COLLEGE Introduction to Web Design Examination Date: January 12, 2014 Time: 3 Hours Total Marks: 50 marks Instructions:     

This paper consist of three sections, A, B and C Answer all questions in each section You will be given one section at a time and the next section only when you claim to finish the current It is recommended to save time for later sections if you can go faster with the current Full marks will be awarded only on the ability to display a given task on a browser window

Section A (15 marks, 60 min) 1) Create an HTML file (question1.html) and write scripts to display the following on a browser a) Gray background color of the body (3 marks). b) Words “Zanzibar Technology college” bolded, italic and underlined (3 marks). c) Your name in Tahoma font family and its back ground change to yellow on hover (3 marks). d) Word “H2O” (3 marks). e) Image of your choice with width 500px and height 300px (3 marks).

Section B (15 marks, 60 min) 2) Create and HTML file (question2.html) and write script to display Figure 1 on a browser window.

Figure 1: Overlapped div boxes

(5 marks) 3) Create an HTML file (question3.html) and write script to display Figure 2 on a browser window.

Figure 2: Profile picture

(5 marks) 4) Create two HTML files (home.html, service.html), in each file write scripts to display the words HOME and SERVICE. On the home.html the word SERVICE should link to service.html, and on service.html the word HOME should link to home.html (5 marks)

Section C (20 marks, 60 min) 5) Create an HTML file (question5.html) and develop a page from a wireframe as illustrated by Figure 3 below.

Figure 3: Home page layout

Homepage layout specifications: • Page width – 960px • Logo / graphic image width – 500px • Navigation bar – 940x45px • Static banner or slideshow imagery – 700x300px • Content area width – 700px • Sidebar width – 210px