Please check the examination details below before entering your candidate information
Candidate surname Other names
Centre Number Candidate Number
Pearson Edexcel International Advanced Level
Thursday 18 May 2023
Afternoon (Time: 3 hours) Paper
reference WIT12/01
Information Technology
International Advanced Subsidiary/Advanced Level
UNIT 2
You must have: Total Marks
A computer workstation with a text editor, browser software and
Questions folder (containing assets, HTML and CSS files).
Instructions
• Use black ink or ball-point pen.
• centrethe
Fill in boxes at the top of this page with your name,
number and candidate number.
• Answer all questions.
• Answer the questions requiring a written answer in the spaces provided
– there may be more space than you need.
• Carry out the practical tasks on the computer workstation and save new or amended
files using the file name given in the question.
• You must not use the internet during the examination.
Information
• The total mark for this paper is 80.
• The marks for each question are shown in brackets
– use this as a guide as to how much time to spend on each question.
Advice
• Read each question carefully before you start to answer it.
• Try to answer every question.
• Save your work regularly.
• Check your answers if you have time at the end. Turn over
P72604A
©2023 Pearson Education Ltd.
N:1/1/1/1
*P72604A0116*
, SECTION A
You are advised to spend about 60 minutes on this section.
DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA
Answer ALL questions in this section.
Answer the questions requiring a written answer in the spaces provided.
Some questions will require you to save code in a specified format.
1 HTML is used to structure web pages.
(a) (i) Give one reason why <!DOCTYPE> is used in an HTML document.
(1)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
(ii) The accesskey attribute specifies a shortcut key to activate an element.
Figure 1 shows some HTML code including an accesskey attribute.
2
3 <a href="booking.html" accesskey="b1">Book meeting room</a>
4
Figure 1
State why the value of the accesskey attribute in Figure 1 is invalid.
(1)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
(b) Describe a block-level element.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
2
*P72604A0216*
, (c) Figure 2 shows how a web page must be displayed in a browser.
The HTML code should:
DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA
• display the heading To do list
• display the paragraph These are the tasks that need to be completed.
• display the nested lists.
To do list
These are the tasks that need to be completed.
• Morning meeting
◦ Set up meeting room
1. Desks arranged in circle
2. Resource pack printed for 15 people
◦ Arrange for refreshments at 10 am
■ Coffee for 8
■ Tea for 8
■ Milk
■ Sugar
■ Sweetener
Figure 2
The page does not display as intended because there are two errors in the
HTML code.
Open file Q01c.html in a browser to identify the errors.
Open the file in your editor.
Amend the code to correct the two errors.
Save your amended code as Q01cFINISHED.html
(2)
(d) Explain one difference between functional testing and usability testing when
creating a web page.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
(Total for Question 1 = 8 marks)
3
*P72604A0316* Turn over
, 2 CSS is used by browsers to style HTML elements.
(a) Rules are created using CSS attribute selectors such as ^ and $
DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA
Here are two rules.
Rule 1: img[alt^="bees"]
Rule 2: img[alt$="bees"]
Explain the difference between Rule 1 and Rule 2.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
(b) Figure 3 includes the code for a navigation button.
6 <style>
7 img:hover {
8 opacity: .5;
9 }
10 </style>
11 </head>
12 <body>
13 <h1>Meeting room B1 layout</h1>
14 <img src="roomB1.jpg">
Figure 3
Lines 7 and 8 in Figure 3 show CSS styling for the image on line 14.
Describe the effect that the CSS code on lines 7 and 8 has on the image.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
4
*P72604A0416*
Candidate surname Other names
Centre Number Candidate Number
Pearson Edexcel International Advanced Level
Thursday 18 May 2023
Afternoon (Time: 3 hours) Paper
reference WIT12/01
Information Technology
International Advanced Subsidiary/Advanced Level
UNIT 2
You must have: Total Marks
A computer workstation with a text editor, browser software and
Questions folder (containing assets, HTML and CSS files).
Instructions
• Use black ink or ball-point pen.
• centrethe
Fill in boxes at the top of this page with your name,
number and candidate number.
• Answer all questions.
• Answer the questions requiring a written answer in the spaces provided
– there may be more space than you need.
• Carry out the practical tasks on the computer workstation and save new or amended
files using the file name given in the question.
• You must not use the internet during the examination.
Information
• The total mark for this paper is 80.
• The marks for each question are shown in brackets
– use this as a guide as to how much time to spend on each question.
Advice
• Read each question carefully before you start to answer it.
• Try to answer every question.
• Save your work regularly.
• Check your answers if you have time at the end. Turn over
P72604A
©2023 Pearson Education Ltd.
N:1/1/1/1
*P72604A0116*
, SECTION A
You are advised to spend about 60 minutes on this section.
DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA
Answer ALL questions in this section.
Answer the questions requiring a written answer in the spaces provided.
Some questions will require you to save code in a specified format.
1 HTML is used to structure web pages.
(a) (i) Give one reason why <!DOCTYPE> is used in an HTML document.
(1)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
(ii) The accesskey attribute specifies a shortcut key to activate an element.
Figure 1 shows some HTML code including an accesskey attribute.
2
3 <a href="booking.html" accesskey="b1">Book meeting room</a>
4
Figure 1
State why the value of the accesskey attribute in Figure 1 is invalid.
(1)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
(b) Describe a block-level element.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
2
*P72604A0216*
, (c) Figure 2 shows how a web page must be displayed in a browser.
The HTML code should:
DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA
• display the heading To do list
• display the paragraph These are the tasks that need to be completed.
• display the nested lists.
To do list
These are the tasks that need to be completed.
• Morning meeting
◦ Set up meeting room
1. Desks arranged in circle
2. Resource pack printed for 15 people
◦ Arrange for refreshments at 10 am
■ Coffee for 8
■ Tea for 8
■ Milk
■ Sugar
■ Sweetener
Figure 2
The page does not display as intended because there are two errors in the
HTML code.
Open file Q01c.html in a browser to identify the errors.
Open the file in your editor.
Amend the code to correct the two errors.
Save your amended code as Q01cFINISHED.html
(2)
(d) Explain one difference between functional testing and usability testing when
creating a web page.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........................................................................................................................................................... . . . . . . . . . . . . . . . . . . . .
(Total for Question 1 = 8 marks)
3
*P72604A0316* Turn over
, 2 CSS is used by browsers to style HTML elements.
(a) Rules are created using CSS attribute selectors such as ^ and $
DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA DO NOT WRITE IN THIS AREA
Here are two rules.
Rule 1: img[alt^="bees"]
Rule 2: img[alt$="bees"]
Explain the difference between Rule 1 and Rule 2.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
(b) Figure 3 includes the code for a navigation button.
6 <style>
7 img:hover {
8 opacity: .5;
9 }
10 </style>
11 </head>
12 <body>
13 <h1>Meeting room B1 layout</h1>
14 <img src="roomB1.jpg">
Figure 3
Lines 7 and 8 in Figure 3 show CSS styling for the image on line 14.
Describe the effect that the CSS code on lines 7 and 8 has on the image.
(2)
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .. .. .. .. .. .. .. .. .. .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ............................................................................................................................................ ................ . . . . . . . . . . . . . . . . . . . .
4
*P72604A0416*
