DDW March 2016 Examination Final PDF

Designing and Developing a Website
1 March 2016
Examination Paper
Answer ALL questions.
Clearly cross out surplus answers.
Time: 3 hours
The maximum mark for this paper is 100.
Any reference material brought into the examination room must be

handed to the invigilator before the start of the examination.
Answer ALL questions
Marks
Question 1
a) Define the following terms:
i) The internet 1
ii) The World Wide Web 1
iii) The WWW consortium 1
b) When we design a website, we face many different challenges. List THREE (3) 3
challenges that a web designer faces.
c) Consider Figure 1 below, which shows a simple model of the WWW:
Figure 1: A simple model of the WWW
i) What does HTTP stand for? Explain the role of HTTP. 2
ii) Briefly describe the roles of the client and server computers in Figure 1. 2
Total: 10 Marks
Questions continue on next page
Page 2 of 11
Designing and Developing a Website © NCC Education Limited 2016
Marks
Question 2
a) How can a web designer ensure that a webpage works across a range of 2
different web browsers?
b) Consider the following HTML document:
<!DOCTYPE HTML>
<html>
<head>
<title>A simple webpage</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<section>
<h1>Welcome</h1>
<p>Hello I hope you like this page
<section>
<h2>About Us</h2>
<p>We are all friendly people
</section>
<section>
<h2>Latest News</h2>
<p>Lots of good things have happened today
</section>
<section>
</body>
</html>
This HTML document contains examples of some key HTML concepts. Briefly
explain what is meant by each concept listed below. For each concept, provide
ONE (1) example of the concept from the HTML document shown above.
i) Tag 2
ii) Nesting 2
c) Explain what is meant by the terms accessibility and assistive technologies. 4

Provide TWO (2) examples of how assistive technologies might support
accessibility.
Total: 10 Marks
Page 3 of 11
Marks
Question 3
a) Consider the following CSS and HTML document fragment: 4
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #d0e4fe;
}
h1 {
color: orange;
text-align: center;
}
p{
font-family: "Times New Roman";
font-size: 20px;
}
</style>
</head>
<body>
<h1>An example of CSS</h1>

<p>Here is some text</p>
<p>Here is some more text</p>
</body>
</html>
Draw a sketch showing how the web page would present when the code is
rendered. Indicate approximate font sizes and colours.
b) External CSS files can quickly become very large and difficult to manage. There 3
are certain technqiues which can be used to make CSS efficient and easier to
manage. List THREE (3) techniques for making CSS more efficient.
Question 3 continues on next page
Page 4 of 11
Marks
c) Consider the following HTML code fragment:
<h1 style="color:blue;letter-spacing:5px;">Welcome to <em>Cascading

Style Sheets</em></h1>
<p>The purpose of this page is to demonstrate how <em>CSS</em>
works.</p>
This is an example of inline CSS.
i) Why is the use of inline CSS often considered bad practice in web design? 1
ii) State TWO (2) different ways of specifying CSS for a webpage. 2
Total: 10 Marks
Page 5 of 11
Marks
Question 4
a) Consider the following web site structure, which represents a choice of degree
courses:
root
BSc BA index.html
Maths.html Business
Computing.html Finance.html
Management.html
Arts
FineArt.html
i) A hyperlink in the page Maths.html links to the page Computing.html. What 1

will be the value of the href attribute for this hyperlink?
ii) A hyperlink in the page FineArt.html links to the page Management.html 1

What will be the value of the href attribute for this hyperlink?
iii) A hyperlink in the page index.html links to the page Finance.html. What will 1
be the value of the href attribute for this hyperlink?
iv) A hyperlink in the page Finance.html links to the page index.html. What will 1
be the value of the href attribute for this hyperlink?
b) Why is it important to use filename conventions when designing a website? 4

List THREE (3) commonly used filename conventions
c) Access keys suffer from a number of problems. State TWO (2) examples of 2
problems which access keys may suffer from.
Total: 10 Marks
Page 6 of 11
Marks
Question 5
a) Both GIF and JPEG images can be displayed in web pages. Explain the 4
difference between GIF and JPEG images and state which types of images each
file format is suited to displaying.
b) Images taken with a digital camera often have very high resolutions and are too 2
big for the web. Briefly explain how you can prepare images taken with a digital
camera for the web.
c) Explain the difference between the HTML object element and the video element 4
feature of HTML 5. State ONE (1) advantage and ONE (1) disadvantage of the
use of the video element.
Total: 10 Marks
Page 7 of 11
Marks
Question 6
a) Consider the following HTML code:
<table>
<tr>
<td>Stage</td><td>Distance</td><td>Stage
Winner</td><td>Leader</td>
</tr>
<tr>
<td>Durham to London</td><td>250 mls</td><td colspan="2">Mr
HTML</td>
</tr>
<tr>
<td>London to Brighton</td><td>100 mls</td><td>Mr
HTML</td><td>Miss CSS</td>
</tr>
<tr>
<td>Brighton to Hove</td><td>30 mls</td><td>Miss
CSS</td><td>Mr HTML</td>
</tr>
</table>
i) Sketch out what this table will look like when rendered in a browser. 2
b) The use of tables can cause issues in web design.
i) List THREE (3) potential problems of using tables for web page design. 3
ii) List TWO (2) issues of using tables when designing web pages for use on 2
mobile devices.
c) The HTML 5 specification includes some new attributes and types for form
control. Describe the purpose of each HTML 5 attribute and type listed below.
i) The required attribute 1

