Top 37 사이트 도구 The 200 New Answer

구글 사이트 도구 (Google Sites)로 나만의 홈페이지 만들기 : 네이버 블로그

• Article author: m.blog.naver.com
• Reviews from users: 46014 Ratings
• Top rated: 4.2
• Lowest rated: 1
• Summary of article content: Articles about 구글 사이트 도구 (Google Sites)로 나만의 홈페이지 만들기 : 네이버 블로그 ‘구글사이트 도구’ 활용도는 다양해요. 개인에게는 홈페이지. 학교에서는 온라인 교무실. 기업에서는 인트라넷 구축. ​. ​. …
• Most searched keywords: Whether you are looking for 구글 사이트 도구 (Google Sites)로 나만의 홈페이지 만들기 : 네이버 블로그 ‘구글사이트 도구’ 활용도는 다양해요. 개인에게는 홈페이지. 학교에서는 온라인 교무실. 기업에서는 인트라넷 구축. ​. ​.
• Table of Contents:

카테고리 이동

스마트리더김미경

이 블로그 
스마트워크
 카테고리 글

카테고리

이 블로그 
스마트워크
 카테고리 글

Read More

See more articles in the same category here: Top 287 tips update new.

[2022] 구글 사이트 도구 리뷰 – 추천하지 않는 이유

구글 Suite와의 통합이 놀랄 만한 요소일까?

필자는 구글 사이트 도구에 놀랄만한 혁신적인 기능들이 있을 거라 기대했지만, 주요 기능들은 다른 구글 제품과의 매끄러운 연결뿐이었다. 기본적인 웹사이트 제작자 기능인 SEO 도구 또는 제3자 앱 추가 등이 없었기 때문에 개인적으로 “이게 있었다면 더 좋았을 텐데…”라고 생각하였다.

물론 구글 사이트 도구에는 아주 괜찮은 몇 가지 기능들이 있지만, Wix 또는 Squarespace와 같은 주요 제작자들과 경쟁할 정도로 충분히 강력하지 않다.

오늘 SquareSpace 플랜 이용 시 최대 30 % 할인! 1년간 무료 도메인 제공! 1031 명의 사용자가 이 쿠폰을 이용했습니다. 코드 이용

거의 모든 구글 앱의 콘텐츠를 포함

구글 사이트는 구글 앱의 거대한 세트로 나의 사이트에 다양한 툴에서 파일을 아주 쉽게 연결하고 그룹 지을 수 있다. 나의 사이트는 이메일 주소를 통해서 다른 모든 구글 계정에 연결되기 때문에 구글 드라이브에 바로 액세스 가능하다.

페이지 어디에나 파일을 첨부할 수 있고, 섬네일 미리 보기에서 확인 가능하다. 각각의 섬네일 크기를 조정할 수 있고 차트, 스프레드시트, 서류 등에 연결할 수 있다. 또한, 실제 파일에도 연결 가능하기 때문에 올바른 사용자가 파일을 열 수 있게끔 권한 요청을 제대로 설정하면 된다. 이는 프로젝트 파일, 리소스 또는 프로젝트 관련 다른 서류를 종합할 때 매우 유용하다.

직접적인 콘텐츠 통합이 가능한 앱은 아래와 같다:

Docs

Sheets

Slides

Calendar

Forms

Charts

Maps

인터페이스로부터 직접적인 구글 이미지 또는 유튜브 검색 가능

개인 구글 드라이브에서 서류 추가는 유용하지만 모든 제품들과 연결하기 좋아하는 구글에서 당연히 기대되던 바이다. 필자에게 인상 깊었던 점은, 그러니까 “진짜 대박이다!” 했던 점은 구글 사이트 도구 인터페이스에서 구글 이미지와 유튜브를 직접 검색할 수 있다는 것이었다(그리고 이러한 이미지 또는 비디오를 웹사이트에 추가 가능한 점도).

이 말인즉슨, 유튜브 비디오를 추가하기 위해서 웹 브라우저에 새로운 탭을 사용할 필요가 없다는 뜻이다. 팝업창에 이를 검색해서 원하는 페이지에 비디오를 추가할 수 있다.

구글 이미지 검색도 위와 같은 방식으로 가능하다. 검색창은 상업적 용도로 사용 가능한 이미지를 보여주기 때문에 따로 요금을 지불하지 않고 합법적으로 이미지를 사용할 수 있다. 실제로 상업적 용도로 사용 가능한 이미지인지 다시 한번 확인하고 (구글 필터가 100% 완벽하지 않기 때문에) 이미지 소유자가 원할 경우 원본 출처를 꼭 남기도록 하자.

