Feedback
Technical Description
Explain the HTML and CSS techniques used to create the Feedback page, especially focusing on form handling and user interaction.Describe the role of key HTML elements such as forms, input fields, labels, textareas, and buttons. Explain how CSS is used to style the form, including alignment, spacing, borders, hover effects, and responsiveness. Justify how the structure and styling improve usability, make the form user-friendly, and guide users to submit feedback efficiently.
Accessibility
Explain how you used to addressed accessibility in this particular page you implemented.
Link to the validation page
use the marker to jump to the corresponding section of the validation page..
Link to the page
Team Page
Technical Description
Describe the purpose of HTML tags such as containers, cards, images, headings, and descriptions used to display team member information. Explain how CSS properties like flexbox or grid, card styling, shadows, spacing, and alignment are used to create a clean and organized layout.
Accessibility
Include a link to the validation page, use the marker to jump to the corresponding section of the validation page.
Link to the validation page
View the Team validation evidence.
Link to the page
Content Page
Technical Description
Describe the purpose of key HTML tags such as sections, headings, paragraphs, images, and containers used to organize the content. Explain how CSS properties like layout (flexbox/grid), spacing, typography, and colors are applied to improve readability and visual appeal
Accessibility
Explain how you used to addressed accessibility in this particular page you implemented.
Link to the validation page
View the Content Page validation evidence.
Link to the page
Challenges and Lessons Learned
One challenge I faced was making sure that the AIS page met all the coursework requirements without becoming overly complicated. The simulator needed to include selection logic, score calculation, impact levels, and dynamic background changes. I resolved this by planning the interaction step by step before finalising the JavaScript.
Compliance
The pages I developed for this coursework were designed in accordance with responsible web publishing practices expected within institutions connected to the JANET network. JANET is the UK research and education network provided by Jisc, and institutions using this network must follow ethical, lawful, and secure practices when developing online resources.
First, the content of the pages was created to be appropriate for an academic environment. The website focuses on Sustainable Development Goal 14 (Life Below Water) and is intended for educational purposes. No harmful, offensive, or misleading material is included, which supports the ethical use of network resources required by the JANET Acceptable Use Policy.
Second, I ensured responsible use of external resources. Images used within the website are intended to come from royalty-free or appropriately licensed sources. All external materials are referenced in the References section to respect copyright rules and maintain academic integrity.
Third, the pages do not collect or process personal data from users. This avoids potential issues related to GDPR and the UK Data Protection Act 2018. Since the website is an educational project, it does not require storing personal information or user accounts.
Accessibility was also considered during development. Images include alternative text, headings are structured using semantic HTML elements, and content is written clearly to support readability. These practices align with UK accessibility expectations and help ensure that digital resources are usable by a wider range of users.
Finally, the project follows good academic and professional practice. All content was written originally, external sources are acknowledged, and the website does not include malicious scripts or unsafe code. These steps help ensure that the website respects the security, ethical, and legal principles expected when using JANET-connected institutional systems.
Group Meetings and Individual Contribution Log
| Group Meetings and Contribution Log | |||||
|---|---|---|---|---|---|
| Meeting | Date & Time | Format | Objective | Attended | Your Individual Contribution |
| 1 | 15 Feb 2026 | Face-to-face | Agree SDG and assign roles | Yes | Agreed on SDG 14 as the website topic, selected the team name OCEAN, accepted responsibility for Student 2 pages, and helped set up the shared working structure |
| 2 | 17 Feb 2026 | Online | Design planning | Yes | Gave feedback on the colour palette, typography, and layout direction, and reviewed how the SDG 14 theme should connect across the website. |
| 3 | 25 Feb 2026 | Hybrid | Progress review | Yes | Reported progress on the Splash Screen and AIS, discussed how to implement JavaScript features, and checked navigation consistency across pages. |
| 4 | 2 Mar 2026 | Face-to-face | Testing and layout fixes | Yes | Took part in cross-browser testing, reviewed mobile responsiveness, and helped finalise how shared footer elements would be organised. |
| 5 | 10 Mar 2026 | Face-to-face | Accessibility and validation | Yes | Checked accessibility features such as alt text and keyboard navigation, and reviewed validation results for my implemented pages |
| 6 | 25 Mar 2026 | Face-to-face | Final review and submission prep | Yes | Reviewed final versions of my pages, completed the Page Editor and Validation Page, and helped prepare the project for submission. |
References
Provide links to resources you used following a consistent format (e.g., APA, MLA, or a simplified
style). For example:
- iStock (2025) iStock. Available at:https://www.istockphoto.com/.
- Duckett, J., 2011. HTML and CSS: Design and Build Websites,John Willey&Sons. Inc. Indianappolis.