1 / 20

Google Calendar

Google Calendar. This tutorial is best viewed as a slideshow to better use the links provided. Sign In To Google. Go to: http://calendar.google.com Sign in using your schools kit email address

hewitt
Download Presentation

Google Calendar

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Google Calendar This tutorial is best viewed as a slideshow to better use the links provided.

  2. Sign In To Google • Go to:http://calendar.google.com • Sign in using your schools kit email address !!! Please do not use another account as we won’t be able to retrieve the password should you be unreachable.

  3. Subscribe to FCPSStandard School Year Calendar • To avoid having to update the standard calendar events every year, it is suggested to Subscribe to the FCPS Standard School Year Calendar • Go to:http://www.fcps.edu/about/events.shtml • Click the drop down button(Top-right of calendar) • Uncheck “FCPS Calendar of Events” • Click Subscribe button(Bottom-right of calendar)

  4. Finding Calendar Settings • Your calendar is located on the bottom right of the screen’ • Mouse over your calendar until you see the drop down arrow on the right • Click the drop down arrow • Select “Calendar settings”

  5. Make Calendar Public • In Calendar Settings Click the “Share this Calendar” link • Check the “Make this calendar public” • Click the “Save” buttonThis will return you to the calendarYour calendar is now able to be viewed on the public web

  6. Embedding Calendar • Return to “Calendar Settings” • Scroll down to the “Embed this calendar” section • Click the “Customize the color, size…” link

  7. Click the Setting You Need: • Agenda View Settings • This is the calendar viewed normally on your website home page (index.html) • Calendar View Settings • This the full calendar with all settings and is found usually on your calendar.html webpage (this page is a pare of the FCPS template)

  8. Agenda View Settings 1 • Calendar Title: Upcoming Events • Show • Check “Title” • Uncheck all other options • Default View • Agenda Continued on next slide

  9. Agenda View Settings 2 • Width: • 300 pixels • Height: • 400 pixels • Calendars to Display • Check the calendars you wish to display • Choose the color with the drop down next to the calendarIf you have subscribed to the “FCPS Standard Calendar”, you’ll want to check that one as well as your own calendar

  10. Agenda View Settings 3 On the right side above the preview: • Click the Update Code button • Select ALL the code(Click in the code and Ctrl A on your keyboard) • COPY the code(Ctrl C on your keyboard)

  11. Agenda View Settings 4 In Dreamweaver: • Open your index.html page • Scroll Down to the gray box that represents your calendar • Click on the gray box

  12. Agenda View Settings 5 In Dreamweaver (con’t’d): • Click the “Code” button • Delete/Backspace the code that is selected by you clicking the gray box • Paste (Ctrl V) the code you copied from Google Calendar

  13. Agenda View Settings 6 In Dreamweaver (con’t’d): • Save index.html • Upload index.html • Go to your website and check that the homepage agenda has updated (You might not see any events since your calendar may not have any yet)

  14. Calendar View Settings 1 • Calendar Title: Upcoming Events • Show • Check “Title” • Uncheck all other options • Default View • Agenda Continued on next slide

  15. Calendar View Settings 2 • Width: • 300 pixels • Height: • 400 pixels • Calendars to Display • Check the calendars you wish to display • Choose the color with the drop down next to the calendarIf you have subscribed to the “FCPS Standard Calendar”, you’ll want to check that one as well as your own calendar

  16. Calendar View Settings 3 On the right side above the preview: • Click the Update Code button • Select ALL the code(Click in the code and Ctrl A on your keyboard) • COPY the code(Ctrl C on your keyboard)

  17. Calendar View Settings 4 In Dreamweaver: • Open your calendar.html page • Scroll Down to the gray box that represents your calendar • Click on the gray box

  18. Calendar View Settings 5 In Dreamweaver (con’t’d): • Click the “Code” button • Delete/Backspace the code that is selected by you clicking the gray box • Paste (Ctrl V) the code you copied from Google Calendar

  19. Calendar View Settings 6 In Dreamweaver (con’t’d): • Save index.html • Upload calendar.html • Go to your website and check that the homepage agenda has updated (You might not see any events since your calendar may not have any yet)

  20. Finished! You should now see your new calendar and agenda on your home page (index.html) and your calendar page (calendar.html)

More Related