Introduction to web design examination

Download Introduction to web design examination

Post on 13-Mar-2016

212 views

Category:

Documents

0 download

DESCRIPTION

Introduction to web design examination at Zanzibar Technology college by Makame Hamza

TRANSCRIPT

  • 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.

    (5 marks)

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

    (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)

    Figure 1: Overlapped div boxes

    Figure 2: Profile picture

  • 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.

    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

    Figure 3: Home page layout