How to Create an Interactive Calendar Using Imapbuilder

Step-by-Step Guide

1. 1

   Step 1: Download the interactive flash building software from its official website and install in your computer.

   You can check the box "Zooming Function" to allow the users to zoom in/out and navigate the calendar. , Click "Points and Lines" button under the "Map Options" tab and a pop-up window will be displayed, click the 'red pin' at the top and place on the date to represent an event.
   
   You can enter the name and description for the event. , Click "Mouse Over" or 'Move Click' tab, select the tooltips style, add description and image associated with the event.
   
   This way when user mouse hover/ mouse clicks the icon of the calendar, an infobox will be displayed with those text and image.
   
   Click 'Apply' to save the settings. , You can also add labels, lines, curves and logo to make your calendar more outstanding. ,,, Copy and paste the embed code into your existing webpage using Dreamweaver/Frontpage or any other HTML editors. ,,(Please do not fill in http:// or ftp:// in the Ftp Host)Default Host Directory is the path to your root directory of your server, you can leave it blank if you don't have this information. (Usually, it will be /public_html, /htdocs, /var/www/html, you may contact with your webhosting to get this information.) ,,,,
2. 2

   Step 2: Run the software

3. 3

   Step 3: click the icon "Create" to create a new map.

4. 4

   Step 4: Click the icon 'Import a custom map image' and select the calendar image you would like to insert.

5. 5

   Step 5: In the Map Options tab

6. 6

   Step 6: set the calendar title

7. 7

   Step 7: layout and size.

8. 8

   Step 8: Add events to your calendar.

9. 9

   Step 9: Display image and description.

10. 10

    Step 10: Enrich your calendar.

11. 11

    Step 11: Click "Preview" in the menu bar to see how it will look in the browser.

12. 12

    Step 12: Select File->Publish and select the folder you would like to publish the calendar.

13. 13

    Step 13: After publishing the calendar

14. 14

    Step 14: a "Publishing" pop-up window will be displayed.

15. 15

    Step 15: Save the webpage (e.g myWebPage.html)

16. 16

    Step 16: navigate to the publish folder and copy the "imapbuilder" folder to the same directory as the myWebPage.html

17. 17

    Step 17: Click Ftp Setting to set the ftp information.

18. 18

    Step 18: After you set the ftp information

19. 19

    Step 19: click Upload in the publishing screen.

20. 20

    Step 20: Select Remote Folder if necessary and click Upload to start uploading.

21. 21

    Step 21: After upload finish

22. 22

    Step 22: you can browse the flash calendar by clicking the URL link and you can modify the URL link if not appropriate.

23. 23

    Step 23: Click and view the interactive flash calendar!

Detailed Guide

About the Author