MskProdComputing
Time left25:00 Answered 0 of 16 25 marks
MskProd Year 8 unit exam 25 minutes 25 marks Original paper

Web Development: Unit Exam B

Headings, images and alt text, what HTML and CSS each do, reading a CSS rule, linking a stylesheet, selectors and usability.

Instructions

Time allowed
25 minutes
Total marks
25
Calculator
No calculator is permitted.
  • Answer all the questions.
  • The number of marks for each question is shown in brackets. Use it as a guide to how much to write.
  • The clock at the top counts down from the real time allowed. When it reaches zero the paper is locked and marked, as it would be collected in the exam hall.
  • Read every question to the end before answering. Where a question says tick two boxes, tick exactly two: ticking more than asked scores nothing. Type one word and number answers carefully, because they are marked exactly.

Questions

Answer every question, then finish the paper to have it marked. Marking as you go teaches you far less.

25 marks
1Which tag makes the largest heading?1 mark

Tick one box.

Mark scheme0 / 1
  • LD <h1>
Model answer

h1 is the top level heading.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
2(a)This image appears on a page:<img src="cat.jpg" alt="A ginger cat asleep">What is the file name of the image?1 mark

Mark scheme0 / 1
  • Lcat.jpg
Model answer

src holds the image file: cat.jpg.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
2(b)What would a screen reader read out for this image?1 mark

Mark scheme0 / 1
  • LA ginger cat asleep
Model answer

It reads the alt text.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
3Tick one box in each row.4 marks
HTMLCSS
Decides what the content of the page is
Sets colours, fonts and spacing
Uses tags such as <p> and <a>
Uses rules such as h1 { color: red; }

Tick one box in each row.

Mark scheme0 / 4
  • LDecides what the content of the page is: HTML
  • LSets colours, fonts and spacing: CSS
  • LUses tags such as <p> and <a>: HTML
  • LUses rules such as h1 { color: red; }: CSS
Model answer

HTML is the content and structure; CSS is the presentation.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
4This CSS rule is used on a page:h1 { color: green; font-size: 32px; }Answer both parts.2 marks

Mark scheme0 / 2
  • Lcolor
  • L32px
Model answer

color sets the colour, and the text is 32px.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
5Which line links an external stylesheet called style.css?1 mark

Tick one box.

Mark scheme0 / 1
  • LB <link rel="stylesheet" href="style.css">
Model answer

A link tag in the head connects the stylesheet.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
6Describe two features that make a website easy to use.2 marks
Describe

Mark scheme0 / 2
  • LClear and consistent navigation, so users can find pages
  • LReadable text and layout, pages that load fast, or a design that works on phones
Model answer

A clear menu that appears in the same place on every page lets users find what they want quickly. Readable text with good contrast, and a layout that also works on a phone, make it easy to use on any device.

The marker looks for key phrases. If you said it another way and it is still right, give yourself the mark.
7This line has a mistake in its closing tag:<p>Welcome to my site<p>Write the correct closing tag.1 mark

Mark scheme0 / 1
  • L</p>
Model answer

A closing tag has a forward slash: </p>.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
8What does the href attribute in an <a> tag hold?1 mark

Tick one box.

Mark scheme0 / 1
  • LC The address of the page the link goes to
Model answer

href is the destination of the link.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
9Tick one box in each row to show which type of selector each is.4 marks
ElementClassId
p
.highlight
#header
h2

Tick one box in each row.

Mark scheme0 / 4
  • Lp: Element
  • L.highlight: Class
  • L#header: Id
  • Lh2: Element
Model answer

Plain tag names select elements, a full stop selects a class and # selects an id.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
10Explain why web pages should be tested on different devices and browsers.2 marks
Explain

Mark scheme0 / 2
  • LPages can look or behave differently on different screens and browsers
  • LSo the layout does not break and everyone can use the site, including on phones
Model answer

A page can look and behave differently on a phone, a tablet and a laptop, and in different browsers. Testing on each makes sure the layout does not break, so every visitor can use the site.

The marker looks for key phrases. If you said it another way and it is still right, give yourself the mark.
11Write the HTML for a link that shows the words My blog and goes to blog.html.1 mark

Mark scheme0 / 1
  • L<a href="blog.html">My blog</a>
Model answer

<a href="blog.html">My blog</a>

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
12Which colour combination is the most accessible for body text?1 mark

Tick one box.

Mark scheme0 / 1
  • LA Dark grey text on white
Model answer

Dark text on a light background gives strong contrast.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
13Which tag creates a line break?1 mark

Tick one box.

Mark scheme0 / 1
  • LD <br>
Model answer

<br> breaks the line.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
14Why should headings use h1, h2 and h3 rather than just big bold text?1 mark

Tick one box.

Mark scheme0 / 1
  • LA Screen readers and search engines use headings to understand the structure of the page
Model answer

Real heading tags carry meaning, not just looks.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
15How many items are in this list?<ol> <li>Eggs</li> <li>Flour</li> <li>Milk</li> </ol>1 mark

Mark scheme0 / 1
  • L3
Model answer

Each li is one item.

Marked exactly against the mark scheme. Change it only if an examiner would accept your answer.
Machine mark 0 / 25
About this paper

This is an original Key Stage 3 assessment. Most questions are closed, so the marking is exact, and the written answers are marked against a mark scheme in the same style as a GCSE paper, so the format is familiar long before it counts.