Google calendar
This presentation is the property of its rightful owner.
Sponsored Links
1 / 20

Google Calendar PowerPoint PPT Presentation


  • 78 Views
  • Uploaded on
  • Presentation posted in: General

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

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Google calendar

Google Calendar

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


Sign in to google

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.


Subscribe to fcps standard school year calendar

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)


Finding calendar settings

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”


Make calendar public

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


Embedding calendar

Embedding Calendar

  • Return to “Calendar Settings”

  • Scroll down to the “Embed this calendar” section

  • Click the “Customize the color, size…” link


Click the setting you need

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)


Agenda view settings 1

Agenda View Settings 1

  • Calendar Title: Upcoming Events

  • Show

    • Check “Title”

    • Uncheck all other options

  • Default View

    • Agenda

Continued on next slide


Agenda view settings 2

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


Agenda view settings 3

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)


Agenda view settings 4

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


Agenda view settings 5

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


Agenda view settings 6

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)


Calendar view settings 1

Calendar View Settings 1

  • Calendar Title: Upcoming Events

  • Show

    • Check “Title”

    • Uncheck all other options

  • Default View

    • Agenda

Continued on next slide


Calendar view settings 2

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


Calendar view settings 3

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)


Calendar view settings 4

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


Calendar view settings 5

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


Calendar view settings 6

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)


Finished

Finished!

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


  • Login