Lab 9 - HCI 201

These labs are not a race. Work these questions at your own pace. It is better to be complete with each question before moving on. If you don't finish during class, that is okay, finish at home.

Each of you should do your own lab. You will get more out of it. You can get as much help as you like from me or your classmates. Labs are not to be turned in.

1. Make sure you save everything locally into your hci201 directory.
2. Install Photofiltre. Go to http://www.photofiltre.com
• Click the downloads link to your left
• Click the English Version in the downloads section
3. Download the sample photos on the second row. Make sure you click on each image first before you save them. Do not download the thumbnails. Go to http://condor.depaul.edu/~alarrain/hci201/photo.html
4. Use photo ginjoe.jpg. Load it into Photo filtre. Make a duplicate.
• Select Image.
• Select duplicate
5. Make a thumbnail out of the duplicate.
• Select Image
• Image Size

Choose 100 for the width, the height should scale accordingly

6. Save the thumbnail. A good name would be ginjoethumb

Usually thumbnails are saved as gif files. Select gif when saving. Your file should be ginjoethumb.gif

7. Make sure both ginjoe.jpg and ginjoethumb.gif are in the same directory. Create a simple web page that contains this code
<a href="ginjoe.jpg"><img src="ginjoethumb.gif"></a>
8. Add the dimension attributes and alt attribute to the above image tag
Remember width= height= alt=
9. Add the following style to the above web page.
img{border:0;}
10. Make another thumbnail using another image. Add this to the above web page. Don't forget to make a duplicate of the image first
11. Load the flower image into photofiltre. Play around with some of the filters, selection tools. Don't be afraid to experiment.
12. Make sure you have your index page up for quiz 1.
13. Finish quiz questions pertaining to lab1-8
14. If you do not have any questions you can leave