Hyperlinking in Webstore

Webstore has been developed to avoid links between web pages. Page groups within Webstore are dynamic - and can be added to, deleted and allowed to expire without causing any broken links.

Different ways of linking within Webstore can be useful though. It is also possible to link out of Webstore, and to link into Webstore.

In brief:

  1. Having put a page/file onto Webstore, you want to cut and paste the URL (web address) into an e-mail, to go from outside Webstore into Webstore.

    This can be very useful to avoid sending large attachments with e-mails. Just send a little e-mail with the link cut and pasted into it.

    1. Browse to the page or file on Webstore and choose to view page.
    2. Copy the web address (URL) and paste it in into the email.
    3. Some URLs can be long and the e-mail may split the link into two lines at the other end. It may be worthwhile putting a note in the e-mail warning the recipient that they may need to paste it back together again. You can always test this by sending it first to yourself.

  2. You want to link from inside Webstore to another website on the Internet:

    1. Just put the web address (URL) into a Web Link on Webstore (hyperlink to addpage group/web link). Selecting the Wenb Link and clicking 'view page' will open the website in a new window.

  3. You want to link from inside Webstore to another place inside Webstore.

    It is not a good idea to link to pages / files in Webstore, as these can archive automatically and create broken links.

    However, linking to folders in the Webstore browse view can be very useful, as folders can only be changed by the administrator. The pages/files within that folder can continue to change without causing any broken links. Directing browsers from a home page or an index to different browse views can simplify navigating round the site.

    A very common example is to link from a home page to the general browse view for the organisation.

    Linking from within Webstore involves creating a hyperlink AND adding a piece of html code to avoid having two Webstore bars at the top of the page. This varies according to the application you are using - either Word 2000, Publisher 2000 or an html editor.

    You can then link to a main browse folder for an organisation, or a specific folder.