내장 구글 이미지 검색의 가장 매력적인 부분은 주요 컬러에 따라 결과 필터가 가능하다는 점이다. 필자는 다른 많은 웹사이트 제작자를 테스트했지만 이와 같은 기능은 본 적이 없었다. 이는 나의 디자인 컬러 테마와 맞는 이미지를 검색할 때 아주 유용하다.

웹사이트 실시간 협업

구글 도큐먼트로 다른 이들과 협업하고 파일 공유하는 게 익숙하다면, 구글 사이트 도구도 비슷하게 사용 가능하다. 팀 멤버에게 에디팅 액세스를 부여하고 함께 협업하고, 구글 도큐먼트처럼 실시간으로 에디팅이 가능하다. 이는 웹사이트 종류에 상관없이 협업 시 매우 유용한 기능이다.

웹사이트를 확인할 수 있는 사용자에 대해 폭넓게 조절할 수 있다. 구글 사이트 도구는 내사 팀 또는 전체 회사와 같은 특정 사용자 또는 그룹에만 게시 가능하다. 당연히, 일반 웹사이트처럼 공개를 설정하고 인터넷 검색에 나타나게 할 수 있다.

공지사항 배너

최신 기능인 공지사항 배너는 매우 유용하며, 간단하다는 점이 꽤 놀라웠다. 맞춤 공지사항 배너를 사이트 너비 또는 단일 페이지에 쉽게 게시할 수 있다.

배너 맞춤 설정은 색상과 텍스트로 제한되지만, 방문자들에게 중요한 정보를 제공하거나 사이트를 시작하는 유용한 리소스로 연결하는 간단한 방법이다.

[5] 구글 사이트 도구

구글 사이트 도구(Google Sites)는 학생들의 활동 과정 및 결과를 기록하는 오픈 포트폴리오로 활용하거나, 학습 자료를 제시하기에 적합한 플랫폼입니다.

구글 도구이기 때문에 구글 계정으로 로그인해야 생성 및 수정할 수 있습니다.

그렇지만, 로그인을 하지 않아도 사이트는 들어와서 볼 수 있습니다.

(사이트를 만드는 사람만 구글 계정이 있으면 됩니다)

특징

구글 문서 등 다른 도구들과 비교하여 두드러지는 특징은 다음과 같습니다.

– 사이트처럼 페이지가 구성되어 있다는 점

– 인터넷상의 모든 사용자가 로그인을 하지 않아도 들어와서 자유롭게 보게 할 수 있다는 점

– ‘게시’를 눌러야 다른 사람들에게 공개된다는 점

– 편집 중인 페이지를 제외하고, 완성된 페이지만 공개할 수 있다는 점

– 댓글을 달 수 없다는 점

다른 사이트 제작 도구들과 비교하여 다음의 부분에서 다릅니다.

– 클릭과 드래그로 손쉽게 콘텐츠를 만들 수 있다는 점

– 편집중인 화면이 자동 저장된다는 점

– 자동으로 도메인이 부여된다는 점

활용 방안

– 각 학생이 스스로 그 학년 또는 과목에서의 학습 결과를 기록할 때

– 모둠별 학습 결과를 정리할 때

– 프로젝트용 사이트를 만들어 프로젝트의 과정과 결과를 기록할 때 (오픈 포트폴리오)

– 학습 결과를 외부 사람들에게 전시할 때

– 학습 자료를 학생들에게 제시할 때

구글 사이트 도구를 활용하여 학습 활동의 과정이나 결과를 정리한다면 학생들도 손쉽게 디지털 또는 오픈 포트폴리오를 만들 수 있을 것입니다.

그럼 구글 사이트 도구로 들어가기, 사이트 만들기, 페이지 생성 및 설정, 콘텐츠 작성 및 설정, 사이트 꾸미기, 공유하기, 추가기능, 사용 팁에 대해 알아보겠습니다.

*설명을 위해 사이트를 만들거나 수정하는 사람을 편집자, 게시된 사이트를 보는 사람을 뷰어라고 하겠습니다.

(1) 구글 사이트 도구로 들어가기

검색해서 들어가기

먼저 구글 사이트 도구로 들어가기 위해 검색창에 ‘구글 사이트’나 ‘구글 사이트 도구’를 적고 검색 버튼을 누릅니다.

첫번째로 나오는 주소(sites.google.com/?hl=ko)로 들어간 후, 구글 계정으로 로그인합니다.

검색창에 직접 치기

검색창에 URL을 직접 입력합니다. (sites.google.com/new, http://sites.google.com)

크롬 홈 화면에서 들어가기

크롬을 사용하고 있다면, 오른쪽 상단에 ‘이미지’와 프로필 사진 사이의 점 9개 버튼을 클릭합니다. 조금 아래로 이동하여 사이트 도구를 클릭합니다.

이동 후에는 다음과 같은 화면이 나타날 것입니다.

이제 사이트를 만들어봅시다!:)

