Lecture Summaries class 10
Prepared by: Anthony Larrain
These notes serve as an outline to the lecture, they are not intended to
be complete. Attend class to get more details.
Quiz 1
- Remember, No late quizzes will be accepted. I am serious !
- Due Tuesday, Oct 18, 11:59pm
- Upload previous, current and future lab questions
- Make sure you check the quiz after each lab. I will be adding questions after each lab. I already added a question
for lab 8
- At this time you should already have an index page set up for the quiz. This was the focus of lab 8 question 1. If you do not have this index page set up by now you are making this difficult on yourself. This quiz is supposed to be straight forward. If you do not have this index page uploaded, stay after class so I can help you. If you do not have this done by today you will be adding unneeded stress and extra work in your life, why would you do that!
- Setting up this index page is teaching you how to link to other files on your server. This is very important for building a web site, which you will be required to do in project 1.
- The remaining homeworks and quizzes will follow in this fashion. That is, uploading select lab questions.
- You must submit to me the link to this index page. Absolutely no e-mail submissions will be accepted. All your questions must be uploaded
to your server, that would be your students account.
Using Photofiltre to Edit Images
Photo Filtre is a free image editing tool for Windows. If you have a Mac, IPhoto should of come with your computer.
When editing an image make sure you duplicate it first.
Most of lab 9 will involve working with photo filtre
Making an Image Into a Hyperlink
At this point all of our hyper links have been text. To make an image into a hyper link, simply nest the img
tag inside the anchor tag.
Example
You would see
Since it is a link a border is placed around the image.
Can use CSS to remove the border if required
img{border:0;}
After adding the style you would see
The above Yahoo image is an example of a Logo, typically logo's a gif
files
Prepare For Lab
- Install photofiltre
- Check directory
- Download sample photos
- Show how to:
- load an image into photofiltre
- Duplicate an image
- Resize
- Save as
jpg or gif
- Selection tools
- Filters
- Undo changes
- Other