Web Design Project Based

Web Design

Project-Based Instruction

Name Standards Objective Description

Website Evaluation IT-WD-2 Students will: Students will be given a list of websites
Project Plan, develop, Work in groups of 2 to visit and to visit. The list contains websites that
implement, and resolve evaluate at least 5 websites from are labeled as neat and meets the best
Presidential Campaign ethical issues involved each list given. practices guidelines, whereas the other
Website in creating and list will contain websites that are not up
publishing a website. Identify their favorite website to par. Students will view 5 websites
from the list and evaluate that from each list and discuss in groups of 2
2.6 Identify essential website using the evaluation how each website rates based on the
website navigation form given to them. guidelines and best practices of Terry
issues that help ensure Morris. After, discussing in groups the 5
site usability. Students will: sites of their choice from each list,
Research the 2016 Presidential students are to individually select their
IT-WD-4 Campaign and the various favorite website from the list and
Create and use graphics candidates representing each evaluate that website based on the
to enhance webpages party. evaluation sheet given to them.
using a variety of tools Select a candidate of their
choice from both the Democratic Students will research the 2016
4.1 Identify and use and Republican parties. Presidential Campaign and the various
design and color candidates representing each party.
principles appropriate Create an informative website After, conducting research on each
for graphics and web using www.Weebly.com candidate, students will choose 1
pages. candidate of their choice to represent
both the Democratic and Republican
4.3 Add images to a parties. After choosing their candidates
webpage to enhance students are to create an informative
meaning of web website on each candidate to educate
content. their peers.





Presidential Campaign Web Project IT-IDT-4

Create a web site about the 2016 Presidential Campaign. Use Google to research each
candidate’s platform. Remember to use good design principles! Your website layout should
follow the below guidelines:

Home Page: overall page for your website

Page 2: Republican candidate of your choice

Page 3: Democratic candidate of your choice

Each candidate page should include:
* Name
* Picture of candidate
* At least 10 facts about the candidate
* Navigation bar should reflect who is on each page

Category 10 8 6 4 2
Required Website includes All required All but 1 of the All but 2‐3 More than 3
Elements all required elements are Required elements are Required
elements as well included on the elements are included. elements are
(Homepage, Republican as additional Presentation. included. missing from the
Candidate Heading, information. Presentation.
Democratic Candidate
Heading, Candidate’s
name, picture, 10 facts
about the candidate and
navigation bar)

Labels All items of Almost all Some items of Few items of Labels are too
importance are items of importance importance are small to view or
Each Candidate page clearly labeled importance are clearly labeled and no important
should be labeled. with labels that are clearly labeled and labels are items were
can be read labeled and labels can be difficult to read. labeled.
Graphics – from at least 3 labels can be read from at
Relevance feet away. read from at least 3 feet Few graphics No graphics
least 3 feet away. relate to the relate to the
Color scheme is All graphics are away. topic. topic.
consistent. related to the Almost all Some graphics
Use of color enhances the topic and make graphics are are related to The The Presentation
website. the Presentation related to the the topic and Presentation is is distractingly
Each graphic serves a easier to read and topic and make it easier poorly designed messy and
clear purpose. understand. most make it to understand. and very messy. unattractive.
easier to read
Attractiveness The Presentation and The Presentation
is exceptionally understand. is fairly
Fonts are consistent. attractive in terms attractive, but
Information is easy to of design, layout, The Presentation a bit messy.
find. and neatness. is attractive in
Appealing to audience. terms of design,
layout, and
neatness.

Good use of basic design
principles.

Grammar There are no There is 1 There are 2‐3 There are 4 There are more
grammatical– grammatical– grammatical– grammatical– than 4
mechanical mechanical mechanical mechanical grammatical–
mistakes on the mistake on mistakes. mistakes. mechanical
Presentation. the Presentation. mistakes.