(2) 사이트 만들기

오른쪽 하단의 + 버튼(새 사이트 만들기)을 클릭합니다.

새 사이트를 만들었습니다. 사이트 이름 입력 글씨를 눌러 사이트의 이름을 바꾸어보겠습니다.

사이트 이름을 입력한 뒤 키보드의 엔터 키를 누르거나 화면의 다른 곳을 누르면, 왼쪽 사진과 같이 사이트 문서 이름도 동일하게 바뀝니다.

사이트 문서 이름 부분을 클릭한 뒤 내용을 적으면 따로 설정할 수도 있습니다.

사이트 이름이 반영된 부분(왼쪽)/사이트 문서 이름이 반영된 부분(오른쪽)

이때 사이트 이름은 사용자가 사이트에 들어왔을 때 탭에 보이는 이름입니다.

사이트 문서 이름은 편집자가 사이트 도구 홈 화면에서 보는 이름입니다.

사이트를 다 만들었습니다!

(3) 페이지 생성 및 설정

이제 사이트 안을 한번 채워보겠습니다.

페이지 만들기

오른쪽 도구 상자를 보면 삽입, 페이지, 테마 세 개의 탭이 있습니다.

여기서 페이지를 누릅니다.

처음 사이트를 만들고 나면 홈페이지만 있습니다.

도구 상자 하단으로 이동하면 + 버튼이 있습니다. 이 버튼 위에 커서를 옮기면 위의 화면처럼 보입니다.

여기서 새 페이지 버튼을 누릅니다.

그럼 왼쪽 사진과 같은 창이 나타납니다.

여기서 페이지 목차에 보일 페이지 이름을 적고, 완료 버튼을 누릅니다.

새로운 페이지가 생겼습니다!

이렇게 새로운 페이지를 만들면 페이지 이름과 페이지 제목이 동일한 새로운 페이지가 생깁니다.

**페이지 이름은 목차에 보이는 해당 페이지의 이름입니다.

**페이지 제목은 해당 페이지로 이동했을 때, 가장 위에 보이는 머리글입니다.

페이지 제목 변경하기

페이지 이름과 페이지 제목은 따로 설정할 수 있습니다.

큰 글씨를 눌러 글씨를 적으면 페이지 이름과 별도로 제목을 설정할 수 있습니다.

페이지 제목이 포함된 블록을 누르면 위와 같이 두 개의 버튼이 뜹니다.

표지 대형 배너 배너 제목만

머리글 유형(머리글의 크기에 따른 분류): 표지 > 대형 배너 > 배너 > 제목만

이미지 변경: 머리글이 표지, 대형 배너, 배너인 경우 배경 이미지가 보입니다. 이때, 이미지 변경 버튼을 눌러 이미지를 바꿀 수 있습니다.

업로드 를 누르면, 컴퓨터에 있는 이미지 파일을 업로드할 수 있습니다.

선택… 을 누르면, 갤러리(기본 이미지가 있음), URL 사용, 검색, 내 앨범, Google 드라이브 의 옵션 중에서 선택하여 이미지 파일을 고를 수 있습니다.

페이지 이름 수정하기

해당 페이지의 오른쪽에 있는 점 3개 버튼을 누릅니다.

생긴 창에서 속성을 누르면 이름을 수정할 수 있는 창이 뜹니다.

페이지 이름을 적고 완료 버튼을 누릅니다.

페이지 위치 옮기기

옮기고 싶은 페이지를 누른 채로 옮기고 싶은 위치(페이지와 페이지 사이)로 옮깁니다.

옮겨질 위치에 파란색 선이 생깁니다.

마우스를 떼면, 오른쪽 사진과 같이 페이지의 위치가 이동됩니다.

하위 페이지 만들기

1) 특정 페이지의 하위 페이지로 만들고 싶다면, 해당 페이지를 누른 채로 상위 페이지 위로 끌어다 놓습니다.

위와 달리, 하나의 페이지가 선택되며 둘레에 파란색 상자가 생깁니다.

마우스를 떼면 오른쪽 사진과 같이 페이지의 위치가 이동됩니다.

2) 상위 페이지의 점 3개 버튼을 누릅니다. 생긴 창에서 하위 페이지 추가 버튼을 누르면, 하위 페이지가 생성됩니다.

**하위 페이지 3단계까지 만들 수 있습니다. (페이지 1의 페이지 2의 페이지 3)

(4) 콘텐츠 작성 및 설정

