Developing Web Pages Using Microsoft's Front Page Express
In addition, text colour can be chosen from the Font dialogue box. As well
the background colour of the page can be set from the Format menu: choose
'Background'. Note that there are a limited number of colours that can be
displayed by a Browser. As with all the tags, the colour definitions have to
be incorporated into the programming of the browser - and there are only
216 'web safe' colours.
Indenting, Numbered/Bullet Lists
Using the Tab key to achieve an indent will have no effect. Browsers only
recognise one space-bar spacing. This indenting text must be achieved in a
different manner: by the use of the blockquote tag. This tag gives a double
indent - and the small text beginning 'What do you want to achieve ?' is
indented using the blockquote tag. Note that you can use this tag multiple
times, as it's just a 'positioning' tag. The numbered list and the bullet list are
achieved by using the toolbar buttons similar in appearance to those on a
word processor tool bar.
Images are incorporated into a web page as separate files and are called by
an image tag which specifies them by their filename. Thus a web page will
consist of a number of files: the actual page (as an HTML file) and a sepa-
rate file for each image.
There are two common image file types that browsers display: the .gif file
and the .jpg (pronounced jay-peg based on its full extension of .jpeg) file.
Both these file types are compressed files, meaning that the size of the file
(in bytes) has been reduced to shorten the loading time of web pages. The
.gif file often is smaller in size (bytes) but can only support 256 colours,
making it unsuitable for colour photographs - though quite suitable for
graphics and illustrations. The .jpg file can support 16 million colours and
is the file type to use for colour photographs.
It is important the keep the file size (in bytes) of all graphic images to a
minimum. The file size has a direct bearing on the time taken for an image
to transmit through the Internet and appear on the user's screen - and this is
multiplied by each image making up the web page. Research has shown
that people expect to see at least part of a page within 10 seconds and start
to be come impatient after 15 seconds. The suggested total size of all files
(graphic and HTML) making up a web page is under 50 k/bytes and prefer-
ably around 35 k/bytes. This is important in countries outside the U.S.A.,
where the bandwidth is generally lower (smaller).
How can this be accomplished ? What can you do to keep the file size
(bytes) of graphics and images as small as practicable ?
1. Size of image (in pixels)
You should re-size (resample) all images to the size that you intend the
browser to display them on-screen. In many instances an image will be
© David Berghouse 2000 - 2007