COMS226 Images by Your Name Here

Read this text. You can delete it later.

Save your first temporary copy of this page as "temp.html" in your public_html/coms226 folder or any of its assignment folders. Save it as "Web page HTML only" (with Firefox) or "Page source" (with Safari). You can make as many copies as you want and call them temp1.html, temp2.html, etc.

This is a template I've made to turn your Photoshop editing assignments into websites. You will put the images on HTML pages, edit the pages to describe the assignment, and link them all to your course home page.

Here's another template at http://www.radford.edu/~rstepno/226/phototable1.html with room for more side-by-side photo comparisons, better for showing the small "healing brushes" retouching jobs alongside the originals.)

When each image editing, collage or other assignment is complete, you can rename the final version of a folder's main page "index.html" in the same assignment folder as the images it will display (selections, crop, etc.) You can use several pages to show all the work from one assignment.

This page is designed to hold one, two or three images. Delete the parts you don't use or insert additional rows as needed, using copy-and-paste. Insert a large image in the 900-pixel-wide space above; put two smaller images below.

Always use Photoshop's "Save for Web and Devices" command to size and compress images before putting them on a Web page. The "30" or "medium" JPG setting is often the best.

Edit the text boxes (this one and the one at the bottom of the page) to provide information about the images and the tools used to create them, provide photo-credits or links to original sources of the images, etc. To use the big box above, save the image at 900 pixels wide, or smaller. To compare two images side-by-side, save them at 450 pixels wide and use the boxes below. (Image heights can vary.)

If you need to display an image larger than 900 pixels wide to show its details, you can save a "thumbnail" or reduced-size version of the image on a commentary page like this one, and link the thumbnail to the larger original. Ask for instructions in class.

If it helps to explain what you learned, you can display before-and-after or contrasting images here and write a caption in place of this text.