페이지의 콘텐츠는 기본적으로 블록으로 구성됩니다.

가로 길이는 12등분되고, 세로는 섹션으로 움직입니다.

페이지 편집 화면의 오른쪽 도구상자에서 삽입을 누릅니다.

**콘텐츠를 넣고 싶은 위치를 두번 클릭하면, 오른쪽과 같은 리모컨이 나타납니다. 여기 넣고 싶은 콘텐츠를 클릭해서 넣을 수도 있습니다.

**외부의 콘텐츠를 복사 후 구글 사이트 도구 탭으로 이동해 붙여넣기해서 콘텐츠를 추가할 수도 있습니다.

텍스트 상자

– 추가 방법: 오른쪽 도구상자에서 텍스트 상자 를 누릅니다.

– 상자 길이 조절: 조절하고 싶은 텍스트 상자를 누른 후, 좌우의 파란색 동그라미 를 누른 채로 움직여 길이를 조절합니다.

– 텍스트 속성 변경 (왼쪽부터 순서대로)

> 크기: 일반 텍스트를 눌러 다른 형태로 바꿉니다. (작게 < 일반 텍스트 < 부제목 < 제목 < 제목) > 굵게/기울임꼴/단락 모양/번호 매기기/글머리 기호 넣기/링크 삽입/서식 지우기/삭제

> 맨 오른쪽 점 3개 버튼: 코드 글꼴/취소선

**’일반텍스트’는 항상 글씨 색이 검정색입니다. ‘부제목’은 테마에 따라 글씨 색이 테마색으로 바뀌기도 합니다.

**’제목’ 과 ‘제목’은 항상 테마에 따라 글씨 색이 테마색으로 바뀝니다.

**글씨 크기: 제목 > 제목 > 부제목 > 일반텍스트 > 작게

**키보드의 엔터키를 누르면, 문단 바뀜이 되어 이전 줄과 공간이 생깁니다.

이와 달리 키보드의 쉬프트 키를 누른 채로 엔터키를 누르면, 줄 바뀜이 되어 이전 줄과 붙어 글을 쓸 수 있습니다.

이미지

– 추가 방법: 오른쪽 도구상자에서 이미지 를 누릅니다.

1. 업로드: 기기에 저장되어 있는 파일을 업로드합니다.

2. 선택: GOOGLE DRIVE, BY URL, GOOGLE 이미지 검색, 사진

– 이미지 가로, 세로 길이 조절: 조절하고 싶은 이미지를 누른 후, 좌우의 파란색 동그라미를 누른 채로 움직여 가로, 세로 길이를 조절합니다.

– 이미지 속성 변경 (왼쪽부터 순서대로)

> 자르기 (제출): 이미지를 자릅니다.

1) 각 꼭짓점에 있는 파란색 동그라미를 누른 채로 움직이거나, 상단의 바에서 동그라미를 좌우로 움직이면 이미지의 크기를 조절합니다.

2) 이미지를 누른 채 위치를 이동시킬 수도 있습니다.

3) 작업을 마무리한 뒤 옆의 ✓ 버튼을 누릅니다.

> 자르기 취소:

> 링크 삽입: 이미지에 하이퍼링크를 추가합니다.

> 삭제

> 맨 오른쪽 점 3개 버튼

– 이미지 바꾸기(업로드/이미지선택…)

– 대체 텍스트 추가: 콘텐츠를 보는 데 어려움을 겪는 사용자를 위해 스크린 리더가 액세스하는 텍스트

– 캡션 추가: 이미지 바로 아래에 텍스트 상자를 추가합니다.

삽입(=웹에서 삽입): 웹페이지를 삽입합니다.

– 추가 방법: 오른쪽 도구상자에서 삽입 을 누릅니다.

1) URL 사용: 삽입하고자 하는 웹페이지를 URL을 복사 후 붙여넣기합니다.

2) 소스 코드: html 코드를 직접 입력할 수 있습니다.

– 형태 선택

> 전체 페이지: 웹페이지를 해당 구글 사이트에서 바로 확인할 수 있습니다. 사이트에 따라 보안 설정이 다르기 때문에 전체 페이지로 설정하는 것이 불가능한 경우도 있습니다.

> 미리보기: 미리보기 이미지와 함께 제목이 보입니다. 해당 링크를 클릭해서 웹페이지로 이동해야 해당 웹페이지를 볼 수 있습니다.

드라이브: 드라이브에 있는 다양한 형식의 파일을 바로 볼 수 있는 형식(=임베드 형태)으로 추가합니다.

– 추가 방법: 오른쪽 도구상자에서 드라이브 를 누릅니다.

