JPEG, HTML, Resolution, Extensions, Web Safe Colors, RGB, Hexadecimal
Resources:
HTML Visual Quickstart
Performance Objectives: (Things you will be able to learn...) and Criteria: (This is how well it has to be done...)
Instructions: Select a score for each outcome below based on the following scale...
0= Clearly does not demonstrate competency.
1= Demonstrates basic understanding of competency.
2= Demonstrates clear understanding of competency.
3= Demonstrates competency with clarity, uniqueness and depth.
4= Demonstrates competency at a professional work level.
1. Use a digital camera by...
reading digital camera handout
checking out a digital camera in the lab
have a partner take a digital portrait of you
export the digital image from the camera to the hard drive (desktop)
copy digital photograph to your zip disk
0
1
2
3
4
2. Save a photographic image using the JPEG image options to...
determine quality of image
determine format options
save the file with a .jpg extension (example: photo1.jpg)
0
1
2
3
4
3. Create an xhtml document by using the xhtml template provided
0
1
2
3
4
4. Crop a photographic image and save in the appropriate resolution by...
selecting the cropping tool
using the "crop options" dialog box to set a fixed size
setting the image resolution to 72ppi in order for web development
0
1
2
3
4
5. Create and e-mail link by writing an html "mailto" tag.
0
1
2
3
4
6. Save digital files with the appropriate names and file extensions by...
adding .htm when saving HTML files
adding .jpg for JPEG files
adding .txt for text files (Examples: index.htm, photo1.jpg or information.txt)
creating naming conventions that would help a user if they were doing a "find file" command
0
1
2
3
4
7. Create a tiled background image using the HTML "background" tag.
0
1
2
3
4
8. Demonstrate basic text formatting tags including: "FACE", SIZE", and "COLOR" attributes.
0
1
2
3
4
9.F ind resources to solve technical problems by using the software help menus, textbooks, online resources and communicating with colleagues
0
1
2
3
4
10. Maintain a positive attitude when computer problems arise by...
looking at problems as an opportunity to learn something new
not having sarcastic remarks
maintaining an awareness of appropriate / positive body language