Introduction
Have you ever wondered how websites are created? In today’s digital world, websites are used for communication, business, education, and entertainment. In this activity, you will become a young web developer and learn how to create a simple personal webpage using basic HTML tags. By the end of this WebQuest, you will design your own webpage that introduces yourself, your hobbies, and your goals.
Task
Your task is to create a simple personal website using HTML. The webpage must contain:
- Your name
- A short introduction about yourself
- Your hobbies/interests
- Favorite pictures or images
- A simple table or list
- Colored background or text formatting
At the end of the activity, students will present their webpage to the class.
Process
Step 1 – Learn About HTML
Read and watch the provided resources about basic HTML structure and tags.
Step 2 – Explore Sample Websites
Observe examples of simple webpages and identify the HTML elements used.
Step 3 – Plan Your Webpage
Create a draft of your webpage layout on paper.
Step 4 – Create the HTML File
Using Notepad or any text editor:
- Open a text editor
- Type the HTML code
- Save the file as index.html
- Open it in a browser
Step 5 – Add Design Elements
Insert:
- Headings
- Paragraphs
- Images
- Lists
- Background color
Step 6 – Present Your Work
Show your webpage to the class and explain your design.
Resources
Websites
- W3Schools| https://www.w3schools.com
- MDN Web Docs| https://developer.mozilla.org/
Videos
- Youtube|HTML Tutorial for Beginners: HTML Crash Course
-
https://youtu.be/qz0aGYrrlhU - Youtube|HTML Crash Course For Absolute Beginners
-
https://youtu.be/UB1O30fR-EE
Evaluation
| Criteria | Excellent | Good | Fair | Needs Improvement |
|---|---|---|---|---|
| Content | Complete and informative | Mostly complete | Some missing details | Incomplete |
| HTML Structure | Correct use of tags | Minor errors | Several errors | Incorrect structure |
| Creativity | Very creative design | Creative | Simple design | No design effort |
| Functionality | Works perfectly | Minor issues | Some broken parts | Does not work |
| Presentation | Clear and confident | Good explanation | Limited explanation Unable to explain |
Unable to explain |
Conclusion
Congratulations! You have completed your first WebQuest and created your own simple website. Through this activity, you learned the basics of HTML, webpage structure, and web design. You also practiced creativity, problem-solving, and digital skills that are important in the 21st century.