**구글 잼보드는 바로 볼 수 있는 형태로 추가할 수 없습니다.

**구글 설문지의 경우,

– 단축주소가 아니라 ‘https://docs.google.com/forms ~’로 시작하는 URL을 붙여 넣으셔야 사이트에서 바로 설문지를 볼 수 있습니다.

– 구글 설문지 편집 화면의 주소창의 주소는 ‘~edit’으로 끝납니다. 그 주소를 붙여넣기 한다면 권한 설정 내용에 따라 다른 사람이 설문지를 수정하는 것이 가능해질 수 있습니다. 그래서 그것보다는 ‘~viewform?usp=sf_link’로 끝나는 주소를 붙여넣기하는 것이 좋습니다.

– 각 파일의 가로, 세로 길이 조절: 조절하고 싶은 이미지를 누른 후, 좌우의 파란색 동그라미를 누른 채로 움직여 가로, 세로 길이를 조절합니다.

레이아웃: 텍스트 상자, 자료 등의 배열 형태 예시를 추가할 수 있습니다.

– 추가 방법: 오른쪽 도구상자에서 레이아웃을 추가한 뒤, 텍스트를 적어 넣거나 자료를 추가하면 됩니다.

축소할 수 있는 텍스트: 처음에는 위쪽 텍스트 상자만 보입니다. 아래쪽 텍스트 상자가 숨겨져 있다가, 옆의 화살표를 누르면 아래쪽 텍스트 상자가 보입니다.

– 추가 방법: 오른쪽 도구상자에서 축소할 수 있는 텍스트를 누릅니다.

작동하는 경우, 상단에 축소 가능 버튼을 켤 수 있습니다.

– 가로 길이 조절: 조절하고 싶은 이미지를 누른 후, 좌우의 파란색 동그라미를 누른 채로 움직여 가로 길이를 조절합니다.

**콘텐츠에 대한 내용 확인 등의 간단한 퀴즈를 낼 때 사용하면 좋습니다.

**다른 텍스트 상자 아래에 있는 경우, 맨 위에 있는 텍스트 상자가 보이는 텍스트가 되고 아래의 모든 텍스트가 숨겨집니다.

**한 개의 블록 안에 여러 개를 연속해서 둘 수 없습니다.(작동하지 않습니다)

이외의 형태

목차: 해당 페이지의 제목 , 제목, 부제목으로 구성된 하이퍼링크로 된 목차입니다.

, 제목, 부제목으로 구성된 하이퍼링크로 된 목차입니다. 이미지 캐러셀: 여러 개의 이미지를 넘기며 볼 수 있는 미니 슬라이드입니다.

버튼: 누르면 다른 페이지나 웹사이트로 이동할 수 있는 버튼입니다.

구분선: 가로 콘텐츠 블록 사이에 구분할 수 있는 선입니다. 섹션 사이에만 위치할 수 있습니다.

자리표시자: 콘텐츠를 넣을 자리를 미리 표시해둘 수 있습니다. 어떤 콘텐츠를 넣을지 모를 때 일단 자리를 표시해두는 용도로 사용합니다. 가운데에 있는 + 버튼을 누르면 해당 자리에 콘텐츠를 넣을 수 있습니다.

버튼을 누르면 해당 자리에 콘텐츠를 넣을 수 있습니다. YouTube: 유튜브 동영상을 검색해서 삽입할 수 있습니다.

캘린더, 지도, 문서, 프레젠테이션, 스프레드시트, 설문지, 차트

– 차트: 스프레드시트를 선택하도록 나타납니다. 해당 스프레드시트에 차트가 있다면 그것을 추가할 수 있습니다.

(5) 사이트 꾸미기

테마 바꾸기

각 사이트의 메인 색상 및 글씨체 등을 손쉽게 변경할 수 있는 방법입니다.

다른 사이트 도구와 달리, html 코드와 css 코드를 이용해 마음대로 테마를 변경할 수는 없습니다.

오른쪽에서 테마 탭을 누릅니다.

여러 개의 테마 중에서 선택할 수 있습니다.

각 테마에서는

– 주요 색상

> 기본 색상

> 이외의 색상: 페인트 통 모양 버튼을 클릭해 원하는 색상을 클릭합니다.

– 글꼴 스타일: 각 테마마다 3개의 글꼴 스타일 중에서 하나를 고를 수 있습니다. 테마마다 제시되는 글꼴 스타일이 다릅니다.

구글 사이트 도구 오른쪽 상단의 톱니 바퀴 모양의 설정 버튼을 누르면 사이트 꾸미기와 변경할 수 있는 요소들이 있습니다.

탐색 = 내비게이션 바 설정 바꾸기

모드

