A maker-space is moving its workshop booking information from several old documents into one website. The manager has supplied text, a logo, photographs and...
Question 1 Report
A maker-space is moving its workshop booking information from several old documents into one website. The manager has supplied text, a logo, photographs and a list of safety rules. Some filenames contain spaces, one photograph is 5000 pixels wide, and two pages use different spellings of the same workshop name. Visitors need to find sessions, view safety information and send a booking request. The author must create a consistent site before uploading it. The manager also wants evidence that the finished pages work correctly in more than one browser and on a phone.
(a) Create a folder and file plan for this website. Include suitable names for a home page, a stylesheet, an images folder, a booking page and a safety page. [4]
(b) Explain five actions the author should take to prepare the supplied image files for use on the web. [5]
(c) Create HTML for a logo that links to the home page. The logo file is images/makerspace-logo.png, the home page is index.html, and the alternative text must be meaningful. [4]
(d) Give four tests that should be recorded as evidence before the author submits task A1. [4]
Answer Details
(a) A suitable plan includes index.html as the home page, styles.css as the stylesheet, an images folder, booking.html, and safety.html. Use clear lowercase names with no spaces, which reduces broken links and makes files easier to manage. Any four required items gain credit. [4]
(b) Resize the 5000-pixel-wide photograph to suitable display dimensions, compress it to reduce file size, and use an appropriate format such as JPEG or WebP for a photograph. Rename files clearly with no spaces, check copyright or permission, crop unnecessary areas, plan meaningful alternative text, and keep originals separately. Any five actions prepare images for fast, lawful and accessible web use. [5]
(c) Correctly nest the logo image inside an anchor:
<a href="index.html">
<img src="images/makerspace-logo.png" alt="Riverside Maker-space home">
</a>The anchor returns visitors to the home page, the source gives the correct relative image path, and the alternative text explains the logo’s function as a home link. [4]
(d) Record tests of every hyperlink, booking-form validation, the site in more than one browser, and the responsive layout on a phone. Other valid tests include image loading and alternative text, spelling and consistent workshop naming, HTML/CSS validation, and keyboard navigation. Any four recorded checks provide evidence that the pages work correctly. [4]
Download The App On Google Playstore
Everything you need to excel in your exams
