PRINCIPLES OF WEB DEVELOPMENT MAY 2018

DICT LEVEL III

PRINCIPLES OF WEB DEVELOPMENT MAY 2018        

TUESDAY: 22 MAY 2018                             TIME ALLOWED: 3 HOURS

QUESTION ONE

a)    Explain four new features inbuilt in HTML5
differentiate between canvas and SVG as used in HTML5 for graphics

b)    Using HTML code illustrate the font tag for Arial font showing eight different sizes of font each with its own colour

c)    Write down HTML code that would create a table with the following data :

Community	Male	Female
OBC	35	40
SC/ST	23	12
GEN	12	10

QUESTION TWO

a)    Describe the following types of positions as used in HTML pages:

i)      Static positioning

ii)     Relative positioning

iii)    Absolute positioning

iv)   Fixed positioning

b)    Write the HTML code that would display the following content on being rendered by a browse
I love my county
* I buy food freely
* I exercise my rights
* I cheer up my people
the end

c)    Use of frames in web development is steadily losing population
highlight four reasons in support of the above statement 

d)    Use the <layer>tag with appropriate dimension to create an html document with three overlapping layers
ensure that the back layer is red the middle layer is blue and the font layer is greed

QUESTION THREE

a)    Explain the following terms in the context of web design;
web browser automation plug ins

b)    Citing an example of a programming language used in each case explain the following terms as used in web design:

i)              Front end

ii)             Middle ware

iii)            Bach end

c)    Write java script code to performs the following tasks:

i)      Declare three valuable one number and two strings. The number should be 20 and first and second strings should be 20 and twenty respectively

ii)     Declare an array called numbers. Numbers should contain two extra numbers.

iii)    Resized the numbers array in (c) (ii) above so as to contain two extra number ; 45 and 30

iv)   Use FOR loop to iterate through the numbers in (c) (iii) above and display the numbers in an appropriate pop up.

QUESTION FOUR

a)    Using a short code example illustrate how you would use the style attribute to specify width and heart
show how you would include the above examples if the image was stored in a folder called images

b)    Mwandwira recently designed a web application entered   to serve kismet students with tutorial as well as online training in the various subjects they undertake in there course .

c)    Highlight two difference between cookies and local or session  storage

Write down the HTML code that would rend the output bellow ensure that the background colour specified should be the actual colour behind the text

Background colour set by using # FF0000

Background colour set by using # 00FF00

Background colour set by using # FFFFOO

Background colour set by using # FFFFOO

Background colour set by using # FFOOFF

Background colour set by using # OOFFFF

QUESTION FIVE

a)    Citing five reasons justifying the use of animation in e commerce websites

b)    A web developer has an image which he wants to insert inside his text in photo shop. He has already duplicated the image into two layer named background layer and layer 1.he has also added a third blank layer (layer 2) between the other two layers named: back ground. Further he has entered text and positioned it correctly on its own layer between layer 1 and layer 2. However he is an able to insert the image in layer 1 into text to create  the illusion that the image is inside the text

Required:

Guide him on the final steps to follow so that the image could be seen through the text

c)    Prepare a step by step instruction o how to create a bouncing ball animation in your sequence.