– 위: 내비게이션 바가 위쪽에 나타납니다.

– 측면: 내비게이션 바가 왼쪽에 나타납니다.

– 위: 내비게이션 바가 위쪽에 나타납니다. – 측면: 내비게이션 바가 왼쪽에 나타납니다. 색상

– 내비게이션 바의 배경 색상을 투명, 흰색, 검은색 중에서 선택할 수 있습니다.

브랜드 이미지 = 로고 및 파비콘 바꾸기

로고: 사이트의 오른쪽 상단에 보이는, 사이트를 대표하는 이미지를 추가할 수 있습니다.

– 업로드: 기기에 있는 이미지 파일을 업로드합니다.

– 선택: GOOGLE DRIVE, BY URL, GOOGLE이미지 검색, 사진

– 업로드: 기기에 있는 이미지 파일을 업로드합니다. – 선택: GOOGLE DRIVE, BY URL, GOOGLE이미지 검색, 사진 파비콘: 사이트의 탭에서 사이트의 이름 전에 보이는 이미지입니다.

– 업로드: 기기에 있는 이미지 파일을 업로드합니다.

– 선택: GOOGLE DRIVE, BY URL, GOOGLE이미지 검색, 사진

뷰어 도구 = 뷰어가 사용할 수 있는 도구

정보 아이콘: 게시된 사이트의 왼쪽 하단에 보이는 i 모양 버튼에 대한 설정입니다. 사이트에 대한 정보를 확인할 수 있습니다.

– 페이지 최종 업데이트 시간 표시

– 문의 양식 표시

앵커 링크

분석

구글 애널리틱스를 사용해 사이트의 방문 통계 등에 대한 자료를 분석해서 보여주는 도구입니다. 구글 애널리틱스는 구글에서 무료로 제공하고 있는 웹사이트 분석 서비스입니다.

– 사용 방법:

Google 애널리틱스 추적 ID: 해당 사이트의 분석 결과를 조회할 구글 애널리틱스 추적 ID를 적습니다.

구글 애널리틱스(www.google.com/analytics/web/?hl=ko )로 들어가 계정과 속성을 만듭니다. 속성에 따른 스트림을 만들고, 그때의 스트림의 아이디를 이 칸에 적습니다.

구글 애널리틱스(www.google.com/analytics/web/?hl=ko 분석 사용 설정: 이 버튼을 켜면 분석 결과를 받아볼 수 있습니다.

공지사항 배너

홈페이지나 사이트의 모든 페이지의 상단에 나타나는 배너입니다. 공지사항을 전달할 때 사용할 수 있습니다.

배너 표시: 이 버튼을 눌러 공지사항 배너 기능을 켭니다.

배너 색상: 배너의 바탕 색상입니다. 배너의 글씨는 모두 검정색입니다.

공지

– 메시지: 배너에 보이는 텍스트 내용입니다. 적지 않으면 활성화되지 않습니다.

– 버튼 라벨: 배너에 보이는 버튼의 이름입니다. 적지않으면 활성화되지 않습니다. 이 기능을 쓰려면 버튼 라벨과 링크에 모두 내용을 적어야 합니다.

– 링크: 버튼 라벨과 연결된 URL을 적습니다.

> 새 탭에서 열기: 해당 링크를 새 탭에서 열지, 사이트가 열려있는 탭에서 이동하여 나타낼지 결정합니다.

공개 상태: 홈페이지에서만 배너가 나타나게 할지, 모든 페이지에서 배너가 나타나게 할지 결정합니다.

섹션 배경 바꾸기

원하는 섹션 위로 커서를 이동하면, 왼쪽에 세 개의 버튼이 뜹니다.

맨 위의 팔레트 모양 버튼을 누르면 섹션 배경을 바꿀 수 있습니다.

기본적으로 해당 테마의 주요 색상에 따라 3개로 제시되는데요,

이미지를 눌러서 업로드/이미지 선택 하여 이미지를 배경으로 설정할 수도 있습니다.

(6) 공유하기

공동 작업자 추가하기

말 그대로 사이트를 편집할 다른 작업자를 추가합니다.

사용 방법

1) 오른쪽 상단의 사람 모양의 다른 사용자와 공유 버튼을 누릅니다.

2) 그럼 다음과 같은 창이 뜹니다.

이메일로 추가하기: 사용자 및 그룹과 공유 부분의 ‘사용자 및 그룹 추가’ 칸에 이메일을 적어 넣습니다. 이메일은 콤마(,)로 구분합니다. 부여 가능한 권한은 다음과 같습니다.

– 게시된 항목을 볼 수 있는 뷰어: 게시된 사이트에 들어올 수 있습니다.

– 편집자