In detail:

  1. Having put a page/file onto Webstore, you want to cut and paste the URL (web address) into an e-mail, to go from outside Webstore into Webstore.

    1. Browse to the page or file on Webstore and choose to view page or right click on the 'View Page' and choose properties if you want to know the URL but do not want to download the file itself at that time.
    2. Drag across the web address (URL) in the address window of Internet Explorer. Click edit, copy (or press CTRL and C).
    3. Selecting the URL
    4. Go to the email, put the cursor where you want the link, and click edit, copy (or press CTRL and C).
    5. Clicking on the URL will take the user straight to the page/file on Webstore.

  2. Using Word 2000 to link from inside Webstore to another website on the Internet:

    1. Ensure you know the web address (URL) that you want to hyperlink to. Then go to the word on the page that will need to be clicked on to go to that file. Highlight this word / these words. Click Insert, Hyperlink and type the web address. Click OK.
    2. That word / these words should be underlined, and when clicked on, will take you to the new URL. Eg. Hyperlink to another place
    3. NB. If you wish to change the colour of hyperlinks, both before or after clicking, go to Format, Style. Click List, all styles. Look for Hyperlink and FollowedHyperlink. Choosing Modify, Format then allows you to change Font, colour etc as you wish.

  3. Using Word 2000 to create a web page to link from the web page in Webstore to a folder in the browse view on Webstore.

    1. Follow section 2 to create a hyperlink ie. Ensure you know the web address (URL) that you want to hyperlink to. Then go to the word on the page that will need to be clicked on to go to that file. Highlight this word / these words.
    2. Click Insert, Hyperlink but now the URL is a special piece of code to go to a browse folder on Webstore.
    3. You can obtain the address of the folder by going to the folder in Webstore and then selecting 'View URL for Folder' from the right hand side.
    4. If you want to link to the general browse view for the organisation, you just leave off the folder path.
    5. Examples:
    6. The URL for the main browse view for the sample school on Webstore, short URL name being 'sample', is:
    7. http://www.Webstore-ed.net/~browse/target_browse.asp?org=sample
    8. The URL to go to a subfolder called 'class1' in a folder called 'Year7' in the school called 'sample' would be:
    9. http://www.Webstore-ed.net/~browse/target_browse.asp?org=sample&browsefp=Year7/class1
    10. That word / these words should be underlined, and when clicked on, will take you to the new URL. Eg. Hyperlink to browse view
    11. NB. If you wish to change the colour of hyperlinks, both before or after clicking, go to Format, Style. Click List, all styles. Look for Hyperlink and FollowedHyperlink. Choosing Modify, Format then allows you to change Font, colour etc as you wish.
    12. Save the word file as a web page and upload it onto Webstore using the help pages 'upload page group with one or more subfolders'.
    13. To do this in Word, before saving it as a web page, there is one other fiddly bit. After you have highlighted the text to hyperlink, and inserted the above hyperlink with the correct folder path added, you then need to do the following: Back in the main word document, right-click the hyperlink and select "toggle field codes". You will see a pop up menu like this:
      Word context menu
    14. Click on 'Toggle Field Codes' and the html code for the hyperlink will appear like this:
    15. { HYPERLINK "http://www.Webstore-ed.net/~browse/target_browse.asp?org=<org>&browsefp=<folderpath>" }
    16. Add \t "_top" just inside the } to get this:
    17. { HYPERLINK "http://www.Webstore-ed.net/~browse/target_browse.asp?org=<org>&browsefp=<folderpath>" \t "_top" }
    18. Right-click the hyperlink between the { }, and click on Update Field.
    19. Then save the word document, and then 'save as web page' and upload as web page to Webstore using the help page folder options, upload page group with up to three subfolders.

  4. Using Publisher 2000 to create a web page (or linked pages) to link from the web page in Webstore to a folder in the browse view on Webstore.

    1. Publisher 2000 has no direct way of adding the target=top function to an existing hyperlink as we did for Word 2000 in section 3a. Instead, you have to create it totally from scratch in the following way to avoid multiple framesets.
    2. Having created a web page in Publisher, click on Insert, HTML Code fragment, and drag the mouse to draw a box.
    3. For a simple hyperlink to elsewhere, cut and paste this:

      <a href="http://www.link.org.uk" target="_top">Link</a> Caution - it stays as text in publisher, but when saved as html, it changes to a hyperlink showing 'Link', and includes the target=_top code. The new frame you draw cannot overlap another.

    4. For a main Webstore organisation browse view:

      <a href="http://editorial.webstore-ed.net/~browse/target_browse.asp?org=<short webstore name>" target="_top">Link</a>

    5. For a specific Webstore folder view:

      <a href="http://editorial.webstore-ed.net/~browse/target_browse.asp?org=<short webstore name>&browsefp=<folder path>" target="_top">Link</a>

    6. Then click File, Save as Web Page into the folder called My Documents, Publisher. Upload the web page(s) to Webstore using the help page folder options, upload page group without any subfolder.
    7. If you have any problems with formatting when you save as a web page from Publisher, you may wish to include tags similar to these around the link:

      <font face="Comic Sans MS" color="red"><center>Your link goes here</center></font>

  5. Using an html editor (such as MS Frontpage, Dreamweaver etc) to create a web page (or linked pages) to link from the web page in Webstore to a folder in the browse view on Webstore.

    1. eg. Go to MS Front page and add hyperlink in normal way - highlight word, insert hyperlink.
    2. For a folder view: "http://editorial.webstore-ed.net/~browse/target_browse.asp?org=<shortwebstore name>&browsefp=<folder path>" where <shortwebstore name> e.g. parkgrove and <folderpath> e.g. history/subfolder
    3. Or you can obtain the address of the folder by going to the folder in Webstore and then selecting 'View URL for Folder' from the right hand side.
    4. For a link to a file or web page: Drag across the web address (URL) in the address window of Internet Explorer. Click edit, copy (or press CTRL and C).
    5. Selecting the URL
    6. Click on html and view:

      <a href="http://editorial.webstore-ed.net/~browse/target_browse.asp?org=<shortwebstore name>&browsefp=<folder path>">History</a>

    7. insert:

      <a href="http://editorial.webstore-ed.net/~browse/target_browse.asp?org=<short webstore name>&browsefp=<folder path>" target="_top">History</a>

    8. Or you can obtain the address of the folder by going to the folder in Webstore and then selecting 'View URL for Folder' from the right hand side.
    9. If you want a new window to open from the hyperlink then use the code target="_new"

  6. To link to the Browse view of a Category, eg. A list of organisations then use

    1. http://www.webstore-ed.net/~browse/category.asp?cat=<something> where <something> is the path to the category.

See also: