ZZZZs at Your Computer….File Formats

A WebQuest for 9th-12th Grade
(Technology Applications)

Designed by Joy Block, Kathy McCown, Mary Montelongo

        

Files!  Files!   Files!

 

Introduction | Task | Process | Evaluation | Conclusion | Credits

 

Introduction

Have you ever fallen asleep at your computer waiting for the Web site to come up? Learning about File Formats can help you avoid this problem.  In the following WebQuest, learn as much as you can about graphic file formatting.  Have fun checking various sites with animation, and even some basic programming.  By using your hardware, viewing the educational sites given, and completing this project, you will be able to create some impressive web sites. 

 

Task

  • Students will create a  web page depicting various file formats:
  • Native File Formats, JPEGs, GIFs, Bitmaps

The projects will use web authoring software or html coding to develop a web document.

 

Process

§         Research file formats and why is it important?

§         Define: native file format, jpeg, gif, bitmap

§         What is pixelation?

§         Two types of graphic file formats are math based and pixel based

o        Define:  pixel base and math-base

§         Give examples of  mathematically- based graphic files (no more than 5)

§         Give examples of pixel based graphic files (no more than 5)

  1. Group project (team of 3 students).
  2. Your role to play will be as a: research technician, graphic designer, or Webmaster

Research Tech

¿       Search using Library, Internet, Magazines

¿       Report- 2 page, single spaced, 12 pt. times new roman font using template document sources as Work Cited

Graphic Designer

¿       Create graphics in Paint or other appropriate drawing program

¿       Save a Bitmap

¿       Evaluate the file size of graphic as a bitmap by checking properties of your bitmap

¿       Remember:  Bigger is Not Better!

¿       Search and find an image on the Internet.  Save image. Check image size.

¿       Take your own picture with a digital camera.  What is your file type and size?

Webmaster

¿       Build a web page using information developed by other team-mates.

The following links are a good starting point for developing this web site

http://whatis.techtarget.com/definitionsCategory/0.,289915,sid9_tax1679_idx300,00.html

o         What is a Native file format?

o         Create Graphics in paint

 

  • List reasons to change file formats
  • Use of graphics in different file formats
  • Use of FREE Graphics from the Internet:

http://www.barrysclipart.com/

http://www.coolgraphics.com/

http://www.free-clip-art.com/

§        BE SURE MATERIAL USED IS SCHOOL APPROPRIATE!!!

§        TEACHER GRADING IS SUBJECTIVE

A good web page involves a creative blend of graphics, and text to provide information and entertainment in an interactive computer environment.  It takes a team of people to do all the many required tasks.

 

Evaluation

Grading will be individual and group-based.

Team Collaboration

 

Beginning

1

Developing

2

Accomplished

3

Exemplary

4

Score

 

Working with Others

 

Rarely listens to, shares with, or supports other team members. Not often a good team player.

Often listens to, shares with, or supports other team members. Sometimes not a good team player.

Usually listens to, shares with, or supports other team members. Does not manipulate team members.

Almost always listens to, shares with, or supports other team members. Tries to keep team working together.

 

 

Attitude

 

Often critical of other team members’ work and/or project task.

Occasionally critical of other team members’ work and/or project task.

Rarely critical of other team members’ work and/or project task.

Never critical of other team members’ work and/or project task.

 

 

Time Management

 

Rarely gets tasks completed by assigned deadlines.

Tends to procrastinate on assigned deadlines.

Usually has tasks completed by assigned deadlines.

Routinely gets tasks completed by assigned deadlines.

 

 Problem-solving 

Does not find solutions. Lets other team members do the work.

Does not suggest or improve on solutions, but is willing to try.

Improves on suggested solutions.

Actively involved in finding and/or making suggestions for solutions.

 

 

 

 

Presentation

 

 

 

Beginning

1

Developing

2

Accomplished

3

Exemplary

4

Score

 

Organization

 

Audience cannot understand presentation because of lack of sequence.

Audience has difficulty following presentation because speaker jumps from point to point.

Audience can follow information in a logical sequence.

Audience can follow information in an interesting, logical sequence.

 

 

Delivery

 

Speaker mumbles, pronounces words incorrectly, and speaks too softly.

Speaker pronounces words incorrectly, and speaks too softly.

Speaker pronounces most words correctly and uses a clear voice.

Speaker has precision in pronunciation and uses a clear voice.

 

 

Content Knowledge

 

Speaker does not have knowledge of information and cannot answer questions about the topic.

Speaker is uncomfortable with information and can only answer rudimentary questions.

Speaker is at ease with information, but fails to elaborate.

Speaker demonstrates full knowledge of information with explanations and elaboration.

 

 

 

 Mechanics

Presentation has 4 or more spelling and/or grammatical errors.

Presentation has 3 spelling and/or grammatical errors.

Presentation has no more than spelling and/or grammatical errors.

Presentation has no spelling and/or grammatical errors.

 

 

Technology-Based Visuals

 

No visuals present.

Speaker uses visuals that rarely support text and presentation.

Visuals related to text and presentation.

Visuals used to reinforce text and presentation.

 

 

 

Conclusion

Web developers are the directors of the web design business. They steer the project in the right direction, ensuring that everyone involved is moving toward the same goal.
Who else is involved in a project? That depends on what's going into the project. Almost all projects have artists and writers, the people who create the pictures and text. They also have programmers, who take all the words and pictures and put them into the web site. The artists may also be involved in creating animation, although some projects require an animation specialist. Voice "talent" (actors who provide vocals for the project) may be required; in many small web site projects, however, the voices are provided by the artists, writers, developers, and other staff. More sophisticated projects involve professional actors as well.


The web developer runs the show and plans the overall project. Two tasks are at the heart of the developer's job: designing the look and feel of the product and managing the overall project. Choose a team leader to delegate tasks, schedule goals, and make sure that these goals are met.


If you are interested in a career in this field, you can begin by learning as much as you can about graphics, animation, audio software, and even some basic programming. By the time you're ready to enter the profession, both the hardware and the educational opportunities should be available to prepare you to create some impressive web sites.

For more information for creating web pages See the following sites:

http://www.microsoft.com

http://www.frontpage.com

http://www.dreamweaver.com

http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html

 

Credits & References

Please visit Region XV Technology and Educational Resources: http://www.netxv.net/esc/technology/InstructionalTechnology/educational%20resources.html

"We all benefit by being generous with our work. Permission is hereby granted for other educators to copy this WebQuest, update or otherwise modify it, and post it elsewhere provided that the original author's name is retained along with a link back to the original URL of this WebQuest. On the line after the original author's name, you may add Modified by (your name) on (date). If you do modify it, please let me know and provide the new URL."

Last updated on June 20, 2003 Based on a template from The WebQuest Page