Web Design Description

Web Design Main Event:

Event Description:

Teams of 2-4 students will create an interactive website design. The website should explain a topic relevant to their school culture and climate. Final project must be submitted by 10:00 pm by March 6, 2020, to the TOT App Submission Portal.

Common Core Standards:

Conduct research projects based on focused questions, demonstrating an understanding of the subject under investigation. Gather relevant information from multiple sources, assess the credibility and accuracy of each source, and integrate the information while avoiding plagiarism. Make strategic use of digital media and visual displays of data to express information and enhance understanding.

Designing and Creating your Project:

The process of creating your project should take on the following steps:

  • Select a topic relevant to their school.
  • Plan and research the selected topic.
  • Use a website design software to visually display or promote school activity.
  • Add website elements to provide more information on the topic.
  • Add your Team Name to the Home Page.

Technical Requirements:

  • Final project must be submitted by 10:00 pm by March 6, 2020, to the TOT App Submission Portal.
  • Final project must be presentable in the form of an interactive website. Such formats include HTML, website template designs and Flash.
  • Finished website must convey a topic relevant to a school’s climate and culture.
  • Finished Website must include the following components:
  • A student created website (Must be no more than 3 pages).
  • A student created quiz or form with at least 5 questions.
  • 4-5 interactive web links to sites with more information.
  • Student gathered facts and 5 original images relevant to the selected topic (student must take photos of selected topic).
  • Embed website elements such as video, map, calendar, schedule related to the topic.

Useful Resources:(suggested as ideas, use whichever you choose):

Mobirise or Google Sites

Getting Help:

Visit the Web Design Documents Page to see a sample Design Document and Event support files to help prepare and practice.

Contact Anthony Sombat at Anthony.Sombat@fresnounified.org or Robert Donat at Robert.Donat@fresnounified.org if you have any further questions about this event.


Web Design Live Challenge:

Scenario:

On the day of the tournament, your team will be given information including pictures and other elements about a business. You will construct a website using the information given to you.   Your team will use the website platform of your choice in your presentation to the judges.

Challenge:

  • Create a one-page website (or any web-based software) to represent and analyze the information in a clear and visually appealing way. (NOTE: Weebly and Wix will NOT be accessible to students during Live Challenge)
  • Present your information to the judges.

Time:

Your team will have:

  • 45 minutes to create a website, analyze the information and plan a presentation.
  • 5 minutes to present your findings to the judges.

Tips:

As with most of the live challenges, teams will need to be very careful with time management. They should allocate at least a few minutes to review their website and make a plan for how they will present their website to the judges.

Getting Help:

Visit the Web Design Documents Page to see a sample Design Document and Event support files to help prepare and practice to help prepare and practice.

Contact Anthony Sombat at Anthony.sombat@fresnounified.org or Robert Donat at Robert.Donat@fresnounified.org if you have any further questions about this event.


Web Design Reward Points:


Scoring Breakdown Description / Formula Max Points
Online Design Document 70
Live Event Live Challenge 30
Design Document Scoring Rubric
Category Exemplary Proficient Partially Proficient Incomplete

Website is no more than 3 pages.

Website is no more than 3 pages.

N/A

N/A

Website is more than 3 pages.

Website has a quiz, survey, or form.

Website has a form with at least 5 or more questions .

Website has a form with 3-4 questions.

Website has a form with 1-2 questions.

There is no form on the website.

Website elements are embedded (video, map, calendar, schedule) and used to help explain the topic.

3 Website elements are used to represent the information in a unique way. (All links work).

1-2 Website elements are used to represent the information.

Website elements are used but not very clearly or broken (embedded incorrectly).

There are no website elements used.

The facts and information are relevant to the main concept.

All of the facts and information are relevant to the main topic and help to make it more understandable.

Most of the facts and information are relevant to the main topic.

The facts and information are somewhat relevant to the main topic.

Few of the facts and information are relevant to the main topic.

Website has 5 original images that support the main topic.

Website has 5 original images that support the main topic.

Website has 3-4 original images that support the main topic.

Website has 1-2 original images that support the main topic.

There are no original images or images don’t support main topic.

The website links help to enhance the main topic.

4-5 links are used and are excellent choices to enhance the main topic.

2-3 links are used to help enhance the main topic.

Only 1 link is used to somewhat enhance the main topic.

There are no websites or links used on the website.

The layout makes it easy to understand the topic.

The layout makes it very easy to understand the topic.

The layout makes it easy to understand the topic.

The layout is somewhat confusing.

The layout is very confusing.

The overall theme and formatting of the website bring it all together.

The theme and formatting do an excellent job bringing the website together.

The theme and formatting help to bring the website together.

The theme and formatting are somewhat inconsistent throughout the website.

The theme and formatting are very inconsistent.

The topic is presented in a creative and visually appealing way.

The topic is presented in a very creative and visually appealing way.

The topic is presented in a creative and appealing way.

The topic is presented in a somewhat creative way.

The presentation of the topic isn’t creative at all.

The required elements are formatted correctly and visually appealing.

The size of pictures, texts, and colors are appropriate and visually appealing.

1-2 sizes of pictures, texts, and colors are not appropriate or visually appealing.

3-4 sizes of pictures, texts, and colors are not appropriate or visually appealing.

5 or more sizes of pictures, texts, and colors are not appropriate or visually appealing.
Live Challenge Scoring Rubric
Category Exemplary Proficient Partially Proficient Incomplete

Team Collaboration while creating a website with the information given.

The team was highly collaborative throughout the process.

The team was mostly collaborative.

The team was somewhat collaborative.

The team had little to no collaboration.

Successfully using information in a clear and visually appealing way.

The information is very clear and visually appealing (links/pages are labeled and elements incorporated).

The information is clear and appealing (some links/pages are labeled and some elements incorporated).

The information is somewhat clear (missing labels/pages and elements).

No information was created.

Explanation of your website design.

The team was able to clearly explain their website (5 elements).

The team was able to explain their website (4 elements).

The team were somewhat clear to explain their website (2- 3 elements).

The team had no explanation (1 element).

Creativity of website.

The team had a very creative website.

The website was creatively done.

The creativity of the website was lacking.

There was NO creativity, just listing information.

Incorporation of all team members during presentation.

All team members participated equally during presentation.

All team members participated, but not equally.

One team member did not speak during presentation.

2 or more team members did not speak.