Website Authoring - February March 2020 Paper 3-1

Task 1: Evidence Document

• Create an evidence document in Microsoft Word.
• Enter name, center number, and candidate number on every page.
• Save the document as m20_evidence_evidence_<candidate_number>.

Task 3: Web Page Creation

Creating the Folder

• Create a new folder named jd4r in the work area.
• Locate and copy the following files into the folder:
  • aircraft
  • 84r logo
  • ship
  • black

Display Folder Content

• Set folder view to 'Details' and display the following columns:
  • Folder name
  • All file names
  • File extensions
  • Image dimensions
  • File size
• Take a screenshot of the folder content and paste it into the evidence document.

Creating the Web Page

• Use FrontPage to create a new web page named jd4.html.
• Save the file in the jd4r folder.
• Create a table with 4 rows and 2 columns.
• Set table width to 1000 pixels.
• Merge cells where necessary according to the given structure.
• Set cell dimensions as specified in the question paper.
• Take screenshots where necessary and paste them into the evidence document.

Adding Content to the Web Page

• Cell A: Insert jd4r logo image, set width to 1000 pixels while maintaining aspect ratio.
• Cell B: Insert ship image, set dimensions to 360x270 pixels.
• Cell C: Insert red.mp4 video clip, set dimensions to 640x390 pixels, and add a text-based error message for unsupported browsers.
• Cell E: Insert aircraft image, set dimensions to 360x270 pixels.
• Cell D: Enter text Just Read and set style to H1.
• Cell F: Enter text We offer some of the best drug diving in the world and Edited by <name, center number, candidate number>. Set style to H2.

Adding Alternate Text

• Add alternate text to all images and videos for better accessibility.

Attaching Stylesheet

• Attach jd4.css stylesheet to the web page.
• Save the web page.

Editing the Stylesheet

• Open jd4.css in a suitable editor.
• Add the following specifications:
  • All table borders and grid lines are blue with solid visible lines (2px wide).
  • Set cell padding within the table to 10 pixels.
  • Add name, center number, and candidate number as a comment at the start of the stylesheet.
• Save the stylesheet.

Verifying the Web Page

• Display the web page in a browser, adjust size so all content is visible along with the address bar.
• Take a screenshot and paste it into the evidence document.
• Display the HTML source in the editor, copy it, and paste it into the evidence document.

Final Steps

• Ensure the evidence document includes all required screenshots and HTML source code snippets.
• Save and review the document for completeness.

End of Lecture Notes