Images
Images are of course a very important element for web designing.
To insert a simple image into the body:
- Insert --> Image
- Select img/example.gif.
- Click OK
Now the image is shown on the screen.
Select the image by clicking on it once. As you click it you will
notice that the properties panel shows the image properties.
Here you can change the dimensions, add a link
and set the 'alt' attribute.
Dimensions
The dimension of an image are the default ones but we can obviously
modify them. With the image selected, in the properties panel type
200 in the 'W' (width) and 400 in the 'H' (height). Press enter
and you can see how dimensions are modified. You can go back to
the default size by clickin 'Reset Size'.
Link
The link allow us to link an image to another file. With the image
selected, in the properties panel type newpage.htm in the 'Link'
section and press enter.
Now the all area of the image wil be acting like a link to another
file, newpage.htm in this case.
Note that the very same thing can be done with text by simpling
selecting it and specifying the link path in the properties panel.
Alt
The 'Alt' attribute is that text on a yellow abckground that appears
when u stand with the mouse over an image element. It is needed
to explain more about the image or the link the image leads to.
With the image selected, in the properties panel type 'this is the
alt attribute' in the 'Alt' section and press enter. Now the image
will show that message when you stand over it with the mouse.
See this example
to understand better.
|