0% found this document useful (0 votes)
6 views

Performance-Task-1-2

The document outlines two performance tasks: creating an online enrollment form for a school and developing an online cookbook for a culinary school. The enrollment form utilizes various HTML elements to streamline information collection from parents, while the cookbook employs HTML framesets to organize recipe categories, details, and cooking tips. Both tasks emphasize user-friendly design and efficient navigation.

Uploaded by

Maypia Flores
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views

Performance-Task-1-2

The document outlines two performance tasks: creating an online enrollment form for a school and developing an online cookbook for a culinary school. The enrollment form utilizes various HTML elements to streamline information collection from parents, while the cookbook employs HTML framesets to organize recipe categories, details, and cooking tips. Both tasks emphasize user-friendly design and efficient navigation.

Uploaded by

Maypia Flores
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Performance Task 1:

Online Enrolment Form

Scenario: Sir Nathan, a school administrator, wants to streamline the process of collecting
information from parents during enrollment. He decides to create an online enrollment form using
HTML.

Solution: Design a form using different HTML form types, attributes, and elements. Includes text
fields for parents to enter their names, email addresses, and phone numbers. Adds radio buttons
for parents to select their preferred communication method and a dropdown menu for selecting
the student's grade level. Additionally, includes a checkbox for parents to agree to the school's
policies and a submit button to complete the enrollment process.

Outcome: By utilizing various HTML form types, attributes, and elements, we can create a user-
friendly and efficient enrollment form. Parents can easily provide the necessary information, select
options, and agree to policies, simplifying the enrollment process for both the parents and the
school staff.

Performance Task 2:

Online Cookbook

Scenario:

You are developing a website for a culinary school that wants to share recipes online. The website
should allow users to browse different categories of recipes, view detailed instructions, and watch
cooking videos, all while keeping the navigation simple and intuitive.

Problem:

How can you utilize HTML framesets to create an engaging online cookbook that allows users to
easily access recipes and related content?

Solution Approach:

Frameset Design:

The website will include three sections:

Left Frame: A menu with categories of recipes (e.g., appetizers, main courses, desserts).

Right Frame: A display area for the selected recipe, including ingredients and instructions.

Bottom Frame: A section for cooking tips or video tutorials.

Create Individual HTML Files:

categories.html: This file lists various recipe categories with links to corresponding recipes.
recipeDetails.html: This file displays the details of the selected recipe, including step-by-step
instructions.
cookingTips.html: This file contains helpful cooking tips and links to video tutorials.
Expected Outcome:

Users will be able to browse through categories, view detailed recipes, and access cooking tips
simultaneously, making it easier to navigate and enjoy the online cookbook.

Rubrics:

Content – 25 pts

Creativity – 25 pts

Funtionality – 25 pts

Syntax – 25 pts

Total – 100 pts

You might also like