구글 Sites와 같은 툴을 이용하면 누구나 쉽게 자신만의 홈페이지를 만들 수 있다는 점을 알았습니다. 오늘은 구글 사이트 도구 사용법을 통해 보다 파일, 유튜브 동영상 삽입, HTML 및 표 추가하기 등 다양한 콘텐츠를 추가하는 방법에 대해서 알아보겠습니다. 아직 사이트 만드는 방법에 대해서 모르시는 분들은 이전 포스팅을 참고해서 보시기 바랍니다.
목차
구글 사이트 도구 사용법
파일 추가(구글 드라이브)
일단 저는 파일첨부라는 페이지를 하나 만들었습니다. 파일 추가는 구글 드라이브를 활용해서 가능하며 간단하게 진행이 가능합니다.
1. 구글 드라이브로 이동
파일 첨부를 위해 구글 드라이브로 이동합니다.
2. 새폴더 만들기
파일이 여러 개를 첨부할 예정이라서 마우스 오른쪽 키를 눌러 새 폴더를 만들어보겠습니다. 이름은 구글 사이트 파일 첨부라고 만들었습니다.
3. 파일 업로드
공유하려고 하는 파일을 업로드해주세요. 저는 jpg, zip, exe, txt 파일 등을 업로드를 하였습니다.
4. 공유하기
사용자들이 다운로드 받게 해야 하기 때문에 폴더 전체를 공유하도록 하겠습니다. 마우스 오른쪽키를 눌러 공유 > 공유를 클릭하세요. 그리고 나서 일반 엑세스에 링크가 있는 모든 사용자로 설정 후 뷰어까지만 권한을 주겠습니다.
5. Drive 클릭
구글 사이트 도구로 이동해서 오른쪽 삽입 탭에서 Drive를 클릭합니다.
6. 폴더 삽입하기
그럼 아까 만들어 놓은 구글 사이트 파일 첨부 폴더를 클릭하고 삽입을 눌러줍니다.
7. 설정 수정하기
좀 이쁘게 나오기 위해서 설정을 클릭하고 바둑판 보기로 변경 합니다.
8. 결과보기
그러면 깔끔한 디자인으로 파일 첨부가 완료 된 것을 볼 수가 있습니다. 실제로 파일 다운로드 되는 것을 확인해보세요!
※ 같이 보면 좋을 만한 글들 ※ -> 구글 사이트 도구 템플릿 사이트 3가지 -> 구글 사이트 도구 내 도메인 연결 방법 -> 구글 사이트 도구 나만의 홈페이지 만들기
HTML 추가하기
이번에는 HTML 페이지를 만들고 HTML 코드를 추가해보겠습니다. HTML, CSS, 자바스크립트 코드까지 다양하게 추가를 할 수 있습니다. 저는 여기서 버튼을 추가해보도록 하겠습니다.
1. 삽입 > 소스코드
오른쪽 삽입 탭에서 삽입을 클릭하고 소스 코드 탭을 클릭합니다.
2. 추가하기
그리고 나서 소스 코드에 htm, 코드를 붙여넣기 하고 다음을 클릭합니다. 그런 다음 삽입을 눌러주세요.
3. 확인하기
button을 추가했고 css와 javascript 까지 추가했습니다.
※ 일단 테스트 해본 결과 iframe에 추가하는 방식이기 때문에 css, html 코드는 잘 넣을 수 있는데 javascript 넣는 방식이 좀 어려울 수가 있습니다.
※ 그리고 애드센스 추가에 대해서 문의하신 분들이 많은데 기본적으로 내 사이트 또는 앱의 iframe 페이지에 광고를 게재하면 프로그램 정책 위반이기 때문에 절대 하면 안되겠습니다.
동영상을 추가하기
동영상을 추가하는 방식은 2가지입니다. 유튜브 동영상을 추가하거나 구글 드라이브 동영상을 올려 추가하는 방법입니다.
유튜브 동영상 :
1. 유튜브 클릭 > 검색
삽입탭에서 유튜브를 클릭하고 검색창에 추가하려고 하는 유튜브 영상을 검색합니다.
2. 선택 삽입하기
그리고 나서 원하는 동영상을 선택 후 결과를 보면 다음과 같은 유튜브 영상이 첨부된 것을 볼 수가 있습니다.
동영상 업로드 추가 :
동영상을 업로드 후 추가하려면 구글 드라이브를 이용하면 됩니다. 구글 드라이브에 업로드하고 공유를 해서 링크가 있는 모든 사용자 뷰어 권한을 부여합니다.
1. 구글 드라이브 링크 복사
구글 드라이브에서 공유된 동영상 위에 마우스를 대고 마우스 오른쪽 키를 눌러 공유 > 링크 복사를 합니다.
2. 삽입 > URL 사용
왼쪽 삽입 탭에서 삽입을 클릭후 URL 사용 탭에 복사를 해주세요. 그리고 삽입을 누릅니다.
3. 결과보기
그러면 아까 만든 유튜브 동영상과 업로드한 동영상을 나란히 위치한 후 게시해서 확인을 해봅니다.
표 추가하기
구글 사이트 도구 사용법 중 표는 구글 스프레드 시트 기능을 이용해서 추가하는 방식으로 먼저 구글 스프레드 시트에 표를 만들 후 삽입을 해야 합니다.
1. 구글 스프레드 시트
구글 스프레드 시트로 이동해서 표를 만들어보세요.
2. 삽입 > Sheets
삽입 탭에서 Sheets를 클릭합니다.
3. 선택 > 삽입
스프레드 시트에서 만든 표를 선택후 삽입 버튼을 클릭해주세요.
3. 확인하기
게시 후 결과를 확인합니다. 너무 길면 스크롤이 생기는 문제가 있기 때문에 딱 사이즈에 맞게 진행을 하거나 스크롤은 어느정도 감안해서 작성을 해야 하겠습니다. 그리고 스프레드시트 설정 옵션으로 시트를 선택할 수가 있습니다.
구글 사이트 도구 미리보기
이렇게 구글 사이트 도구 사용법을 배운 후 수정된 내용들을 확인할 때에는 게시를 눌러서 바로 업데이트를 하는 경우가 있는데 미리보기를 통해서 먼저 확인 후 게시를 하면 더 좋습니다. 상단에 미리보기를 클릭해서 게시 전 작업 된 내용을 확인하세요
그리고 하단에 모바일, 태블릿, PC 환경에 맞게 확인을 할 수가 있습니다.
구글 사이트 도구 공지사항 작성하기
구글 사이트 도구 사용법 중에 필수적이 내용 공지사항입니다. 공지사항이란 상단에 배너를 띄우는 작업으로 긴급하게 변경사항이 발생할 때 이용하기 좋은 기능입니다. 설정으로 들어가서 공지사항 배너를 클릭해보세요.
그러면 배너 표시, 배너색상, 공지 타이틀, 버튼, 링크, 새 탭에서 열기, 모든 페이지 또는 홈페이지에만 적용 등의 옵션을 선택할 수가 있습니다.
설정 후 결과를 확인해보세요.
※ 같이 보면 좋을 만한 글들 ※ -> 구글 사이트 도구 템플릿 사이트 3가지 -> 구글 사이트 도구 내 도메인 연결 방법 -> 구글 사이트 도구 나만의 홈페이지 만들기
마무리
구글 사이트 도구 사용법에 대해서 알아보았는데 필요한 내용들이 있다면 댓글로 문의 주시면 확인 후에 반영하도록 하겠습니다.
