Download Website Development (D4) IMIS DIPLOMA QUALIFICATIONS

IMIS DIPLOMA QUALIFICATIONS
Website Development
(D4)
Thursday 4th June 2015 14:00hrs – 17:00hrs
DURATION: 3 HOURS
Candidates should answer ALL the questions in Part A and THREE of the five
questions in Part B. Part A carries 40% of the marks available and Part B
carries 60%. Candidates should allocate their time accordingly.
Question A1
As HTML5 is no longer based on SGML (Standard General Mark-up Language) the
statement <!DOCTYPE> is an important statement in the web page code.
What is the function of the <!DOCTYPE>, and what happens if the statement is not
included in the coding?
(5 Marks)
Answer
The <!DOCTYPE> statement primarily exists to make sure that the browser displays
the page in standard mode. If there is no document type, the browser operates in
‘quirky mode’ which renders the page like older browsers, allowing the ‘quirky’ code
from the earlier days of web development.
2 marks for the function and 3 marks for when it is not used
Question A2
The floating element allows a picture to be floated.
Explain TWO reasons why would a website programmer wish to use this element?
(5 Marks)
Answer
Any of the following are suitable:
Using the floating element the programmer does not have to worry about the size of
the picture or the amount of text, and whether right (or left) alignment is desired.
By using this element the system will ‘wrap’ the text around with the picture
irrespective of the picture’s size, or the position of the picture
plus any original ideas
marks for a constructive response to a maximum of 5 marks
Question A3
Radio buttons are frequently used in web pages.
Explain TWO reasons why and when you would incorporate Radio buttons on your
web pages.
(5 Marks)
Answer
The following are acceptable:
 It allows the user to make a choice from a list/selection rather than possibly
guessing which option to choose.
 It allows the user to offer a definite answer, just like multi-choice questions
stopping the user from offering an ‘unacceptable’ responses’.
 plus any original ideas
marks for a constructive response to a maximum of 5 marks
Question A4
Using an example explain the term Taxonomy. Why is so important when designing
websites?
(5 marks)
Answer
Taxonomy is a classification and naming of contents in a hierarchical structure.
It is important because the taxonomy of the site directly translate to the navigation
through the top-level content topics down to individual piece of information that the
user is looking for.
2 marks for an explanation + 3 marks for its importance
Question A5
Using an example explain the function ‘:hover Pseudo-Class’. Why do users of the
website consider this function very useful?
(5 marks)
Answer
‘:hover Pseudo-Class’ allows the programmer to apply a style that appears when the
user points to an element with a pointing device.
A user finds it very useful as the link appears highlighted emphasising that this is a
link to another set of text, etc.
3 marks for an explanation + 2 marks for its usage
Question A6
Explain TWO reasons why, when designing a web page, a programmer wishes to
use both graphical and text based links.
(5 marks)
Answer
Any of the following responses are suitable:
 There is a choice of links to choose from and a graphic may be more suitable as
it would be easier to ‘understand’.
 The programmer may use graphics to aid dyslexic users choose the correct link.
 Text could be used as a ‘rider’ before the user uses the link to move to the next
page.
 Text could also be used when there is a need to ‘subdivide’ a link, such as topics
within a chapter in a table of contents.
 Etc
a maximum of 5 marks
Question A7
Explain TWO inconsistencies that can cause broken links when uploading your files
to a web server.
(5 marks)
Answer
Any of the following responses are suitable:
 The complete directory address is not given only a partial URL is given rather
than a complete URL causing the link no being viable.
 The files may point to the working directory on the programmer’s machine,
especially a different drive, which does not exist on the server’s machine.
 Addresses are pointing to the test area on the server’s machine, that has been
deleted after the testing has been completed and are not correct on the website
server.
 plus any original ideas
 Etc
a maximum of 5 marks
Question A8
Various types of user documentation are produced for the users of a website.
Name TWO types of User Documentation you would like to receive when a website
goes live, and why you would want them. LO6 Ch9 P228 - 229 PW (5 marks)
Any TWO of the following are acceptable:
 ‘getting started’ guides. These show the user how to install the software and to
get it started.
 Tutorials. These show the user how to use the package in general terms.
 ‘how to’ guides. These show the user how to perform specific tasks, especially
when an error occurs, or produce a specific type/layout for printing.
 Reference material. These show the user how to access more information/details
using, for example, websites.
 Etc
