82
Centre d’échange d’informations sur la Centre d’échange d’informations sur la Convention sur la Diversité Biologique Convention sur la Diversité Biologique Welcome to the manual on Welcome to the manual on adding hyperlinks in a PTK adding hyperlinks in a PTK website website Convention on Biological Diversity Belgian Clearing House Mechanism

Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Embed Size (px)

Citation preview

Page 1: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Centre d’échange d’informations sur la Centre d’échange d’informations sur la Convention sur la Diversité BiologiqueConvention sur la Diversité Biologique

Welcome to the manual on Welcome to the manual on adding hyperlinks in a PTK websiteadding hyperlinks in a PTK website

Convention on Biological Diversity Belgian Clearing House Mechanism

Page 2: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Objective: To be able to add hyperlinks in a PTK website.

2

Page 3: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

3

Prerequisites before studying this manual:

You must have read the following manuals:- Introduction and login in to a PTK website - Metadata- Edit text in an object

Page 4: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

1st step: Create the external hyperlink

What is an external hyperlink?

It is a link that enables the visitor to reach a webpage located on a different website. If the information you are giving on your website is already available on another webpage, it is useless to add a new webpage!A hyperlink to this webpage will be sufficient!

4

Page 5: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

5

Important: All the external hyperlinks must be located in the «Information and links» section of the PTK website.

Page 6: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

6

A URL checker runs at a regular basis and identifies the broken links located in this section.

Page 7: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Exceptionally, we ask you to create the hyperlink in your personal folder and not in the “Information and links” section of the PTK training website.The procedure will be the same as follows except that here we explain how you will proceed when working on your national PTK CHM website.

7

Page 8: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

8

First, log in the website and reach the «Information and links» section by clicking on it on the left menu of the homepage.

Page 9: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

9

You have reached the «Information and links» folder. It contains several sub-folders.

Page 10: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

10

Usually, there will be at least 2 sub-folders for the hyperlinks: one for the national organisations and one for the international organisations.There will also be a sub-folder for the geopoints (see the concerned manual).

Page 11: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

11

Click on the folder entitled «International organisations». It is where the external hyperlink will be made.

Page 12: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

12

Once in the «International organisations» folder, you can click on «Add content…» and select «URL» in the menu.

Page 13: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

13

You have reached the «Submit URL» form.

Page 14: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

14

You already know how to fill out the first fields, which are the Metadata Fields (title, description, etc.).

Page 15: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

15

As an example, we will create a hyperlink to the CBD secretariat website.

Please fill out the Metadata Fields by yourselves.

Page 16: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

16

Above, you can see the metadata fields filled out!

Page 17: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

The next fields are new and specific for forms to submit a hyperlink/URL.

17

Page 18: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

18

The box «Automatically redirect to the given URL» must always be checked. It enables the visitor to go directly to the webpage where the link is made.

Page 19: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

19

The « URL » field will contain the URL address of the webpage towards which you want to make the link.

Page 20: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

20

Do not forget to type the entire URL address, meaning with the http:// before the www.

Page 21: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

21

The last step is to fill out the word verification field.

Page 22: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

22

Once you have filed out the verification field, you will have to read one last time the whole form.

Page 23: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

23

If everything is correct, you can click on the «Submit» button.

N.B.: We remind you to never use the navigation arrows on the PTK! If you use them anyway, you risk losing all the data!

Page 24: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

24

You have been automatically redirected to the «International organisations» folder. A message informs you that the hyperlink has been submitted.

Page 25: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

25

You can see that your hyperlink to the CBD has been added. All the hyperlinks are alphabetically ordered on the folder. On the Web, by convention, a text on which a hyperlink is made will always display in blue and underlined!

Page 26: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

26

You can check that the link is correct by clicking on the name of the link.

Page 27: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

27

If correct, you should reach the homepage of the website of the CBD secretariat as seen above.

Page 28: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Now, let’s go back to the «International Organisations» folder because the course is not over yet!

28

Page 29: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

29

The red sign in front of the link title shows that this link has not been approved yet by the website administrator.

Page 30: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

You now have to tell the administrator about your link submission in order that he approves it.This step is mandatory before you can make an internal hyperlink within the PTK website.

30

Page 31: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

It is still possible to Control or Edit the hyperlink.How?

31

Page 32: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

32

You can click on the Edit button in order to go to the «Edit URL» form.

Page 33: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

33

You have reached the «Edit URL» form.

Page 34: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

You can modify the content of any field, even the URL…

34

Page 35: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

35

Do not forget to click on the « Save changes » button at the bottom of the page to save your modifications!

Page 36: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

36

A message will inform you that the changes have been made.

Page 37: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

37

After saving your changes, you can click on «Back to index» on the right top of the page to quit the form and go back to the hyperlink.

Page 38: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

38

You reached the secretariat webpage.You must leave it and go back to the PTK website.

Page 39: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Congratulations, you have learnt how to add an external hyperlink in a PTK website!The 1st step of the manual is finished.

