[웹인] Google 사이트 도구 (9) - 구글 캘린더 삽입

본 게시물에서는 사이트에 구글 캘린더를 삽입하는 방법에 대해 알아보자.

인천대학교 홈페이지에 게시된 학사일정을 살펴보면 월별 캘린더와 일정목록이 함께 제공되고 있다.

Google 캘린더에 '학사일정' 캘린더를 만들고 인천대학교 학사일정을 작성한다.

'학사일정' 캘린더를 [Google 사이트 도구]로 삽입하기 전에 다른 사람들도 볼 수 있도록 공유 작업을 수행해주어야 한다. Google 캘린더는 기본적으로 구글 계정 소유자만 볼 수 있기 때문에 사이트에 게시하여 모두가 볼 수 있도록 하기 위해서는 캘린더를 공유해주어야 한다. '학사일정' 캘린더의 옵션 버튼을 누르고 [이 캘린더 공유하기]를 누른다.

[캘린더를 공개로 설정]에 체크하고 [저장] 버튼을 누른다.

이제 [Google 사이트 도구]에 공유된 Google 캘린더를 삽입해보자. [대학생활]-[학사일정]을 눌러 해당 페이지로 이동한다.

화면 오른쪽 상단에 있는 [페이지 수정(e)]을 누른다.

편집 환경으로 전환되면 본문 영역에 커서를 놓는다.

인천대학교 홈페이지 있는 학사일정과 같이 월별 캘린더와 일정목록을 함께 제공하기 위하여 본문을 2열로 나눌 필요가 있다. [레이아웃]-[2열(단순)]을 누른다.

본문 영역의 왼쪽 열에 커서를 놓는다.

[삽입]-[캘린더]를 누른다.

그러면 Google 캘린더에 있는 모든 캘린더가 나열된다. '학사일정' 캘린더에 체크하고 [선택] 버튼을 누른다.

다음에 나타나는 [Google 캘린더 속성] 창에서 [높이]를 450 픽셀, [너비]를 430 픽셀, [보기]를 '일정목록'으로 하고 [캘린더 이름 보기], [제목 표시]에 체크를 푼 후, [저장] 버튼을 누른다.

설정을 마치면 아래 그림과 같이 [Google 캘린더] 개체가 왼쪽 열에 삽입되는 것을 확인할 수 있다. [Google 캘린더] 개체를 선택하면 작은 도구바가 나타나는데 여기서 [가운데 맞춤]을 눌러 열 너비 가운데로 위치시킨다.

오른쪽 열에도 '학사일정' 캘린더를 동일한 방법으로 삽입하고, [Google 캘린더 속성] 창에서 [높이]를 450 픽셀, [너비]를 430 픽셀, [보기]를 '월'로 하고 [캘린더 이름 보기], [제목 표시]에 체크를 푼 후, [저장] 버튼을 누른다.

화면 오른쪽 상단에 있는 [저장] 버튼을 눌러 삽입 과정을 마무리한다.

그러면 왼쪽 열에는 [일정목록] 모양의 캘린더가, 오른쪽 열에는 [월] 모양의 캘린더가 아래 그림과 같이 나타나는 것을 확인할 수 있다.