Mark Scheme (Provisional)

Summer 2021

Pearson Edexcel International Advanced Subsidiary

In Information Technology (WIT12)
Unit 2
Edexcel and BTEC Qualifications

Edexcel and BTEC qualifications are awarded by Pearson, the UK’s largest awarding body. We
provide a wide range of qualifications including academic, vocational, occupational and
specific programmes for employers. For further information visit our qualifications websites at
www.edexcel.com or www.btec.co.uk. Alternatively, you can get in touch with us using the
details on our contact us page at www.edexcel.com/contactus.

Pearson: helping people progress, everywhere

Pearson aspires to be the world’s leading learning company. Our aim is to help everyone progress in
their lives through education. We believe in every kind of learning, for all kinds of people, wherever they
are in the world. We’ve been involved in education for over 150 years, and by working across 70
countries, in 100 languages, we have built an international reputation for our commitment to high
standards and raising achievement through innovation in education. Find out more about how we can
help you and your students at: www.pearson.com/uk

Summer 2021
Question Paper Log Number P62719RA
Publications Code WIT12_01_2106_MS
All the material in this publication is copyright
© Pearson Education Ltd 2021
General Marking Guidance

• All candidates must receive the same treatment. Examiners must mark the first
candidate in exactly the same way as they mark the last.
• Mark schemes should be applied positively. Candidates must be rewarded for what
they have shown they can do rather than penalised for omissions.
• Examiners should mark according to the mark scheme not according to their
perception of where the grade boundaries may lie.
• There is no ceiling on achievement. All marks on the mark scheme should be used
appropriately.
• All the marks on the mark scheme are designed to be awarded. Examiners should
always award full marks if deserved, i.e. if the answer matches the mark
scheme. Examiners should also be prepared to award zero marks if the candidate’s
response is not worthy of credit according to the mark scheme.
• Where some judgement is required, mark schemes will provide the principles by which
marks will be awarded and exemplification may be limited.
• When examiners are in doubt regarding the application of the mark scheme to a
candidate’s response, the team leader must be consulted.
• Crossed out work should be marked UNLESS the candidate has replaced it with an
alternative response.
Question Answer Additional Mark
number guidance
1 (a)(i) Award one mark for: Accept: 1

• An individual component of an HTML document. (1) The HTML

element is the
• The opening tag, closing tag/content (if required). (1) root element of
the page
• An element provides semantic structure and meaning to objects (within a webpage). (1)

• Elements can contain attributes that define additional properties (of a component / part of
a page). (1)
1 (a)(ii) Award one mark for: Accept a sensible 1
example e.g.
• A modifier of an HTML element. (1)
The ‘class’
• Defines a property for an element. (1) attribute allows
you to style the
• A characteristic of an element. (1) element

Question Answer Additional Mark

number guidance
1 (b) Award two marks for a linked explanation such as: 2

• Line 3 contains a hyperlink /clickable link on an image (1) to a page called “booking.html”. (1)

• An image called “bookingbutton.jpg” has been hyperlinked (1) to a page called “booking.html”. (1)

• The code wraps a clickable link around an image (1) that will navigate the user to the
booking.html page (1)

• The user will be taken to booking.html (1) when they click the image (1)
Question Answer Additional Mark
number guidance
1 (c) Award one mark for each correction up to a maximum of two marks. 2

• <li> tag added to beginning of third list item (1)

• <ul> tag changed to <ol> tag (1)

Correct code is:

Question Answer Additional Mark

number guidance
1 (d) Award two marks for a linked explanation such as: 2

Used to store/create custom data (1) about an element (1)

Total mark for question 8

Question Answer Additional Mark
number guidance
2 (a) Award two marks for a linked explanation such as: 2

• An ID can be used to identify one element (1), whereas a class can be used to identify more than
one element. (1)

• Each element can only have one ID (1), whereas an element can use multiple classes. (1)

• Classes are not unique (1), element IDs must be unique. (1)