39

Page 40: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

What is an internal hyperlink?

It is a link that will the visitor to another webpage or any other item already inside the PTK website.

40

2nd step: Create an internal hyperlink

Page 41: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Some golden rules apply here:

• Internal hyperlinks will always be developped from external hyperlinks. It is mandatory to always make the external hyperlink first.• A external hyperlink must be approved by the administrator of the website before anybody can make an internal hyperlink toward it.

41

2nd step: Create an internal hyperlink

Page 42: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

First, you are asked to make a new webpage inside which we will make the internal hyperlink.

If you do not remember how to proceed, look at the manual.

42

Page 43: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

To make this exercise, you must go to your personal Folder and add a new webpage entitled «The Convention on Biological Diversity – Presentation» where we will add the hyperlink we made during the 1st step of this course.

43

Page 44: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

You can fill out the metadata fields as usual.

44

Page 45: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

The following text must be pasted in the «Body (HTML)» field:The Convention on Biological Diversity (CBD) is an international agreement established by the United Nations. Its aim is to preserve biological diversity around the world. Belgium became a CBD member during the Earth Summit in Rio de Janeiro, in 1992.The CBD has three main objectives: to conserve biodiversity, to enhance its sustainable use And to ensure an equitable sharing of benefits linked to the exploitation of genetic resources.The Convention puts much emphasis on the exchange of information and the cooperation between countries. To help these processes, the CBD has set up an international network of partners called the Clearing-House Mechanism (CHM). This website contributes to the CHM network by illustrating what Belgium is doing in the framework of the CBD.

45

Page 46: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

46

Here is the webpage once it has been submitted.

Page 47: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Now we will make the internal hyperlink.

47

Page 48: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

48

You must click on the «Edit» button to reach the «Edit HTML document» form.

Page 49: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

The internal hyperlink will be created in the “Body (HTML)” field of the form.

49

Page 50: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

50

The first step is to select the text on which you want to make the internal hyperlink. You can see that the selected text displays with a grey background.

Page 51: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

51

You can click on the «Insert/edit link» icon, symbolized by a small chain.

Page 52: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

52

The window «Insert/Edit link» opened. You can enlarge it by clicking its bottom-right corner.

Page 53: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

53

Scroll down until you reach the «Information and links» folder. As you already know, this folder contains all the hyperlinks of the website.

Page 54: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

54

Develop the content of the folder and sub-folder by clicking on the black triangle located before each name.

Page 55: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

55

Click on the external hyperlink you want to use in the sub-folder. For our example, it is the link to the Convention on Biological Diversity.

Page 56: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

56

You can see that the URL field was automatically filled out.

Page 57: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

57

The «Target» menu enables you to chose to open the new webpage in the same window or in a different one. We advise you to keep the option selected by default, which is in same window.

Page 58: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

58

Last, the «Title» field enables to add a title to the link. This will appear when you point the text on a webpage. We advise you not to use this option.

Page 59: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

59

You can now click on the <<Insert>> button to validate the link.

Page 60: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

60

You are back to the HTML editing form.

Page 61: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

61

As before, you can see that the words leading to the hyperlink are blue and underlined.

Page 62: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

62

The last step is to read carefully the form.

Page 63: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

63

If everything is correct, you can click on the «Save changes» button.

Page 64: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

64

An automatic message informs you that the changes have been saved.

Page 65: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

65

You can now click on the «Back to index» button to quit the form.

Page 66: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

66

You are back to the CBD presentation webpage.

Page 67: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

67

The text with the hyperlink displays in blue and underlined.

Page 68: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

68

To check that the hyperlink is working, you can click on it…

Page 69: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

69

If the link is correct, you should reach the homepage of the CBD secretariat website.

Page 70: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

Exceptionnally, you can click on the «Go back one page» arrow of your Internet browser to go back to the PTK training webpage.

70

Page 71: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

It is still possible to modify the link by going back to the Editing form.

71

Page 72: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

72

You have to go to the Body (HTML) field of the form.You can see that the buttons to modify the links are not functional yet.

Page 73: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

73

You must click on the underlined text to activate the two buttons.

Page 74: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

74

You have two possibilities: - Edit the hyperlink- Delete the hyperlink

Page 75: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

75

To edit the hyperlink, you must click on the left button «Insert/edit link». The «Insert/Edit link» window will open so that you can change the URL.

Page 76: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

76

To delete the hyperlink, you must click on the right button «Unlink».

Page 77: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

77

As you can see, the hyperlink has been deleted.Do not forget to click the «Save changes» button before leaving the form.

Page 78: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

78

An automatic message informs you that the changes have been saved.

Page 79: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

79

You can now click on the «Back to index» button to quit the form.

Page 80: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

80

Back to the webpage, you can see that the hyperlink has been removed.

Page 81: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

81

You can train by making the exercise available here in your personal folder...

Page 82: Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on

82

Congratulations, you have finished discovering this manual!

For any question, please contact us at:[email protected]