2 You have been supplied with the following source files: J2132banner jpg [Link] J2132diverjpg [Link] [Link] [Link] [Link] j2132ump1 jpg j2132ump2,jpg [Link] [Link] Task 1 — Evidence Document Create a new word-processed document. Make sure your name, centre number and candidate number will appear on every page of this document, Save this Evidence Document in your work area as j2132evidence_followed by your centre number_ candidate number, for example, }2132evidence_2Z999_9999 You will need your Evidence Document during the examination to place screenshots when required, Task 2 - Image Editing and File Management 1 Create a new folder called ump Locate the following files and store them in your ump folder, J2132banneripg j2t32diverjpg [Link] [Link] j2132ump1 jpg j2132ump2,jpg 32132ump3,jpg [Link] Open the file j2132diver,jpg in a graphics package. Crop the image so that all of the diver is visible and itis 1600 pixels wide by 3000 pixels high ‘Save this new image in the ump folder, in .png format using the file name diver_candidate number, for example, diver_9999 Display the contents of your ump folder showing the folder name, all fle names, file extensions, image dimensions and file sizes. M4) ucLEs 2021 errantEVIDENCE 4 visible. Take a screenshot of your ump folder and place this in your Evidence Document. Make sure that the folder name, all fle names, file extensions, image dimensions and file sizes are clearly Task 3— Web Page (Total: 4) You are going to create a web page and stylesheet to show examples of underwater macro photography. The web page and stylesheet must work in any browser. Al colour codes except those provided in the source files must be in hexadecimal. Make sure that your stylesheet contains no HTML. Make your HTML and stylesheet as efficient as possible. 2 Create a web page called [Link] ‘This web page must be created using a single table and must work in all browsers. The table must fit 90% of the browser window. The table must have a structure as shown in this diagram: A height = 15% B width height = 20% © width 30% || D width = 40% E height = 10% G height = 20%4| T height = 10% K height = 25% Each table cell is identified with a letler. Some dimensions are shown. These must be set as percentage values and not in pixels, The cell contents shown in the diagram must not appear on your final web page. Table borders must not appear on the final web page. eucLEs 2021 errant [13] [Turn over3 Place in colt ‘Atthe image j2132bannerjpg B the image [Link] C the image [Link] D the image diver_that you saved in step 1 G the image }2132ump3.,jpg H the image [Link] 1 4 Place inline style attributes into the HTML, so that each image fits the width of the table cell, with its aspect ratio maintained. fo} 5 Place in cell + E the text Sponge + F the text Nurdibranch + [the text Anemone + Jthe text Mushroom eels Apply style 11 to all this text. 13] 6 Place in cell K the contents of the file [Link] Display this text as three paragraphs. Add, as a fourth paragraph, the text: Web page last edited by: followed by your name, centre number and candidate number Apply style h2 to all text in cell K. [4] 7 Attach the stylesheet [Link] to this web page. Save your web page. (1) ucLEs 2021 errant5 8 Open and edit the stylesheet [Link] to meet the following specifications: Centre align all tables within the browser window. Set the background for the web page so that it has a colour with a: + blue component of d6 + red component of 6f + green component of ea Set the font for styles h1 and h2, so that the browser selects and displays the font Domino Regular. If this font is not available, the browser selects and displays the font Domino. If neither of these fonts are available, the browser should display its default serif font. Set each of these fonts as black Set style ht so the text is centre aligned with a 24 point font. Set style h2 so the text is fully justified with a 16 point font. ‘Add your name, centre number and candidate number as a comment at the start of the stylesheet. Save this stylesheet in your ump folder. Take a screenshot to show the file name and all contents of your stylesheet. [15] EVIDENCE 2 Place this screenshot in your Evidence Document. Make sure that the contents of your stylesheet can be easily read, Display the web page in your browser. If necessary, resize it so that + all the page can be seen + all text can be easily read + the address bar is visible. EVIDENCE 3 Place in your Evidence Document screenshot(s) showing the web page in your browser. Display the HTML source in your editor. EVIDENCE 4 Take a copy of the HTML source and place this in your Evidence Document, [Total: 42) eucLEs 2021 verrsanwat [Turn over