• An ID selector is a name preceded by a hash character (“#”) (1), a class selector is a name
preceded by a full stop (“.”) (1)

• The class selector is used to apply styles to a HTML element (1) whereas the ID selector is used
to identify an element (1).

Question Answer Additional Mark

number guidance
2(b) Award two marks for a description such as: 2

When the user hovers over the navigation button (1) the background colour changes to dark grey and
the font to white. (1)
Question Answer Additional Mark
number guidance
2 (c) Award one mark for using the border-radius setting and one mark for applying a solid border. Border-radius 2
minimum of
• border-radius: 50% 50% or 180px
or
border-radius: 180px; (1)
• border: solid; (1) Could specify
pixels and black
Correct code is: (#000) for the
border.
Question Answer Additional Mark
number guidance
2 (d) Award one mark for each of: Must be 4
formatted
• table width set to 100%. (1) using CSS
• text centred. (1) styling
• header uses 20px font size. (1)
• footer has a red background. (1)

Sample code:

Total mark for question 10

Question Answer Additional Mark
number guidance
3 (a) Award up to two marks for answers such as: Accept: 2

• <a href="success.html" (1) • double/single

• onClick="window.open(this.href); return false" (1) quotes
OR • minor
• <a href="#" (1) spelling
• onClick="window.open('success.html') (1) errors
• alternatives
Example code: that would
• <a href="success.html" (1) onClick="window.open(this.href); return false" (1)> Open page in a work
new window</a>
• <a href="#" (1) onClick="window.open('success.html')” (1) >Open page in a new window</a>
Question Answer Additional Mark
number guidance
3 (b) Award one mark for each of: Do not award 4
sort mark if it
• Array initialised correctly (1) is a manual
• Array sorted alphabetically (1) sort
• “unsorted” added as first paragraph’s ID (1)
• Sorted array displayed correctly (1)

Sample code:
Question Answer Additional Mark
number guidance
3 (c) Award one mark for each of: 4

1. termination of loop e.g. count<=inputName.length; (1)

2. loop incremented e.g. count++ (1)
3. each character in name replaced with * (1)
4. hidden name displayed correctly outside of the loop (1)

Example code:

Question Answer Additional Mark

number guidance
3 (d) Award up to three marks for a description such as: Award max of 3
two marks for
• Line 8 sets up the validate function (1) correct answer
• Line 9 without line
o checks the length of the firstName (1) numbers
o if first name has not been entered / less than 1 an error message would appear (Line 10)
(1)
• Line 16 validate function called on blur / first name has lost focus (1)

Total mark for question 13

Question Answer Additional Mark
number guidance
4 Award one mark for each of the following points up to a maximum of fourteen marks. 20

Evidence found
in
HTML – Head Uses an external style sheet 1
HTML – Body At least one HTML5 semantic element used to define part of 1
the page:
<header>
<nav>
<section>
<article>
<footer>
HTML – Body Internal link added 1
CSS Colour set appropriately for at least one of: 1
header, nav, footer background - hex (#ffe570)
CSS – header Bottom border applied 1
HTML – Header Emphasis on either EcoBee or ‘protecting our future’ 1
/ CSS
CSS Header – left aligned 1
Navigation - right-aligned
Article – justified
Footer – center aligned
Below 600 pixels
CSS Header – heading 24 pixels 1
Header – subheading 18 pixels
Navigation – 14 pixels
Article – headings 20 pixels
Article – text 14 pixels
Footer – 14 pixels
CSS Images set to 100% width of page 1
600 pixels and over
CSS 14 pixels should be set to 16 pixels 1
 24 pixels should be set to 40 pixels
20 pixels should be set to 32 pixels
18 pixels should be set to 30 pixels
CSS Image 1 floated left of paragraph 1 or Image 2 floated right of paragraph 2 1
CSS Width of images set to 300 pixels 1
Page in browser Image 1 left of paragraph 1 with paragraph 1 text wrapping underneath it 1
at exactly 600 Image 2 right of paragraph 2 with paragraph 2 text wrapping underneath it
pixels Paragraph 3 underneath paragraph 2

Either
CSS Suitable padding and/or margins used 1

Award up to a maximum of six marks for the adherence to the component layout and the application of CSS using the levels based mark scheme
below.
Topic Area 0 1 2 3 Mark
Adherence to No awardable There is little adherence to the An attempt to adhere to the The webpage fully adheres to 3
component content. component layout design, component layout design leads the component layout design
layout leading to a solution that is not to a solution that is, in parts, fit and style requirements. The
design fit for purpose or is not suitable for purpose and is, in parts, resulting solution is fit for
for the intended audience. suitable for the intended purpose and is suitable for the
audience. intended audience.

Application of No awardable There is little attempt to make An attempt has been made to Consistent and accurate 3
CSS to control content. use of the facilities of CSS to use CSS to control the application of CSS is used
presentation control appearance and style. appearance and style of some throughout to control the
Most components components. This has been appearance and style of all
rely on default configuration. successful in some cases. components.

Total mark for question 20

Question Answer Mark
number
5 Award one mark for each of the following points up to a maximum of 11 marks. 20
Marks
registration.html The mobile number input is stored in the variable mobileNumber 1
Regular expression created that would accept only digits 1
Regular expression created that would accept exactly 11 digits 1
Conditions added 1
• check if last name is invalid
• check mobile phone is invalid
Suitable error messages added 1
• if last name is invalid
• if mobile number is invalid
Second part of username generated using first 2 digits of last name and stored in a 1
suitable variable
Final part of username generated using last 3 digits of mobile and stored in a suitable 1
variable
Username concatenated and stored in the variable username 1
welcome.html Passed username message displays correctly 1
15 and under message displays correctly 1
Over 15 message displays correctly 1
58

Award up to a maximum of nine marks for the functionality, user interface design, use of notation. Using the levels based mark scheme
below.
Topic area 0 1 2 3 Mark
Appropriate functionality: The component parts of The component parts of the The component parts of the 3
the program are incorrect program are complete, program are complete,
• components and code or incomplete, providing a providing a functional providing a functional
have been decomposed program of limited program that meets some of program that fully meets
into appropriate parts
functionality that meets the given requirements. the given requirements.
• dynamic behaviours are
some of the given
implemented in JavaScript.
requirements.

Mostly inappropriate logic Some parts of the logic are The logic is clear and
used. clear and mostly appropriate appropriate to the problem.
to the problem.
Appropriate interface The design of the user The design of the user interface The design of the user 3
design: interface lacks is in parts fit for interface is fully fit for
consideration for fitness purpose and addresses purpose and suitable for
error messages and for purpose and the some of the needs of the the intended audience.
•
other status reports intended audience. intended audience.
• Interactivity between
JavaScript and HTML
Topic area 0 1 2 3 Mark

Appropriate use of Uses programming Uses programming constructs Accurate programming 3

notation: constructs and techniques and techniques to produce constructs and techniques
• presentation of JavaScript to produce some required most of required outcomes in are used.
ensures clear readability outcomes in the code. the code.
• comments provide clarity.
Uses data types that are Uses data types, some of Appropriate data types are
rarely appropriate to the which are appropriate to the selected.
problem. problem.

Limited use of accurate Uses mostly accurate syntax. Accurate syntax is used.
syntax.

Limited appropriate use Accesses and manipulates data Data structures are
and manipulation of data structures to produce mostly accessed and manipulated
structures. correct results and/or efficiently
outcomes.

Some use of meaningful Uses mostly meaningful Meaningful variable names

variable names with variable names, with some use and comments are used
limited or unhelpful of appropriate commenting. throughout.
commenting.

Parts of the code are clear Code is mostly clear and Code is clear and readable,
and readable but much of readable, making some use of making effective use of
it makes limited use of appropriate spacing and appropriate spacing and
appropriate spacing and indentation. indentation.
indentation.
Total mark for question 20
Code Examples

registration.html

welcome.html
Question Indicative content Mark
number
6 Should be identifying factors they think are important 9
For example
• Website will have a total of 10 pages (including those from questions 4
and 5)
• The navigation must respond to the size of the screen without
negatively affecting the user’s experience

Consideration and significance

Should consider different sized screens.
Majority of mobile devices visiting websites (2021) are HD or better

Horizontal scrolling menu

• Would probably not be required on desktops as only 10 pages but
could be useful on mobile devices
o Could be sized to not take up too much space on the screen
o Could try to ensure the most important links appear first
o It would not take too much of the user’s time to scroll through
10 links
o Could possibly need to remove scrolling from desktop and add
to mobile
o Menus would look the same in either version just one would
have scrolling and the other would not

Vertical menu
• Useful for desktops and mobiles
• Could end up taking up more vertical space than the actual content of
the pages though
• For mobile devices could ensure the menu appears after all content with
a link to it.
• Menus would look the same in either version
• Only 10 pages so would not be too many links – would not take up too
much time

Dropdown menu
• Would probably not be required on desktops as only 10 links but could
59

be useful on mobiles. The menus would therefore be different

• User would need to know that there is a drop-down menu. ‘Hamburger’
is commonly used to denote this
• Menus would be accessed differently but could still have links in exactly
the same order
• Only on screen as and when needed
• Useful for the 10 pages of this site

Breadcrumbs
• Useful but could potentially not be relevant to a site this size and where
depth of pages/nesting is unknown
Level Mark Descriptor
0 No rewardable material.
Level 1 1-3 • Applies understanding with limited coherence, showing limited understanding of the given issue.
• Assessment of solution is superficial or unbalanced, and judgements lack support from evidence.
Level 2 4-6 • Applies understanding to make some coherent connections, showing some understanding of the given issue.
• Assessment of solution is partially developed, but this may be unbalanced, using evidence to support some
judgements.
Level 3 7-9 • Applies understanding coherently, showing a thorough understanding of the given issue.
• Assessment of solution is balanced and developed, using evidence to support judgements throughout.
Total for question 9
Pearson Education Limited. Registered company number 872828
with its registered office at 80 Strand, London, WC2R 0RL, United Kingdom