In the previous tutorial, you learned how to upload documents and multimedia files to the File Manager. This tutorial will show you how to link them to a web page.

First, you must be familiar with how to create text links and image links. When a visitor clicks on one of these links, it will launch the audio file, video file or web document. The multimedia files can be made to open up in a pop up window, or in a new page. You will learn both techniques in this tutorial. Pdf documents will either open up in the user's browser or download to their hard drive.

Because of the detail that this tutorial requires, we have divided it into three parts. Each part will cover the features that are available to you.

Part 1 explains how to launch a video file in a popup window by clicking on an image. Part 2 shows how to launch a popup audio file by clicking on a text link, and Part 3 will demostrate how to launch a pdf file in a new web page by clicking on a text link. Mix and match the techniques to suit your specific requirements.

To begin, you'll need to login to the Administrative Console. Directions for this procedure are found in the first tutorial.

1. 1. In an earlier video, you learned how to upload video files to the File Manager. In our example, the video's name was "ADVMEDIA.mov".
2. 
3.  
4. 2. After logging in to your Admin Console, click on the "Pages" link.
5. 
6.  
7. 3. Select the page you want to edit.
8. 
9.   
10. 4. We are going to link the "ADVMEDIA.mov" video to the picture of the cat. When a visitor clicks on the picture of the cat, the video will open in a popup window. To create this link, click on the cat, then on the "link" icon in the toolbar.
11. 
12.  
13. 5. When the dialog box opens, click on the "Popup" tab. Then click on the "Javascript popup" checkbox. Finally, click the "browse" icon.
14. 
15.  
16. 6. Select your video from the file list. Remember, this video was uploaded to the File Manager in another video. If you have uploaded your video and it does not show up in the dialog box, a necessary plug-in may be missing from the HTML editor. Consult your developer for assistance.
17. 
18.  
19. 7. You will need to enter the desired dimensions of your video, positioning preferences, and a name for the popup window as shown below. Optional popup features are also available. When you're finished, click "Update".
20. 
21. 8. To save and view your results, click "Submit". (You will not see your changes by clicking "Apply".) You will be returned to the "Pages" section. Click the "View" icon to see the live update on your web page.
22. 
23.  
24. 9. To view your video popup, click on the image link. The video will appear where you positioned it and begin to play. If you want to link your video to text instead of an image, the procedure is nearly the same. Part 2 of this series shows how to do it with an audio file.
25. 
27.  

Part 2 in this series will show you how to link to audio files.

Back to Tutorial Index