|
Lesson 4a.
Pictures on Pages!
Where to find pictures.
Images are everywhere on the 'Net and it is very easy to take any picture you want
and place it on your page.
However, take care because the
use of other people's images is against copyright laws.
To find some great sites where tons of 'free' images are available for you to use,
simply go to any search engine and type in something like, "free Web graphics".
You are guaranteed to be provided with a huge list of different 'free Web graphic sites'
which you can then peruse at your leisure.
Add a picture to your page.
Put this image on your Web page.
- First, we need to move and save this image in one of your folders.
Let's save it in your 'my work' folder that we created in lesson 1.
- Position the cursor directly over the image of the girl and click the right side of the mouse.
- In the menu that appears click (the left side of your mouse) on 'SAVE PICTURE AS'.
- A little box (window) will appear with the word 'card'` hilited in the 'FILE NAME' white space bar.
'card' is what I called the picture of the girl when I saved it.
- Underneath, in the 'SAVE AS TYPE' white space bar, you should see the word gif, (*.GIF).
Most drawings, cartoons or diagrams on the computer end in .gif
For example, the picture of the girl is called "card.gif"
However, photos or more complex computer art like logos for example, end in .jpg or .jpeg
- Also, make sure that you've clicked on your my work folder and that the word my work is appearing in the white look in space at the top of the box or window.
- We want to save this image in one of the pages in your folder. Let's put it in the page we called first.html in lesson 1.
- Open first.html by clicking on it.
- Now, click view and then source so you can see the html code you wrote for this page.
- Write the following code somewhere between the 2 body tags.
<body>
<img src="card.gif">
</body>
- IMG - specifies that we are talking about an image.
SRC - specifies that we are talking about the image's source or name and its size.
<body>
<img src="card.gif" width="62" height="87">
</body>
|
- Save your work and then click 'REFRESH' to see the girl on your page.
Note :
If the girl was a photo or a more complex image,
it would probably end in .jpg or .jpeg like this:
<img src="card.jpg"> or
<img src="card.jpeg">
|
Go to the next lesson.
Thank you for visiting this page
Back to index page.