[구글사이트] 사회(역사) 홈페이지 만들기 2탄

1탄에서 영상 모음 페이지를 만들었다면

2탄에서는 각종 학습지 및 메뉴를 추가해보도록 하겠습니다. 

 

홈페이지의 구성은 크게 아래와 같이 구성되어 있습니다. 

학생들에게 자주 들어가게 하는 사이트는 하늘색으로 표시하였고, 

홈페이지 메뉴로 구성한 것은 연두색으로 표시하였습니다. 

 

 

처음에는 역사 지식 높이는 자료로

영상 자료만 아카이브하여 구성하려고 했는데 

복습퀴즈가 다들 아쉬운지 하면서 

"한 번 더 해도 돼요?"

하는 학생들이 있어서 복습 퀴즈도 모아서 한 페이지를 추가하고, 

사회에 나온 용어 학습을 위해서 활동을 하다보니 그 자료도 추가하여

결국 이렇게 6개의 학습 자료 페이지를 구성하게 되었습니다. 

 

 

우리가 만든 역사 도서관은

학생들이 북크리에이터로 만든 결과물을 업로드하여

가정에서도 볼 수 있도록 하였습니다. 

 

 

이렇게 메뉴를 구성하고 보니

각 메뉴에 들어가는 아이콘이 좀 더 예쁘면 좋겠다는 생각을 했습니다.

구글 사이트에서 제공하는 기본 버튼 이외에 다른 모양의 버튼을 넣기 위해 

다음과 같이 진행하였습니다. 

 

  1. 아이콘 디자인하기 

미리캔버스, 캔바, 망고보드 등 다양한 온라인 디자인 툴 프로그램 외에도 

각자가 그린 그림으로도 아이콘을 만들 수 있습니다. 

 

  2. 그림 업로드

그립을 삽입하기 위해 삽입 - 이미지 - 업로드를 선택합니다. 

 

  3. 링크 삽입

이미지를 선택한 뒤 링크 삽입 버튼을 누릅니다. 

연결하고 싶은 페이지의 이름을 찾아서 연결합니다. 

 

이렇게 하면 쉽게 연결이 완료됩니다. 

이러한 방식으로 각종 메뉴에도 연결 링크를 넣어둡니다. 

모든 아이콘을 만들기는 어렵기 때문에 

구글 사이트의 "버튼"을 활용해서 간단한 메뉴 연결은 하였습니다. 

이때 버튼은 

채워짐 / 윤곽선 있음 / 텍스트의 옵션을 선택할 수 있습니다. 

원하는 모양에 따라 선택할 수 있으며

"연필"모양 아이콘을 누르면 연결 링크를 입력/수정할 수 있습니다.

 

  글을 마치며...

구글 사이트를 처음 만드는 것에 어려움을 느끼시는 분들이 있는데 

생각해보면 구글 사이트는 실제 코딩으로 홈페이지를 구성하기보다는 

문서작성에 더 가까운 형태입니다. 

프레젠테이션으로 페이지를 하나씩 만든다고 생각하시고 

서로 잘 이동할 수 있도록 링크 연결만 잘 해두면 그럴싸한 홈페이지가 완성됩니다. 

어렵지 않은 홈페이지 제작을 통해서 자료 아카이브에 도전해보세요!