Exploration of computer graphic formats:
The Basic Difference
A Brief Primer
Bitmapped vs. Vector-based Images
  FileTypes
Assignment:
Write a one-page, double-spaced analysis on the differences between these two formats. Include an optimal use for each.
Exploration of graphic file types:
Four common formats and their pros and cons.
Overview of formats; includes reference chart.
About GIF's
Why should I use a GIF/JPEG?
Conversion Table
  Assignment: Find an image on the Internet and save it in four different formats, then examine and print the results, include a critique.
What is dithering?   Assignment: NONE
File formats in detail:
Figuring file sizes
  Assignment: Students will complete questions 1-11 at the bottom of the link for this lesson.
Quiz on Graphic Files    
Manipulating Graphic Image Files
bulletColor depth
bulletCompression
bulletCropping
bulletDithering
bulletResampling
  Assignment: Students will complete the image activities at the end of the lesson.
Manipulation Quiz    
Editting images:   Assignment: Edit the images provided by changing Brittany's top to another color, remove Casey Affleck and place yourself in his spot, place this Xterra on a cliff, and color the trim on this uniform to match ELCS school colors.
December 5: 8th + 9th period
Mouse trail code for the body

More mouse trail effects!

  Finish collecting the 6 images you will use for your mouse trail. They should decrease in size which you can fix with Photoshop. When you have all six ready and saved in the same place as the page they're going on, place the code at left into your page. Pay attention to the notes I added to tell you what to do (and delete them after, they're all at the top.)
Creating Animated GIF files:

VarietyPack of Image Ready Tutorials
Creating roll-over buttons

   
Creatin Smilies:
Smiley Dictionary
User created Smilies
  Create two different smilies that are no larger than 100x100 pixels each. They must both be animated. You may copy a still basic smiley from the net to start with.
Links for Graphics:

3D Text Maker- this can be used to have a 3D Text object fade in or out 
Design Gallery Live- there are still images and backgrounds here, it is searchable
Great Animations- cool animated clipart for your webpages

  Finish the animation of your text from yesterday.  For the next day or two you will work on adding an image to the finished text animation.  Perhaps some snowflakes for a "Happy Holidays" or Woody for "Howdy".  This assignment will be due on Thursday at the end of the period.  You must turn in a copy of the rubric with your name on it.
RUBRIC
Important School Site Colors:    Green from backgrounds- 125A21 (18,90,33)
Light tan from backgrounds- DFD59F (223,213,159)
Medium Tan- D6C373 (214,195,115)
Dark Gold for Links- A4882B (164,136,43)
Dark Green for Text- 054813 (5,72,19)
     
     
Why do MIDI's sound great sometimes and
other times are the pits?
  Assignment: Download 2 midi's from different locations. Save them to floppy disks and play them in at last three locations. Write a brief evaluation explaining where you played them and what difference, if any, you noticed.
Pros and Cons of Variuos Audio Formats    
Various Methods of adding web sounds:    
Usability Study on Microsoft's 3degrees:
students will download, install, and use the beta-version of 3degrees, a new product by Microsoft.  Students will have 2 weeks to examine the user interface and record their experiences with it while doing so.  Following this data collection students will analyze their findings to make suggestions regarding the interface's success.
  Download 3 degrees here.



8th and 9th period:
Morph Animation:
Morph Tutorial
Adding a Third Image
  How to Finish Your Morph

Practice Morph Assignment Images 1,2,3

8th and 9th period:
Create Morph Assignment 1
  Assignment: Morph Project 1 due on Monday  at the end of the period. Morph Rubric 1
A&C- May 1-5
Create Morph Assignment 2
  Assignment: Morph Project 2 due on Monday at the beginning of the period. Morph Rubric 2
B-May 3-7
Create Morph Assignment 2
  Assignment: Morph Project 2 due on Wednesday at the beginning of the period. Morph Rubric 2
A&C- May 6-10
Create Morph Final Project
Go over criteria; options
  Assignment: Final Morph Project due on Monday (May 12) at the beginning of the period.
Final Project Rubric
B-May 8-14
Create Morph Final Project
Go over criteria; options
  Assignment: Final Morph Project due on Wednesday (May 15) at the beginning of the period.
Final Project Rubric
A, B, &C May 16-?

Discuss JavaScript

Samples:
          
No Right Click
          
Pop Up Boxes
          
Drop Down Menu
          
Image Rollover
          
Mouse Text Trail
          
Snowflakes

 
http://www.dynamicdrive.com/

  Add two different scripts to your school pages or put them in pratice pages that you can use for your final project.

http://www.dead-links.com

Final Project: Creating websites for area businesses.   Rubric for Final Project
This project will be due on Thursday June 13th. Students who finish early will be watching a video on Wednesday and Thursday.
    Have a great summer!
Final Exam- Hands on Tasks
Instructions:  Complete the task required for each photo and save to the Computer II Final folder in the network using your name as its beginning file name.
Picture 1 Change this photo to black and white and resize image to 500 pixels wide, then save as YourNameBW.

Picture 2 Open this picture and change Mark's shirt to purple.  Also flip the photo from left to right so that the cart is on the right side of the pic.  Save as YourNameMARK.

Picture 3 Copy Liz's head and place over Megan so that it appears there are two Liz's in the room.  Save as YourNameLIZ.

HTML- Create a basic HTML document which displays my high school picture and tells me about your favorite project this year and your least favorite project.  It must have a background image or color other than white and a font color change.  Save as YourNameHTML.html

 
Back to Ms. Blaine's Place
Back to ELCS Home

Search tips: When you are asked to compare and contrast two differenet ideas, formats, or media, try searching on a key phrase that includes "versus" as in: digitized vs. synthesized.