Download Project Packet: Website - Wayzata Public Schools

Project Packet: Website
Name ___________________________________________________________________________
Explanation:
A historical web site is a collection of web pages, interconnected with hyperlinks,
that presents primary and secondary sources, interactive multimedia, and
historical analysis. Your web site should be an accumulation of research and
argument that incorporates textual and non-textual (photographs, maps, music,
etc.) description, interpretation, and multimedia sources to engage and inform
viewers about your chosen historical topic.
Web sites can display materials online, your own historical analysis as well as primary and secondary
sources. These can be photographs, maps, documents, or audio and video files. Web sites are
interactive experiences where viewers can play music, solve a puzzle, or look at a video or click on
different links. Viewers can move through the web site in various undirected ways. Web sites use
color, images, fonts, documents, objects, graphics and design, as well as words, to tell your story.
Elements of an Effective Website:
1. Pages: your website should include at least 8 pages (also known as tabs). See below for
the specific requirements for each page. More pages can be added but you MUST include the
required pages.
2. Original Text
a. You have 1200 words to tell your story (quotes, primary sources, process paper and
annotated bib. do NOT count in this total).
b. Your text should explain the above requirements IN YOUR OWN WORDS with
historical analysis.
c. This original text MUST be written and approved before beginning construction of the
website.
3. Pictures/Images
a. Each page (except process paper and annotated bib.) should include AT LEAST one
picture or image.
b. Pictures/images should support and match your text.
c. Additional pictures and images are allowed; however, be careful not to “crowd” the site.
4. Quotes
a. Pull quotes from primary sources. For example, take an important sentence from a
letter or a speech, put quotes around it, and give credit to who said it and when.
b. Use a different color or style to distinguish quotes from original text. Be consistent
throughout the site!
5. Design
a. Keep it simple! Don’t waste too much time on bells and whistles. Tell your story and
tell it straight.
b. Make sure every element of your design points back to your topic, thesis, and/or time
period. There should be a conscious reason for every choice you make about color,
typeface, or graphics.
6. Optional “Bells and Whistles”
a. After your website is completed with the above requirements, then it’s time to think
about “bells and whistles.”
b. Remember not to overcrowd your site. Simplicity is your friend!
c. Sample options
i. Photo slideshow
ii. Audio (i.e. speech)
iii. Video clip (limit of 45 sec.)
iv. Embedded document
d. See attached document for more ideas and explanations.
Step in Creating Your Website:
1. Decide how you will save your information. You will need to set up separate folders on the
computer for each page on your website (see pages requirement below). This could be on a
flash drive, your student folder, or your GoogleDocs account. Back up all work in another
format.
2. Research your topic and take notes.
3. As you find pictures/images on the computer, drag and drop these into the appropriate folder.
4. Using your notes, write out content for each page of your website and save in appropriate
folder.
5. Type out quotes, who said them and when and save in appropriate folder.
6. Be sure to update your annotated bibliography for all sources used AS YOU USE THEM!
7. Turn in original text by the due date and get teacher approval.
8. Begin creating website following directions in packet. You MUST use the web builder through
the NHD website at www.nhd.org.
9. Add bells and whistles.
10. Test your website on a variety of servers (i.e. Firefox, Safari, Internet Explorer) to make sure it
works.
Required Pages in Website:
1) Home
a.
b.
c.
d.
Thesis
Main picture
Quote
Your name(s), Junior Website
2) Background
a.
b.
c.
d.
Text boxes on background/causes
Picture(s)
Quote(s)
Extras (video clip, sound, slide show, embedded document, etc.)
3) Build-Up
a.
b.
c.
d.
Text boxes on build-up/immediate causes
Picture(s)
Quote(s)
Extras (video clip, sound, slide show, embedded document, etc.)
4) Main Information (Heart of Story)
a.
b.
c.
d.
Text boxes on main information
Picture(s)
Quote(s)
Extras (video clip, sound, slide show, embedded document, etc.)
5) Short Term Impact
a.
b.
c.
d.
Text boxes on short term impact
Picture(s)
Quote(s)
Extras (video clip, sound, slide show, embedded document, etc.)
6) Long Term Effects
a.
b.
c.
d.
Text boxes on long term effects
Picture(s)
Quote(s)
Extras (video clip, sound, slide show, embedded document, etc.)
7) Process Paper
a. Attach or copy process paper here
8) Annotated Bibliography
a. Attach or copy annotated bibliography here
WEBSITE RULES
The web site category is the most interactive of
all NHD categories. Therefore, a web site should
reflect your ability to use web site design software
and computer technology to communicate the
topic’s significance in history. Your historical
web site should be a collection of web pages,
interconnected by hyperlinks, that presents primary
and secondary sources, interactive multimedia, and
historical analysis. It should incorporate textual
and non-textual (photographs, maps, music, etc.)
descriptions, interpretations, and sources to engage
and inform viewers. To construct a web site project,
you must be able to operate, and have access to, the
Internet, appropriate software and equipment.
Part II, Rules for all Categories, applies to web sites.
Rule E1: Entry Production
All entries must be original productions constructed
using the NHD web site editor beginning at the
school level. You may use professional photographs,
graphics, video, recorded music, etc., within the site.
Such items must be integrated into the web site,
and proper credit must be given within the site
as well as in the annotated bibliography. You
must operate all software and equipment in the
development of the web site.
NOTE: Using objects created by others for specific use
in your entry violates this rule. For example, using a graphic
that others produced at your request is not permitted;
however, using graphics, multimedia clips, etc., that already
exist is acceptable.
narrate your own compositions or other explanatory
material. All multimedia must be stored within the
site; you may not use embedded material hosted
elsewhere (e.g., YouTube, Google Video). There is no
limit to the number of multimedia clips you may use
but you must respect the file size limit. If you use any
form of multimedia that requires a specific software
to view (e.g., Flash, QuickTime, Real Player), you
must provide on the same page a link to an Internet
site where the software is available as a free, secure,
and legal download. Judges will make every effort to
view all multimedia content, but files that cannot be
viewed cannot be evaluated as part of the entry.
Rule E5: Required Written Materials
The annotated bibliography and process paper
must be included as an integrated part of the web
site. They should be included in the navigational
structure. They do NOT count toward the 1,200word limit. Refer to Part II, Rules 15–17, for citation
and style information.
Rule E6: Stable Content
Rule E2: Size Requirements
Web site entries may contain no more than 1,200
visible, student-composed words. Code used to
build the site and alternate text tags on images
do not count toward the word limit. Also excluded
are: words found in materials used for identifying
illustrations or used to briefly credit the sources
of illustrations and quotations; recurring menus,
titles, and navigation instructions; words within
primary documents and artifacts; and the annotated
bibliography and process paper that must be
integrated into the site. The entire site, including
all multimedia, may use no more than 100MB
of file space.
The content and appearance of a page cannot
change when the page is refreshed in the browser.
Random text or image generators are not allowed.
Rule E7: Viewing Files
The pages that comprise the site must be viewable
in a recent version of a standard web browser (e.g.,
Microsoft Internet Explorer, Firefox, Safari). You are
responsible for ensuring that your entry is viewable
in multiple web browsers. Entries may not link to live
or external sites, except to direct viewers to software
plug-ins, per Rule E4.
Rule E3: Navigation
Rule E8: Submitting Entry for Judging
One page of the web site must serve as the “home
page.” The home page must include the names of
participants, entry title, division, and the main menu
that directs viewers to the various sections of the
site. All pages must be interconnected with hypertext
links. Automatic redirects are not permitted.
You must submit the URL for the site in advance by
the established deadline, after which you will be
blocked from editing your site to allow for judging.
Because all required written materials from Part II,
Rule 12, are integrated into the site, NO printed
copies are required. For access to the NHD web site
editor and up-to-date submission procedures, please
visit www.nhd.org.
Rule E4: Multimedia
Each multimedia clip may not last more than 45
seconds. You may record quotes and primary source
materials for dramatic effect, but you may not
Using Weebly for History Day Websites
THE BASICS
1. Log on to www.nhd.org. Click on the left-hand link “Start your website entry at the NHD web portal.”
2. Fill in a username and password. Choose “student” or “teacher” from the drop-down menu.
3. Give your site a title. This title will appear on all of your website pages, so it should relate to your topic.
4. Click on the “Designs” tab and choose a design. This might change as your website grows, but it is helpful
to have a design in place so you can visualize how your website is coming together.
5. Click on the “Pages” tab to add pages. Always start with “Home.” Add the names of all the pages,
including a page for the bibliography. The order of these pages can be changed at any time on this
page.
a.
The “Home” page must include students’ names, entry title and division.
b.
The “Bibliography” page must include the entire annotated bibliography. It works well if this
is the last page.
6. To edit pages, either click on “Edit this Page” on the “Pages” tab, or click the “Elements” tab and choose
a page from your navigation bar. Click on an element and drag it down into the body of the page. The
element icon will appear; double-click on the icon and you will be able to start adding content. You
can add multiple elements to a page.
7. Double-click on dummy text to start adding content. You cannot change fonts, but you can change font
color, size, alignment or bold/italic/underline. There is a link option; students cannot use this option!
a.
Students can copy and paste text if they want to use different fonts. Be aware that copying
and pasting may create formatting issues.
8. When adding images, students can only upload from the computer they are working on or from a disk.
The image size can be changed, but changing it within Weebly may make the image look unclear.
a.
Students can change the border and position of the picture, or create a caption. Under
“Advanced,” students can also change the margins and add alt text.
9. At any time, you can delete an element by clicking on the red X in the upper right-hand corner of the
element box. You can also move any element to another page by clicking the green arrow in the
upper left-hand corner of the element box.
10.
Under the tab “Site Settings,” students should not create a site password. This may disable some
viewers, including judges, from viewing the site. Students can choose to change the footer message,
but it should be something appropriate to the project. Students should not include anything in
Search Engine Optimization.
11.
When students use the Help function, located in the upper right-hand corner, they should use only
the first section, “Using the Weebly Editor,” or all the sections that start with 1. The other sections
are for functions that do not apply to History Day.
12.
Every time students return to edit their site, they can go straight to http://nhd.weebly.com/.
THE BELLS AND WHISTLES
Under “Elements,” click on the “Multimedia” tab on the upper left-hand side of the page. There are a number
of options, all of which require previous research or saving of documents into a file.
Photo Gallery – Students can add a number of photographs in one section. They can change the space
between images, the borders and do minor cropping. There is not an option to add text to the images.
File – Students can add a file, such as a primary document. Once the file is added, students should be sure to
change the File Name to something that adequately describes the file.
Audio Player – Students can add an audio file, such as the recording of a speech or a commercial. They can
choose to allow the audio to automatically play or play only when clicked on.
Video – Students can add video clips of historic film footage or interviews. Video clips can be no longer than
45 seconds and should be previously saved to a disk or computer in order to use this function.
Embedded Document – Students can embed documents into their pages, rather than add a file that must be
downloaded to view. Once the document has been downloaded, students can choose how viewers will see the
file when the page is opened, but the Scribd formatting will remain so viewers can adjust the image.
Flash – Students can add a SWF file, which is an animated graphic. This function may not be entirely
appropriate for History Day projects.
Google Maps – Students can add a Google Map of a particular place to orient their viewers. San Francisco is
the default location. To change the location, click next to the map once it’s embedded, and a navigation bar
will appear that will allow students to change the location and the width, height and zoom level of the map.
Flickr Photo Slideshow – This is similar to the Photo Gallery, except students must have a Flickr account. Once
embedded, students will click on the Flickr element and enter their Flickr account e-mail address and other
information specific to their account.
YouTube Video – Students can embed a YouTube video by entering in the YouTube Video URL for the
appropriate video. The same rule applies for video length: no longer than 45 seconds.
Another advanced element they can use is the “hidden page.” Hidden pages do not appear in the navigation
bar but can be useful as places to store more primary documents. Students can then link to these hidden
pages from other pages. On the “Pages” tab, just select “no” from the “Show in Navigation?” dropdown menu.
To link to a hidden page, highlight text or a picture and click the chain icon. Choose the correct hidden page to
link to. To edit these hidden pages, choose the page on the “Pages” tab. The navigation bar will continue to be
visible on the hidden page.