- 01. Basic Procedure in Managing Your Webiste
- 02. To Upload a Top Banner to the Website
- 03. To Add a Category to the Webiste
- 04. To Create the Top Menu for the Webiste
- 05. To Add Category "About Us"
- 06. To Add the Contact Page to the Website
- 07. To Add an Article to the Website
- 08. To Insert a Picture into an Article
- 09. To Edit, Delete An Article
- 10. To Add a Category for Photos
- 11. To Add a Slide Show to the Website
- 12. To Edit, Delete a Category
- 13. To Add a Video Clip to the Website
- 14. To Edit While Viewing the Web Pages
- 15. To Change the Display of an Article List
- 16. To Change the Display of an Article
- 17. To Place an Advertisement on the Website
- 18. Display Types for Advertisements
- 19. How To Layout Your Homepage
- 20. To Show, Hide And Edit The Special Boxes
- 21. Search And Filter Tools In The Control Panel
- 22. To Setup Default Sizes For Images
- 23. To Insert a Video Clip Into An Article
- 24. To embed a Youtube Video in your Website
- 25. To Post a Book on Your Website
- 26. To Post a PDF book on the Website
 |
(Download PDF) |
To Add a Slide Show to the Website
Slide show is group of pictures that will be shown to the viewer one after another in a predetermined order. Pictures in a slide show should normally be of the same size. The size of the pictures should not be too large. Large pictures take more time to be downloaded to viewer’s computer.
In the following example, you will add a slide show with 8 pictures to the English section of your website. The name of the slide show is "Paths of Life". Here is how to do it.
A. Login the Control Panel as usual.
B. Click on Content Manager on the Top Menu, then select “Slide Show” in the drop down list.
C. Select which language site to manage.
You are going to add a slide show to the English site, so you will click on the box near the upper left corner and select "English Site".
The list of existing slide shows will appear. The list might be empty like this.
D. Click the "Record Edit" button near the upper right corner of the screen. A blank record will appear.
E. Click the "New" button if the record is not blank. Otherwise, go on to the next step.
F. Please focus on the 3 essential data: Title, Category and Slide Show Images.
1. Title. Fill in the title of this slide show. In this example you will fill “Paths of Life”. It is required.
2. Category. Select the category that this slide show belongs to. It is required.
3. Slide Show Images. Insert the pictures of this slide show into this box. It is required.
G. Let us insert our pictures into this box.
1. Click the “Insert/edit Image” icon among the editing tools. It is the icon with a tree. The “Insert/edit Image” screen will appear.
2. Click the icon at the end of the “Image URL” box. You will see the files in your web server. These files are organized into folders depending on their purposes. Our pictures belong to a slide show; you had better upload them into the folder Slide Show. Since you may have more than one slide show, you must create a subfolder inside the Slide Show folder to store the pictures for this slide show.
3. Click on “Slide Show” on the left panel. You will enter the file area for all your slide shows. It is quite empty at this moment.
4. Click "Create Folder" to create a folder for this slide show. A small screen will appear.
5. Type the name of the new folder in the box. In this example, you will enter "Paths_of_Life".
It is recommended that you do not use space or special characters in folder name. Therefore, “Paths_Of_Life” should be used instead of “Paths Of Life”.
6. Then, click the “Create Folder” button.
7. Double click on the folder name you just created to open this folder. You will that it is empty. You will load your picture files in here.
8. Click the "Upload" button. The “Upload” screen will appear.
NOTES: On the right side of this screen there are some options you might want to use.
“Rename if filename exists” is checked, as default. It means the program will rename the file if this file has the same name as another file in the web server.
If you want to replace the existing file with the file you are uploading, click “Overwrite if name already exists”.
Check the box at "Retain original image" if you want the prgram to keep the original file you upload.
Check the box at "Slide show standard size" if you want the program to resize your pictures to the standard size for slide shows. You can change the standard size of slide shows to what you like in the System Tools.
9. Click the "Add" button. You will see the files in your computer. If you want to see the thumbnail images of your pictures, click the icon at the end of the “Look in” box. Then, select “Thumbnails” in the drop down list.
10. Select the files you want to upload. You may select a group of files to upload. In that case, click the first file, and hold the “Shft” key on your keyboard; then click the last file. Another way is to click the first file and hold the “Ctrl” key on your keyboard; while still holding the “Ctrl” key, click the next files until you have selected all the file you want to upload.
11. Then, click the “Open” button. The Upload screen will reapear. You will see the list of files ready to be uploaded.
12. Click the “Upload” button.
13. The files will be uploaded to the web server. When transfering is completed, you will the the message “All Files has been uploaded”. Click “OK”.
14. Then, click the “Close this window” to exit the upload screen.
15. You will be asked to confirm. Click the "Yes" button.
16. You will be back at the file area of your web server and see the list of image files just uploaded to the folder Paths_Of_Life.
17. Click on the square boxes on the same line of the files you want to insert into the slide show. Then, click the "Insert" button at the right bottom of the screen.
18. You will be back to the Insert/edit Image screen. This time, the Image URL box is now filled with the path to the images.
19. Next, you may select a frame for all your pictures in the slide show. Click the icon at the end of the “Image Frame” box. If you do not select any frame here, your pictures will be shown without a frame.
You don’t need to concern about other boxes in this screen.
20. Finally, click the "Insert" button at the left bottom. You will be back to the record of your slide show.
The “Slide Show Images” will now be filled with small images representing the pictures in your slide show. If you want to change the order of a picture. Click an hold the mouse button on the picture and drag it to the new place.
21. Next, you will need select a thumbnail picture for your slide show. Click the "Browser" button at the end of the "Thumbnail Image" (markeb with a blue rectangle in the above picture).You will see the files you have just uploaded for the slide show. Whenever you click on a file, a small picture will be shown at the lower left corner. This will help you find the picture you want for your thumbnail. When you have found right picture, click the small box on the same line with the filename.
22. Then, click the "Insert" button at the right bottom of the screen. You will be back to the record of the slide show. This time, the “Image Thumbnail” box is filled with the path to the thumbnail picture. A small picture is also shown above the box.
23. Click the "Add" button at the top or bottom of the screen. The message "Data Added Successfully!" will appear near the upper left corner.
24. Now, go to your website to check if the slide show has been added to the category “Photos”. You may need to refresh the web page. Click the "Refresh" button of your browser, or hit the "F5" key on your keyboard.
25. If you see the thumbnail and the title of your slide show, it is OK now. You will also need to click on the title of the slide show to view the content of this slide show.
26. Now, click on the first picture, or any picture to view the normal size of this picture.While viewing this picture you may click “Next” button, or the “Prev” button when they appear to view to another image. You can click on the “Play” button at the bottm of the picture to start the slide show from this position.
Gửi ý kiến của bạn
%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)%3B%2B__utmv%3D634202800.-%3B)