Back to site

Go back to the IntroductionPrevious session 'Images'Next session 'Special Adds'

1

1

Hyperlinks logo

Go to Real Video !

      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

  1. Select the portion of text you want to make it a hyperlink.
  2. 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...
  3. 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.
  4. 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...
  1. Right-click the text hyperlink you made, then choose Hyperlink Properties from the menu. The previous hyperlink window will open.
  2. Click . The following window will appear...
  3. Choose the target from you want from the list, then click OK.
  4. 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

  1. 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.
  2. Click Edit menu in the menu bar then choose Bookmark, the following window will appear...
  3. Name the bookmark by writing the name you want in the Bookmark Name text field. Then click OK.
  4. 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...
  5. 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

  1. Place the image in the page as you learned in the images session.
  2. 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...
  3. Right-click the image, then choose Image Properties. The following window will appear...
  4. 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

  1. Place the image in the page as you learned in the images session.
  2. Click the image.
  3. From the image toolbar, choose the shape of the portion you will make. Here are the shapes you'll find...
  4. Draw the portion shape on the desired place of the image. The Hyperlink window will appear.
  5. Follow the steps of making a text hyperlink.
  6. To change the hyperlink settings of a portion, right-click this portion, then choose Image Hotspot Properties. The Hyperlink window will appear.
  7. 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.