> 사이트를 편집할 수 있습니다.

> 공유 설정을 변경할 수 있습니다.

– 소유자: 편집자의 권한과 함께 다음의 권한을 받습니다.

> 사이트의 알림을 받습니다.

> 본인 계정의 권한을 변경하거나 삭제할 수 있습니다.

– 게시된 항목을 볼 수 있는 뷰어: 게시된 사이트에 들어올 수 있습니다. – 편집자 > 사이트를 편집할 수 있습니다. > 공유 설정을 변경할 수 있습니다. – 소유자: 편집자의 권한과 함께 다음의 권한을 받습니다. > 사이트의 알림을 받습니다. > 본인 계정의 권한을 변경하거나 삭제할 수 있습니다. 링크로 공유하기: 편집자들에게 사이트를 편집할 수 있는 링크(https://sites.google.com/ ~ /edit 형태)를 보낼 수 있습니다.

위 사진에서 아래의 링크 부분의 변경 글씨를 누릅니다. 그럼 아래 사진과 동일한 모양의 창이 뜹니다. 여기서, 위쪽의 ‘임시’ 옆의 ‘제한됨’을 눌러 설정을 변경합니다.

– 제한됨: 이메일로 추가하기로 추가된 사용자만 이 링크로 사이트를 편집할 수 있습니다.

– 조직명(G Suite 계정인 경우에만 보임): 해당 조직의 구성원만 이 링크로 사이트를 편집할 수 있습니다.

– 링크가 있는 모든 사용자에게 공개: 모든 사람들이 이 링크로 사이트를 편집할 수 있습니다.

게시하기

외부의 사람들이 사이트를 볼 수 있도록 설정합니다.

사용 방법

1) 편집화면의 오른쪽 상단의 게시 버튼을 누릅니다.

2) 새롭게 뜬 내 사이트 게시’ 창에서 다음의 내용을 설정합니다.

웹 주소: 사이트의 URL 주소를 입력합니다.

– G Suites 계정: https://sites.google.com/(조직명)/(입력한 주소) 형태로 나타납니다.

– 일반 구글 계정: https://sites.google.com/view/(입력한 주소) 형태로 나타납니다.

– G Suites 계정: https://sites.google.com/(조직명)/(입력한 주소) 형태로 나타납니다. https://sites.google.com/view/(입력한 내 사이트를 볼 수 있는 사용자: 해당 웹 주소로 사이트를 볼 수 있는 뷰어의 범위입니다. 기본적으로는 모든 사용자로 설정되어 있습니다. 옆의 관리 글씨를 누르면 다음과 같이 설정 가능합니다.

– G Suites 계정: 조직 구성원 전체 or 링크가 있는 모든 사용자에게 공개

– 일반 구글 계정: 링크가 있는 모든 사용자에게 공개

3) 그럼 게시 버튼이 왼쪽 사진과 같은 모양으로 바뀝니다. 옆에 세모가 생깁니다. 여기서 게시 버튼을 누릅니다.

+ 그 세모를 누르면 다음과 같은 항목이 뜹니다. 한번 살펴볼까요?

게시 설정

위의 ‘내 사이트와 게시’와 동일한 내용에 ‘변경사항 검토 및 게시’ 항목이 추가된 것이 보입니다. 그 항목은 다음 내용을 참고해주세요~!

변경사항 검토 및 게시

사이트를 게시하기 전에 어떤 페이지의 어떤 부분이 바뀌었는지 확인할 수 있습니다.

게시된 사이트 보기: 게시된 사이트를 새 창에서 확인할 수 있습니다.

게시된 사이트 보기: 게시된 사이트를 새 창에서 확인할 수 있습니다. 게시 취소: 게시를 취소합니다. 이 버튼을 누르면 해당 URL 로 들어가도 사이트를 볼 수 없습니다. 또한 게시하는 과정을 다시 진행해야 합니다.

4) 변경사항을 확인한 후 오른쪽 상단의 게시 버튼을 누릅니다.

5) 다시 편집화면으로 돌아온 후, 오른쪽 상단의 게시된 사이트 링크 복사 버튼을 누릅니다. 오른쪽 사진의 창에서 링크 복사 버튼을 누른 후, 원하는 곳에 붙여넣습니다.

(7) 추가 기능

미리보기

용도: 사이트를 게시하기 전, 게시된 사이트가 어떻게 보이는지 확인합니다.

**하나의 섹션에 두 개 이상의 세로 줄을 만드는 경우, 휴대폰에서는 가장 왼쪽 줄부터 보입니다.

사용 방법

1) 오른쪽 상단의 미리보기 버튼을 누릅니다.

