Class Note 6 for Internet Web Publishing I

Learning Objectives:

You will be able to edit a photo for size and dimensions.

You will be able to make simple edits to a photograph.

You will be able to identify the different photo file types on the Web.

You will be able to identify why your webpage should be validated


Read:  Chapter 5  in your book

Watch: Photoshop Editing Video

Watch: Photoshop Optimizing Web Graphics

Review: Optimizing Images with Photoshop and Selecting the proper image type and optimizing

Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.

Topics Covered:

Did you know from YouTube!

Validation of you work

Post your Logo on your Homework page and create a graphics page!

Remember: Edit in RGB Mode

gif uses Index Colors (the most popular 256 or less colors for your picture)

We will be using graphics from my space

Photoshop CS6: Resizing and image and canvas The most important part of graphics is making sure they are small in file size but great quality.

Adobe TV has outstanding Video tutorials

Youtube has some good and some bad Photoshop tutorials.

Photoshop Tutorials and Graphics plus PSD has interesting tutorials

Digital Camera's


1. Use GIFJPEG or PNG file formats for graphics on the Web. (Use a resolution of 72 pixels per inch)

2. Use Photoshop's Save for Web option when working with graphics. Select the best resolution / file size that you can live with. Remember that as a rule, graphics on a main page should not be larger than 50 k and should not take up more than a half of the height of the screen.

3. Always save your graphic in Photoshop's PSD format (in addition to web format) for future use. PSD will save the graphics's layers.

4. Always modify graphics in RGB mode (Image > Mode > RGB) for better results.

5. Play with the Tools and Filters in Photoshop! (Consider taking a Photoshop class)

6. Use thumbnail versions of large graphics that link to the large graphic.

7. Clip art is available from the Web and from Microsoft's Power Point.

Photoshop is a separate class in of itself! I barely touched on its capabilities and you should play with it. I don't expect expert graphics from you (yet). Looking for Images, try Google.

Put yourself on an Island with your favorite person (movie star, friend or family member)

Stock Photos or Clip Art

Google and Lycos image search



Crop, RGB, JPEG, GIF, PNG, Pixel, Vector Graphics, Scanner

Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.

HTML Valid