Secondary School
Website Design
Project Idea: “Cybersecurity Tips Website”
The project involves creating a simple website focused on providing essential
cybersecurity tips and advice for secondary school students. The website should be designed using HTML and CSS, prioritizing simplicity and ease of use. The goal is to educate students about basic cybersecurity practices and help them stay safe online.
Key Features:
01
Homepage:
Design a clean and straightforward homepage introducing the purpose of the website with a welcoming message and a brief overview of the content
Cybersecurity Tips:
Create separate pages or sections for different cybersecurity topics such as password security, social media safety, avoiding phishing scams, etc. Each section should contain concise and easy-to-understand tips presented in bullet points or simple paragraphs
02
03
Resource Links:
Provide links to trusted external resources where students can find more information about cybersecurity, such as educational websites, articles, or videos
Contact Form:
Include a basic contact form where users can submit questions or feedback about the website or cybersecurity topics. Keep the form fields minimal to encourage participation. paragraphs
04
Evaluation Criteria:
Eye Catching
Clarity and Simplicity of Design (e.g., easy navigation, clean layout)
Relevant
Relevance and Accessibility of Cybersecurity Tips
Interactive
Engagement and Interactivity (e.g., effectiveness of quizzes, user interaction)
Overall
Overall User Experience and Usability
Method of delivery:
HTML, and CSS File
For Individuals
For Groups (3 to 5 Members)
For Individuals
HTML File:
- Content:
- A complete HTML document structured with `<!DOCTYPE html>`, `<html>`, `<head>`, `<body>`, and appropriate tags.
- The HTML file should include all necessary elements to display the project, such as headings, paragraphs, images, and links.
- Proper use of semantic HTML elements (e.g., `<header>`, `<nav>`, `<main>`, `<section>`, `<footer>`).
CSS File:
- Content:
- A complete CSS file that styles the HTML document.
- Include all necessary style rules to enhance the visual presentation of the HTML elements.
- Use of proper CSS selectors, properties, and values.
- Ensure the CSS file is well-organized and properly commented for readability.
PDF File:
- Content:
- Need to screenshot each page from the Web Page.
- Explain each function on the Web Page.
- File Naming Convention:
- Use the format ‘StudentName_ProjectName.html’ (e.g., ‘Student1_Cybersecurity TipsWeb Page.html’).
For Groups (3 to 5 Members)
HTML File:
- Content:
- A complete HTML document structured with `<!DOCTYPE html>`, `<html>`, `<head>`, `<body>`, and appropriate tags.
- The HTML file should include all necessary elements to display the project, such as headings, paragraphs, images, and links.
- Proper use of semantic HTML elements (e.g., `<header>`, `<nav>`,`<main>`, `<section>`, `<footer>`).
CSS File:
- Content:
- A complete CSS file that styles the HTML document.
- Include all necessary style rules to enhance the visual presentation of the HTML elements.
- Use of proper CSS selectors, properties, and values.
- Ensure the CSS file is well-organized and properly commented for readability.
PDF File:
- Content:
- Need to screenshot each page from the Web Page.
- Explain each function on the Web Page.
- File Naming Convention:
- Use the format ‘GroupName_ProjectName.html’ (e.g., ‘Group1_Cybersecurity TipsWeb Page.html’).
Training
Sign up for iTrainKids Classes
Unleash your child's potential with
interactive coding & steam classes
We provide a fun way to learn programming and develop problem-solving & critical thinking skills through instructor-led sessions.
From coding apps and websites to developing exciting games and creating fun experiments, we offers the most creative hands-on ways for children to learn all about science and technology.
Part of iTrain’s Group
Address List
- info@itrainkids.com
- +603 2733 0337
- +6012 798 0622
- +6016 211 4717
- C-L19-8, KL Trillion, 338 Jalan Tun Razak, 50400 Kuala Lumpur.