Web Imaging
From Wikibooks, the open-content textbooks collection
Putting An Animated Image you've Drawn Onto The Web/ A Web Page You need to know a bit of basic HTML for this. To add an image, type:
- <IMG SRC=_______>
After the = in the HTML tag, put the name of your image, for example:
- <IMG SRC=fireworks.jpg>
But, your HTML document must be in the same folder as your image, otherwise you will have to make a path (Show the computer where it is) to it, like this, and you spend a lot longer typing in a path. Let's say, your image is in a folder named Showme! Your HTML document is on the desktop. You's have to spend a lot longer typing a path to the image in Showme!. It would look something like this:
- <IMG SRC=Richard/Desktop/Showme!/fireworks.jpg>
Which would you rather do?
- Book_Title/Chapter_Name/Page_Name;Making The Image
Making the image is not very complicated. Open Fireworks. Select the pen tool. Draw a background, e.g: If you're drawing something like a human or animal, start with the body. Then, add the really small details (You're going to animate those):
- Animal: Tail, Nose, Face features
- Human: Face features, Clothes
Then, it's like drawing a flipbook. Add frames, and on each frame, draw it so that something's moved a little bit. Then, save it.
- Book_Title/Chapter_Name/Page_Name;Putting Your image on a web page
Go to your HTML document (That will be your webpage) and type in your <img src=> tag.
