Redesign the StansburyHigh.org web site
December 6, 2011

Objective:
Standard 2: Plan and design a website.

Standard 3 and 4: The student will use HTML and commercial web design software (i.e.: Dreamweaver) to create attractive web pages.

Standard 5: The student will create and prepare images to integrate with web site designs. Example image software: Fireworks, Photoshop, GIMP, Paint, etc.

Learning Outcomes:
Students will achieve a moderately to highly skilled status by showing proficiency in the following:

• Explore and understand basic good web development and design principles, such as: color, white space, font styles, viewing patterns, background images, balance, etc.
• Plan the layout considering consistency, readability, proportion, navigation, etc.
• Use proper naming conventions and file structure. Understand file types and filename extensions.
• Create paragraphs, line breaks horizontal rules, ordered and unordered list, and tables. Emphasize proofreading, spell checking and grammar.
• Use headings and font enhancements (bold, italics, etc.).
• Create hyperlinks and mail links.
• Modify page properties. For example: background, font (styles and colors), links. Insert images and include attributes (such as alt, vspace and hspace, size, align, etc).
• Use colors to change backgrounds and text. Use image for backgrounds.
• Open and save an image in a web friendly format. Crop and resize various images. Optimize an image (resize and change resolution for optimal load time). Enhance an image to improve photo quality (red eye, autocolor, etc.).

Class Procedure:
Look at the school's web site at www.stansburyhigh.org and see if you can improve upon it. For that matter, recreate it! Your job is to take everything you learned plus anything you have not yet learned and come up with a better web site than already exists.

By saying "anything you have not yet learned," I mean that if you want to use JavaScript, etc., go to the Internet and discover how to do it. That's how the rest of us do it!

For this assignment I am looking for basic layout and design in the form of a template that does not necessarily contain a lot of content. You don't need to recreate the entire site (that takes a whole semester, just ask my Advanced Web Page class). But I am looking for ideas on redesigning the site plus your ability to utilize what you have learned along with your ability to discover new ways of doing web design on your own. Here is what I am looking for:

• A design that is attractive and clean
• A functional menu (the pages the menu leads to may say "coming soon" as you don't need to redo the content)
• Staying within the colors used for the current site (our blue is #1A3DA5)
• Good ideas that show your abilities. It is less important to complete a whole site as it is to create a template of a clean and attractive design that we can easily drop content into.
• Here are some image files you may use (and modify as needed). You may need to resize:
  • School logo:
    • JPEG
    • PNG (transparent)
  • Mascot:
    • JPEG
    • PNG (transparent)
  • School:
    • Front of building
    • Aerial photo

Assignment Due:
You must create a multi-page re-design of the stansburyhigh.org web site complete at the end of class on Thursday, January 5, 2012.

BUSINESS WEB PAGE DESIGN
Grade Levels: 10-12
Units of Credit: Semester (.5)
CIP Code: 52.0254
Prerequisite: Computer Technology (Computer Literacy)
Skill Certification Exam: #254

The emphasis of this semester course is on the principles and design of a website as well as advanced Internet skills and techniques. HTML, Web publishing and graphic editing software will be used to design, create, format, and edit Web pages.