PSA (Public Service Announcement)
Web Site
April 6, 2010
Objective:
Standard 2: Plan and design a website.
Standard 4: The student will use commercial web design software (ie:
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:
You will need to make site for as a PSA (Public Service Announcement). This site requires multiple web pages to give me all the latest information. Below is a description of the pages you'll need to design. To make this assignment easier, don't design a different layout for each page, keep them uniform. And devise a uniform way to navigate between them. (Keep this assignment, the web pages and images, in its own folder to ease the design process).
Here are the minimum requirements for this assignment:
1. Each page must have a uniform method of navigation AND a uniform look.
2. There must be at least one page each describing the following:
- Index page must give a summary of the topic you have chosen for your PSA.
- One page to give detail and images of your topic.
- One page of links to find additional information.
3. Each page must have at least a 2-paragraph narrative.
Take your time and do quality work. Grading will encompass look, feel, navigation, content, quality, etc.
Assignment Due:
You must create a multi-page PSA web site complete at the end of class on Monday, April 12, 2010.
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.
|