Month 1 Workshops

Week 1: Introduction to HTML Workshop Scenario 1: Building a Personal Website

  • Scenario: Participants are tasked with creating a personal website using HTML. They can include an "About Me" section, contact information, and links to their social media profiles.

  • Objectives: To apply the basics of HTML, including creating an HTML document, using headings, paragraphs, and links.

  • Activities: Participants will start with a blank HTML file and gradually build their personal website, adding content and formatting.

Week 2: HTML Structure and Elements Workshop Scenario 2: Creating a Recipe Page

  • Scenario: Participants are asked to create a web page that displays a recipe. The page should include the list of ingredients, cooking instructions, and an image of the dish.

  • Objectives: To practice structuring an HTML document, using lists, and embedding images.

  • Activities: Participants will begin with an HTML template and fill in the content for their recipe page, applying appropriate HTML elements for organization.

Week 3: HTML Forms and Input Workshop Scenario 3: Designing a Contact Form

  • Scenario: Participants are challenged to design a contact form for a fictional website. The form should include fields for name, email, message, and a submit button.

  • Objectives: To learn how to create HTML forms, input elements, and handle user input.

  • Activities: Participants will create an HTML form, define form fields, and set up the form to submit data to a specified email address.

Week 4: HTML Semantics and Best Practices Workshop Scenario 4: Building a Blog Post

  • Scenario: Participants are provided with content for a blog post and are tasked with structuring it using semantic HTML elements. They must create a well-organized and semantically correct blog post.

  • Objectives: To reinforce the importance of semantic HTML and best practices for content structure.

  • Activities: Participants will review the provided blog content and restructure it using semantic HTML elements like,,, and.

These workshop scenarios are designed to be hands-on and practical, allowing participants to apply what they've learned during the weekly classes. They reinforce HTML fundamentals while engaging participants in creative and real-world scenarios.

Last updated