ii) The number and range types 2
Total: 10 Marks
Page 8 of 11
Marks
Question 7
a) Consider the following HTML and CSS fragment: 6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<html>
<head>
<style>
div{
outline:1px solid black;
}
#block1{
position:absolute;
top:150px;
left:200px;
height:50px;
width:50px;
}
#block2{
position:absolute;
top:150px;
left:100px;
height:200px;
width:100px;
}
#block3{
position:absolute;
top:0px;
left:50px;
height:200px;
width:100px;
}
</style>
</head>
<body>
<div id="block1">Box1</div>
<div id="block2">Box2<div id="block3">Box3</div></div>
</body>
</html>
Draw a diagram showing how the page will appear when rendered in a browser.
Page 9 of 11
Marks
b) By default, webpage content flows as a single column. Each heading, list, 4

paragraph (etc.) appears one after the other. However, most websites are
designed with more complex page layouts.
Draw a sketch of a typical web page layout. Use blocks to illustrate areas of the
page, clearly labelling and explaining the function of each block in your diagram.
Total: 10 Marks
Question 8
a) There are several different ways in which an eCommerce business can make 6
money. These are known as revenue models. For example, the Advertising
Revenue Model is one model which is used by many companies.
List THREE (3) possible models (but not the Advertising Revenue Model) that
an eCommerce business can use to create revenue. For each model you list,
provide a short explanation of how the model works.
b) Explain what is meant by user-centred web design. 1
c) Explain what is meant by the term scenario mean in terms of web design and 3
outline the purpose of a scenario.
Total: 10 Marks
Question 9
a) The process of web design can be viewed as a three stage process. List the 7
THREE (3) stages of designing a web site.You should also briefly explain the
activities that take place at each stage.
b) At which stage in the process of web design should testing take place? 1
c) Card sorting involves giving potential users of a website a collection of labels and 2
asking them to organise them into groups and sub-groups. How is this useful in a
web design project?
Total 10 Marks
Page 10 of 11
Marks
Question 10
a) Usability testing is an important part of website design.
i) Give THREE (3) advantages offered by usability testing. 3

ii) When should usability testing be carried out? 2
ii) Why should members of the web development team not be subjects for 2
usability tests?
b) Briefly explain why it is important to test the accessibility of a website before 3

releasing it for use and state TWO (2) ways in which a web designer might test
the accessibility of a web site.
Total: 10 Marks
End of Examination Paper
Page 11 of 11

DDW March 2016 Examination Final PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

DDW March 2016 Examination Final PDF

Enviado por

Direitos autorais:

Formatos disponíveis

Designing and Developing a Website

Clearly cross out surplus answers.

The maximum mark for this paper is 100.

Any reference material brought into the examination room must be

a) Define the following terms:

c) Consider Figure 1 below, which shows a simple model of the WWW:

Figure 1: A simple model of the WWW

i) What does HTTP stand for? Explain the role of HTTP. 2

Questions continue on next page

b) Consider the following HTML document:

c) Explain what is meant by the terms accessibility and assistive technologies. 4

Questions continue on next page

a) Consider the following CSS and HTML document fragment: 4

<h1>An example of CSS</h1>

Question 3 continues on next page

<h1 style="color:blue;letter-spacing:5px;">Welcome to <em>Cascading

This is an example of inline CSS.

Questions continue on next page

i) A hyperlink in the page Maths.html links to the page Computing.html. What 1

ii) A hyperlink in the page FineArt.html links to the page Management.html 1

b) Why is it important to use filename conventions when designing a website? 4

Questions continue on next page

Questions continue on next page

a) Consider the following HTML code:

b) The use of tables can cause issues in web design.

i) The required attribute 1

Questions continue on next page

a) Consider the following HTML and CSS fragment: 6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

b) By default, webpage content flows as a single column. Each heading, list, 4

b) Explain what is meant by user-centred web design. 1

Questions continue on next page

a) Usability testing is an important part of website design.

i) Give THREE (3) advantages offered by usability testing. 3

b) Briefly explain why it is important to test the accessibility of a website before 3

End of Examination Paper

Você também pode gostar