Beginner's Page 3
![]()
Hello again. I'm still persevering with
the tutorials found in Issue No.6 of "Web Pages made easy". This
exercise is called "Adding graphics to your pages" and begins on page
26.
The eagle-eyed
among you will have noticed that I had sneaked a graphic into Beginner's Page
2. However, this page follows the tutorial and hopefully teaches me some
valuable lessons along the way.
You will have
noticed that I am trying a different font. I'm not sure whether all browsers
will have this - it's called Century Gothic - but we'll see if there's any
reaction.
Contents:
Import
some graphics
Choose
a picture
Make
it fit
Shuffle
things around
Re-colour
the background
Use
a background texture
Colour-match
the text
Adjust
global text colours
Something
different
Creating
an email link
Import some graphics
I placed the cursor on the part of the page where I wanted the graphic to appear, in this case at the beginning of the introductory text. There are various ways of inserting a picture:
Each of these methods has the same result - the Insert Picture dialogue opens and a number of folders are presented
Choose a picture
I chose to select an image from the clipart on the Office CD and found the Picnic in the Clip Art\Photos\Family folder.
Make it fit
While I was able to set the Wrap to right, i.e. allow the text of the paragraph to wrap around the right-hand side of the picture, the option to re-size the picture was absent and the picture handles didn't allow me to drag the corners.
Shuffle things around
It's possible to click and hold the mouse button over the picture and drag it somewhere else. I managed this with a little success. For large adjustments it's probably better to delete and re-import the picture.
Re-colour the background
You may agree that black text on a white background is a bit dull. I'm used to producing documents and reports on a black-and-white laser printer, where the only colour embellishments are on letterhead and fax cover sheets. However, using the Format menu and the Background option, there's a wide choice of colours to choose from. Click on More Colours for even more! This background is Aqua.
Use a background texture
In addition to plain colour, images may used in the background. The Fill Effect called Bouquet is nice, but it may only be selected as an alternative to background colour, not in combination.
Colour-match the text
Of course, the text colour may be changed as well. I
selected a block of text, clicked right-mouse and selected Font, choosing from
the Colour drop-down list. This being an American program, it's a Color drop-down list!
Adjust global text colours
Another way to change the colour of text is by doing it globally for the document concerned. The Font Colours dialogue box is accessed from the Format menu with the Text Colours… option. From here, a global setting for hyperlinks may also be established.
Something different
Before moving on, I added an email link to enable visitors to contact me with feedback about my efforts. This is done by applying a Hyperlink attribute to selected text. I used the Hyperlink option in the pop-up menu which is displayed when clicking the right mouse button.
Creating an email link
In the Insert Hyperlink dialogue box, my email address is preceded by the word "mailto:" so that when a visitor clicks on it, their email program should open with my email address in the To: field.
![]()