Title: Web Images
1Web Images
2A single letter becomes a forceful symbol as an
image
3Images capture the moment as no text can
4The animated image (animated GIF) is a powerful
slide show
5Types of Images
- .gif (Graphics Interchange Format)
- .jpeg (Joint Photographic Experts Group)
- .png (Portable Network Graphic)
6GIF
A .gif image is a drawing.
7JPEG
A .jpeg is a photo.
8PNG
.png files can contain photos and drawings.
9Coding Images
- Images are coded by source file
- ltimg srcimages/me.jpggt
- where src is the source file, images is the
folder, and - me.jpg is the file.
10Coding Images
- Images are coded by source file
- ltimg srcimages/me.jpggt
- Add dimensions
- Images are coded by source file
- ltimg srcimages/me.jpg width200
height240gt
11Image Borders
- Add borders
- ltimg srcimages/me.jpg border0gt
12Image Alt Text
- Add alternative text
- ltimg srcimages/me.jpg altA picture of me at
Molloy.gt
A picture of me at Molloy.
13Image Align
- ltimg srcimages/me.jpg alignleftgt
14Fireworks
Making Computer Art
15Start with the canvas
16Use the rectangle tool to draw a shape and color
it.
17Put text in this text box. Size it color it.
18Align your text.
19Transform Skew Create nifty effects!
20Commands Creative Create a picture frame
21(No Transcript)
22Animated GIFs
- Create a sequence of words or pictures
- Go
- to
- Molloy
23Animated GIFs
- Create a .gif or .jpeg for each element
24Now Open Multiple
25Add
Add each file in order.
Check animation box.
26Hit white arrow head to see the animation.
All three pictures are here.
27Click Export Preview.
28Set Options Tab to Animated Gif.
29Go through the Options, File, and Animation tabs.
Set animation times. Preview. Export.
Set loop to Forever.
30Link the animation to Molloyand your work is
done here!