Images are not that important to be put in you website ! Although you can make all you
website composed of text with text hyperlinks, but also images have a little importance to
give your pages a nice look and layout.
You can't find any website without images, or it won't
be attractive to users of the internet. Images give the page it's attractive appearance to
make users browse it and see all it's components, so when you make a website and prepare
for it, you must put a design that support putting of images.
But take care that the images that you put must be small
in dimensions to be small in size so your website users don't wait to download all the
images. In that way, you can observe that some users prefer to enter websites that
contains only text and not images if they have slow access to the internet, while other
users that have faster ones prefer to enter sites with a lot of images and effects.
To place an image
- Place the cursor in the place you want to put the image.
- Click
 , or Click the Insert
menu from the menu bar, then choose Image. The following window
will appear...
- Choose the image file, then click OK. Or it's preferable to click Cancel to get this
window...
- In the URL text field type the path and filename of the image,
then click OK. Or...
- Click Clip Art to get an image from the clip art gallery.
Or...
- Click Scan to scan an image.
To change the image settings
- Right-click the image then choose Image Properties. Or click
the image, click the View menu from the menu bar, then choose Image
Properties. The following window will appear...
- You'll find three types of properties, only two are responsible for the image settings: General
and Appearance properties. Below you'll find a discussion for
each...
General
Image Source: is the path and filename
of the image, you can type it in the Image Source text field, or
click Browse to choose it from a specific location.
Alternative Representation: is a
section in which you can specify an alternative image with low resolution by the same way
of changing the image source but in the Low-Res text field. Also
you can set an alternative text to be put in the place of the image till it is downloaded.
To do this, type the text you want in the Text text field.
Default Hyperlink: in which you can
set the image to be a hyperlink to another location, this can be done as you learned in Setting an image hyperlink section in the Hyperlinks session.
Appearance
Alignment: it is the image position in
the page. To change it, open the Alignment drop-down menu then
choose the position you want.
Border Thickness: from which you can
increase or decrease the thickness of the image border.
Vertical and Horizontal Spacing: are
the size of spacing around the image.
Specify Size: check the Specify
Size check box to specify the image width and height to change its
dimensions.
- Finally click OK to set new changes in the image settings.
Special effects for images
Choose one of those effects to be added to your images (note: any
effect added to an image will change in the image file itself)...
From those effects you can add some text on your images,
make a specific color in the image transparent to the background, crop the image, washout
your image, make it black and white, rotate and flip the image, change contrast and
brightness levels, bevel the image or resample it after changing dimensions. To restore
the image to the original shape, click the restore button.
HTML TAG
To place an image:
<img src="imgfilename.ext"
width="no" height="no" alt="text" align="position"
border="no" hspace="no" vspace="no">
note: imgfilename.ext is the path and
filename of the image, no is the size in pixels, hspace and vspace are for horizontal
and vertical spacing. |