2 * (1 mark for a name + 2 for wanting it) to a maximum of 5 marks
PART B. Answer any THREE of the following FIVE questions.
Question B9
There are FOUR ways in which a web programmer can specify colour values.
(a) Using an appropriate coding explain the FOUR ways of specifying colours.
(12 marks)
(b) And by means of an example, for each way, explain why that method is
chosen by the programmer to the other three.
(8 marks)
(20 marks)
Answer
(a) The ways of specifying colours are:
 {color: blue;} – this defines the definite colour and no exceptions.
 {color: #0000fff;} – this defines the colour as a hexadecimal value, where the 6figure hexadecimal value is split into three groups of two characters/digits. Each
of the three sets of characters represents red, green, and blue respectively.
 {color: rgb(0, 0, 255);} – this defines the colour as a number where each of the
numbers represents red, green, and blue. The larger the number the deeper the
colour. The final colour is the mixture of the three colours, (using
ratio/proportional values). {color: rgb(0, 0, 0);} = black as no colours are used,
whilst {color: rgb(255,255,255);} = white as all colours are being used.
OR
 {color: rgb(0%,0%,100%);} – this defines the colour as a percentage where each
of the numbers represents red, green, and blue. The larger the number the
deeper the colour. The final colour is the mixture of the three colours.
(ratio/proportional values). {color: rgb(0%, 0%, 0%);} = black as no colours are
used, whilst {color: rgb(100%,100%,100%);} = white as all colours are being
used.
(b)
 The first way is preferable for two reasons. Firstly it defines the definite colour
with no exception. Secondly with old browsers in may not be possible to display
any of the others correctly and choose what it thinks is best.
 The second way could be classified as being old fashion as there is on 16*16*16
permutations and some techies/nerds do not think that this is sufficient options.
 The third way could be classified as being a techies/nerds idea of heaven as the
variations for the colours is equal to 255*255*255, more than ample to keep the
techies/nerds happy. They could if they wish plan the colours so that they see if
others have copied their work.
OR
 The third way could also be classified as being a techies/nerds idea of heaven as
the variations for the colours is equal to 100*100*100, not so many as the third
way but still more than ample to keep the techies/nerds happy.
Marks
(a) 4 * 3 marks
(b) 4 *2 marks for a reason why that mode is used.
maximum of 20 marks
Question B10
Web analytic tools that gather statistics from web servers, and these tools are used
by the website owner.
(a) Give and describe FOUR web log statistics that you, as a web site owner,
would be interested in receiving
(12 marks)
(b) For each web log statistic chosen describe how it may make the website
designer change the site.
(8 marks)
(20 marks)
Answers
(a) Any FOUR of the following web log statistics are acceptable:
 Unique visitors – tells you how many visitors there has been to the website.
 Page visits – this tells you which pages have been accessed by the visitor.
 Time spent on a page – tells how long was spent on the page.
 Users’ place of origin – tells you where the user is living/on holiday/etc.
 New visitors – tells you how many new visitors have accessed the website.
 Click analysis – tells you what has been clicked by the visitors.
 Impressions – quantity sold, click through rates.
 Etc.
(b) Web log statistics are important because:
 They act as a guide to enhance the website contents.
 Make more important pages more easily accessible.
 Depending upon how the users traverse the website re-plans the website
structure.
 Perhaps consider translating the website into a foreign language.
 Recognise patterns especially on auction sites.
 Etc.
Marks
(a) 4 * 3 marks
(b) 4 *2 marks for a description
maximum of 20 marks
Question B11
One of the best ways to display data is to use a table, where data can be arranged in
cells, rows, and columns. However the website programmer must code the table
format correctly to obtain the best structure and layout.
(a) Describe FOUR table elements that you would use to format the table and for
each of your choices explain their function.
(16 marks)
(b) Show the coding needed to create a one row table with two columns. Each
cell to contain the letter x.
(4 marks)
(20 marks)
Answer
(a) Any FOUR of the following web log statistics are acceptable:
Table – establishes the table; contains all other elements that specify caption, rows,
and contents.
Tr – table row; contains the table cells.
Td – table data cell; contains the table data.
Th – table header cell; contains header information for a column of data.
Caption – provides a short description of the table’s contents.
Thread – signifies table header.
Tbody – signifies the table body.
Tfoot – signifies the table footer.
Col – specifies the column properties.
Colgroup – specifies multiple column properties.
(b) <table><tr><td>x</td><td>x</td></tr></table>
Marks
(a) 4 * (1 mark for an element + 3 marks for a function)
(b) 4 marks for correct coding.
maximum of 20 marks
Question B12
Give and describe FOUR benefits of applying CSS rules to standard HTML markup.
(20 marks)
Answer
Any FOUR of the following benefits are acceptable:
You can use CSS properties to:
 Create interesting designs such as the small feature boxes, without resorting to
extra graphics or complex/confusing coding.
 Control fonts, text alignment, colour, and leading (pronounced ‘leding’) to gain
complete control over your page typography.
 Gain precise control over the white space within contents columns and between
different elements in a page design with box model properties.
 Create navigation bars and column based layouts using page layout properties
making it easy to follow, without using complex/confusing coding.
 Designs that follow good coding standards without sacrificing visually pleasing
designs and making it easy to follow, and amend/update.
 plus any original ideas Etc
4* 5 marks for a benefit.
Question B13
a) Explain THREE advantages of User Documentation being supplied in an online mode, rather than in a printed format. .
(12 Marks)
b) Explain TWO disadvantages of User Documentation being supplied in an online mode, rather than in a printed format.
(8 marks)
Answer
a) Any THREE of the following are acceptable:
 Easy to produce as it ‘only’ has to be typed in once and using Word ‘Reference’
options, indices can be created immediately.
 Can not be misplaced, like a hard disk, and if misplaced can be re-installed.
 Easy to search the text compared rather than have to scan all of the contents.
 Easy to update in that only the relevant parts have to be changed.
 Indices can be updated immediately, and made available on-line ‘immediately’.
 Allows more than one user to access at any time as it is on-line and can not be
‘commandeered’ by one person.
 Cheaper to maintain and update content.
 Version control is simpler making easier to alert users of updates.
 plus any original ideas. Etc





b) Any TWO of the following are acceptable:
If the internet/intranet/computer is down the documentation can not be access.
A virus could possible delete or amend the contents.
Should the system have to be re-installed perhaps not the latest version is
installed.
It is very hard to read as only one page can be displayed and there may be a
need to jump from page to page.
plus any original ideas
Marks
(c) 4 * 3 marks for an advantage
(d) 4 *2 marks for a disadvantage
maximum of 20 marks