2) 하단에서 해당 사이트를 보는 기기를 선택합니다. 맨 왼쪽부터 순서대로 휴대폰, 태블릿, PC화면입니다.

이외 기능

오른쪽 상단의 점 3개 더보기 버튼을 누르면 다음과 같은 창이 뜹니다. 아래 항목을 살펴보겠습니다.

버전 기록: 누가, 언제, 사이트의 어느 부분을 수정했는지 확인할 수 있습니다. 그 기록이 모두 각각의 버전으로 저장되고, 이전 버전으로 되돌릴 수 있습니다.

사이트 사본 생성: 해당 사이트와 동일하게 생긴 사이트를 만듭니다. 단, 그 사이트는 다른 웹 주소로 다시 게시해야 합니다.

문제 신고: 사이트 도구를 사용하다가 발생한 문제를 구글 도움 센터에 신고합니다.

도움말: 사이트 도구에 대한 도움말입니다.

둘러보기: 사이트 도구의 기본 기능을 살펴보는 튜토리얼입니다.

(8) 사용 팁

✏️페이지를 여러 개 한번에 복사, 붙여넣기 할 수 있나요?

✔︎ 불가능합니다. 각 과목의 페이지를 하나하나 페이지 사본 만들기 기능으로 만들어야 합니다.

✔︎ 비슷한 형태의 페이지를 여러 개 만들어야 한다면, 기본적인 틀로 구성된 템플릿 페이지를 만듭니다. 그 페이지를 붙여넣기하면 편합니다.

✏️상위 페이지와 하위 페이지를 그룹 단위로 사본을 만들 수는 있나요?

✔︎ 불가능합니다.

✏️여러 블록을 한 번에 선택하여 복사, 붙여넣기 할 수 있나요?

✔︎ 불가능합니다.

✏️드롭다운의 질문/답변 부분에 이미지나 동영상을 넣을 수 있나요?

✔︎ 불가능합니다. 조금 불편하지만 구글 설문지로 만들어서 사용해야 합니다.

이 글은 아래의 파일을 다운로드하여 pdf형태로도 보실 수 있습니다.

구글사이트도구사용방법_학교가자TECH부트캠프.pdf 6.90MB

이 글의 구글 문서입니다.

bit.ly/googlesites_GSJLab

구글 설문지 사용 방법에 대해 더 궁금한 점이 있다면 본 포스팅이나 위의 구글 문서에 댓글로 달아주세요!

감사합니다.

[NPO 도구상점 워크숍]사이트도구로 웹페이지 만들기(feat. 센터사업설명회 따라 만들기) > 행사안내

행사안내 / by NPO지원센터 / 2021-12-01 14:53 [NPO 도구상점 워크숍]사이트도구로 웹페이지 만들기(feat. 센터사업설명회 따라 만들기)

실무자가 여는 npo도구상점 작은 워크숍

사이트도구로 웹페이지 만들기

‘웹자보, 카드뉴스, 웹페이지, 뉴스레터..

하다보니 하게되었더라’

NPO도구상점에서 실무자가 실무자에게 노하우를

전하는 자리를 조그맣게 엽니다.

소개할 노하우는 ‘구글사이트도구(홈페이지 제작도구)’로,

워크숍에서 센터의 2020 사업설명회 웹페이지를

함께 만들어 보시게 됩니다.

부담없이 사이트 도구를 배워보고 싶다면, 워크숍을 신청해주세요😀

✔️ 신청 접수후 개별 이메일을 받으신 분에 한해 신청이 확정됩니다.

감사합니다.

NPO도구상점 드림

대상

사이트 도구를 써본 적 없는 사람

센터의 2020사업설명회 웹페이지 제작이 궁금한 사람

사이트도구로 나만의 웹페이지를 만들어보고 싶은 왕초보

* 활동가만 신청 가능

워크숍 특징

실무자가 알려주는 눈높이형 워크숍

2020 센터 사업설명회페이지를 직접 만들어보는 워크숍

프로그램

센터 활용 사례

기능 안내

직접 만들기

진행자

박수연 서울시NPO지원센터 지원사업 매니저 (조직지원, 홍보 등을 담당하며 여러 컨텐츠를 만들었습니다)

일시

12월 14일(화) 2시~3시 @줌

문의

서울시NPO지원센터 변화지원실

전화 070-7727-7644/7649

이메일 [email protected]

So you have finished reading the 사이트 도구 topic article, if you find this article useful, please share it. Thank you very much. See more: 구글 사이트 도구 활용, 구글 사이트 만들기, Google Sites, 웹사이트, 구글 사이트 도구 템플릿, 구글 사이트 포트폴리오, 크롬 도구, 구글 공식 홈페이지