
Logically, you won't make a website of only one page. Perhaps this website needs only one
page if it is a kind of advertisement to any website or product, or if it is a kind of
personal information.
But the most common that you'll build a website to talk
about a certain subject that contains many categories that need to be linked together to
facilitate browsing of your website, and support it with the facility of ease-of-use.
Hyperlinks may link to another page, or even link to
another location in the same page called a Bookmark. Also hyperlinks can be text or image
depending upon the design of your website.
To make text hyperlinks
- Select the portion of text you want to make it a hyperlink.
- Click
in the
standard toolbar, or you can click the Insert menu from the menu
bar then choose Hyperlink, also you can click the Edit
menu from the menu bar then choose Hyperlink. The following
window will appear...
- In the URL text field write the path and the filename of the
file to link to, but be sure that the path does not contain the drive letter; or even http:// without the full path of your website on the internet.
For example, in the URL text field just write: ../filename.ext or something like that. Then finally click OK.
- If you want to choose the filename from a certain place in your drive, follow step 2
then click
, then choose
the file you want to link to (this file maybe HTML, text or image file), then click OK.
Note: step 3 is preferred to step 4 !
- The hyperlink you've just made will open the linked page in
the same frame as a default target, but if you want to open in a new frame, follow the
next steps...
- Right-click the text hyperlink you made, then choose Hyperlink Properties
from the menu. The previous hyperlink window will open.
- Click
. The following
window will appear...
- Choose the target from you want from the list, then click OK.
- If you want to name a new frame, do as step 3, but write the name of the frame in the Target
Setting text field.
To make a bookmark and link to it
- First to make a bookmark, select the portion of text or just place the cursor in the
location you want to link to in the same page.
- Click Edit menu in the menu bar then choose Bookmark,
the following window will appear...
- Name the bookmark by writing the name you want in the Bookmark Name
text field. Then click OK.
- Now as you made the bookmark, simply link to it from any other place by the steps of making a text hyperlink, but don't choose a file to link to, and
leave the URL text field empty, just...
- Choose the bookmark you want to link to from the Bookmark
drop-down menu then click OK.
Hint: You can link to a bookmark in another page by
choosing the filename of this page and the bookmark in the Hyperlink
window.
To make an image hyperlink
- Place the image in the page as you learned in the images session.
- Click the image, then click
in the standard toolbar, or you can click Edit
menu in the menu bar then choose Insert.Then follow the same
steps as in making a text hyperlink. Or...
- Right-click the image, then choose Image Properties. The
following window will appear...
- In the Location text field in the Default
Hyperlink section, write the path and the file name of the file you want to
link to then click OK, or click Browse, the Hyperlink
window will appear, then write the path and the filename in the URL text field, Or click
to choose the file from a
certain location. Then finally click OK.
Note: The recommendation about step 4 is as in making a text hyperlink.
- When you set an images as a hyperlink, it will have a border as a default, to remove it,
see the appearance section in the images session.
Image mapping
Image mapping is a method that helps you divide an image
to different portions named Hotspots, each links to a different
location. This prevents you from making and placing many images each links to different
location.
So, you can do the same job with faster and easier
method; just select a portion of an image, then choose the file to link to.
To map an image
- Place the image in the page as you learned in the images session.
- Click the image.
- From the image toolbar, choose the shape of the portion you will make. Here are the
shapes you'll find...
- Draw the portion shape on the desired place of the image. The Hyperlink
window will appear.
- Follow the steps of making a text hyperlink.
- To change the hyperlink settings of a portion, right-click this portion, then choose Image
Hotspot Properties. The Hyperlink window will
appear.
- Change what you want as in steps of making a text hyperlinks.
HTML TAG
To place a text hyperlink:
<a
href="http://domain.com/index.html#bookmark">Go there </a>
note: http://domain.com/index.html
is the location of the file to link to, Go there is the text
which forms the hyperlink and bookmark is the name of the
bookmark to link to.
To place an image hyperlink:
<a
href="http://domain.com/index.html#bookmark"><img
src="imagefilename.ext"></a>
note: imagefilename.ext
is the filename of the image hyperlink. |