Home | Audio | DIY | Guitar | iPods | Music | Brain/Problem Solving | Links| Site Map

This work is licensed under a Creative Commons License.

Planning Your Web Site

Scanning | PNG Art | Copyrights | Images | Optimize Images for the Web | Constructing Storyboards | Sample Storyboards | Assignment

Directions: Read this page in its entirety before you begin the tutorial. You will be held responsible for the material on copyright, so you will want to take notes here. Once you have read this page then you may begin the tutorial. The tutorial consists of three parts: 1) Lecture material, 2) the material on this page, and 3) the material contained within the links below. You may only use the tutorial link below if you are a student currently enrolled at Palmer HS, Colorado Springs, CO. Furthermore, you agree to abide by the copyright agreement with Macromedia, and will not duplicate the material in anyway or form.

There are two major goals of the assignment that your are about to complete. They are as follows:

Students design the product/solution.

Students plan the product/solution. At the end of the course, students should be able to:

Introduction to Graphics and Copyright

As you recall the Design Cycle is composed of five steps: Investigate, Plan, Design, Create, and Evaluate. Prior to this point you wrote a paper 'About' your project, and a paper on the investigative phase applied to your Personal Project. Before you begin to actually 'Plan' and 'Design' your site you need to do some investigation related to copyright, and graphic design. The copyright segment is pretty straight forward, but the use of images and the graphic design process considerably more information that you will be responsible for. You will demonstrate your proficiency by apply the tools and skills you learn to the actual design of your Web site.

You will be responsible for the following:

I. Identify and distinguish between GIF, JPEG, and PNG formats. Do a search using the following key terms: image, image type, GIF images, JPEG images, or PNG images.

II. Create a graphic with the scanner.

III. Copy and save images and graphics from the Internet, using appropriate citations for copyright.

IV. Demonstrate your knowledge of copyright terms by writing a one-page, double spaced paper on copyrights.

Copyright & Fair Use

Introduction to Scanning

I. Define the four steps in using a scanner: Plan, Scan, Edit, and Save.

II. Scan a Black and White image.

A few scanning tips.
Image and Multimedia Database Resources

Optimizing Images for the Web

We want to used optimized images on our sites so that the images and pages will download quicker. Most of this material you may have done on the Complete Fireworks Tutorial. If you haven't, then you may want to go back and do a few of them.

I. Once you finish this section of the tutorial then you should optimize all of the images on your site.

Making a Nameplate

I. Make a "nameplate" for your site using Fireworks.

II. Using the tools panel, make sure you use the following tools to construct your nameplate: bevel, emboss, drop shadow, stroke, and effect.

Planning a Logo

The storyboard concept

There are basically three types of storyboards.

I. The typical use of a storyboard is in designing movie or animated cartoons, to depict what happens in the story. A storyboard contains scene-by-scene drawings of the sequence of action, camera angles, background, and so on.

II. A graphic storyboard shows all the element of the graphic, indicating size, location, color, and font.

III. Copy and save images and graphics from the Internet, using appropriate citations for copyright.

IV. Learn how to properly construct a storyboard (University of North Carolina at Charlotte) and then preview the storyboards below and when you find the one that best fits your project, then print out some copies.

Storyboard Page Content

Home | Audio | DIY | Guitar | iPods | Music | Links | Brain and Problem Solving | Site Map | Contact


Creative Commons License