당신은 주제를 찾고 있습니까 “구글 웹페이지 만들기 – [CSS 기초와 활용] 구글 클론 사이트 만들기! 개발자도구와 Bootstrap, codepen 활용“? 다음 카테고리의 웹사이트 https://hu.taphoamini.com 에서 귀하의 모든 질문에 답변해 드립니다: https://hu.taphoamini.com/photos/. 바로 아래에서 답을 찾을 수 있습니다. 작성자 조코딩 JoCoding 이(가) 작성한 기사에는 조회수 166,721회 및 좋아요 4,292개 개의 좋아요가 있습니다.
- 컴퓨터에서 새로운 Google Sites를 엽니다.
- 상단의 ‘새 사이트 시작’ 아래에서 템플릿을 선택합니다.
- 왼쪽 상단에서 사이트 이름을 입력하고 Enter 키를 누릅니다.
- 사이트에 콘텐츠를 추가합니다.
- 오른쪽 상단에서 게시를 클릭합니다.
Table of Contents
구글 웹페이지 만들기 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 [CSS 기초와 활용] 구글 클론 사이트 만들기! 개발자도구와 Bootstrap, codepen 활용 – 구글 웹페이지 만들기 주제에 대한 세부정보를 참조하세요
CSS의 개념과 기초 문법에 대해 학습하고 이를 이용해 Google 유사 클론 웹사이트(Joogle)를 만드는 학습 영상입니다. 영상에 나온 것 처럼 CSS를 모두 외워서 사용하는 것이 아니라 google에 검색하여 관련 내용을 찾아서 적용하시면 훨씬 시간을 아낄 수 있습니다. 또, Bootstrap, Materialize, Semantic UI 등 CSS를 미리 만들어 놓은 라이브러리를 이용하시면 조금 더 쉽게 원하는 사이트를 구축하실 수 있습니다. (MIT라이센스 – 상업적 이용 무료)
Bootstrap: https://getbootstrap.com
Materialize: https://materializecss.com
Semantic-Ui: https://semantic-ui.com
Codepen은 독특하고 화려한 UI요소들이 많지만 개인 개발자분들이 올려주신 것이라 별도의 라이센스 확인이 필요합니다. 보통 MIT라이센스(상업적 이용 무료)를 따르며 어떻게 쓰든 상관없이 주석으로 라이센스만 붙여넣으시면 전혀 문제가 없습니다. 그러나 특정 작품은 Private 라이센스를 등록한 경우도 있으니 유의하여 꼭 확인해보세요!
Detail View – License 에서 확인 가능
(참고로 여기서 HTML, CSS, JS 파일을 편리하게 작성할 수 있어 간단한 것은 여기서 코딩하시는 분들도 많습니다!)
라이센스 설명: https://blog.codepen.io/legal/licensing
라이센스 확인 방법: https://blog.codepen.io/documentation/views/details-vew
이번 영상이 조금 어렵게 느껴지시는 분들은 css기초 학습 사이트에서 이론 공부를 조금 하시고 다시 시청하시면 이해가 더 잘 되실겁니다! 질문사항은 언제든 댓글 남겨주세요~!
추천 기본 개념 학습 사이트
– Codecademy(미션) : https://www.codecademy.com/learn/learn-css
– 생활코딩(영상) : https://opentutorials.org/course/3086
– 웨버스터디(문서) : webberstudy.com
완성 코드 보기
https://github.com/youtube-jocoding/google-clone-joogle
구글 웹페이지 만들기 주제에 대한 자세한 내용은 여기를 참조하세요.
1. 사이트 만들기 – Google Workspace 학습 센터
사이트 도구 홈페이지 상단에서 만들기 더하기 를 클릭하거나, 템플릿을 선택하려면 템플릿 갤러리를 클릭한 다음 템플릿을 선택합니다. · Google 드라이브에서 더하기 새로 …
Source: support.google.com
Date Published: 5/5/2022
View: 200
구글 사이트 도구 (Google Sites)로 나만의 홈페이지 만들기
1. 클릭 한번으로. 페이지 생성이 쉽게 된다. · 2. HTML 등의 개발 언어를 몰라도. 이용이 가능하다. · 3. 맞춤 설정이 가능한 레이아웃을 제공한다. · 4 …
Source: m.blog.naver.com
Date Published: 10/27/2022
View: 4754
구글 사이트 도구로 홈페이지 만들기 | 구글 활용 전문가 3 – 코딩각
구글 사이트로 홈페이지 만들기 구글 사이트는 홈페이지를 만들 수 있는 도구입니다. 웹사이트를 운영하기 위해서 굳이 블로그 서비스에 가입하지 …
Source: digiconfactory.tistory.com
Date Published: 10/25/2021
View: 3143
Google 사이트로 이동
개인 Google 계정 또는 Google Workspace 계정(업무용)을 사용해 Google Sites에 액세스하세요.
Source: sites.google.com
Date Published: 9/28/2021
View: 8260
구글 사이트 사용법 (1) 웹사이트 만들기 – 스마트요원의 실용구글
사이트 초기 설정 화면으로 넘어갑니다. 사용할 템플릿으로 “기본 템플릿”을 선택합니다. … 사이트 이름을 입력. 사이트 이름이 중복되지 않을 경우 …
Source: smartagent.blog
Date Published: 2/10/2022
View: 1867
구글사이트 만들기로 간단한 소개 사이트 만드는 방법
구글사이트 간단페이지 만들기 … 먼저 크롬 웹브라우저를 실행합니다. 구글 계정으로 로그인합니다. … 크롬 브라우저 상단에 로그인 프로필 왼쪽을 보면 …
Source: platformstudio.tistory.com
Date Published: 4/10/2022
View: 3478
코딩은 1도 모르겠고 내 사이트 갖고 싶다면 구글 사이트 도구
구글 검색 최적화 에 관심이 없으며,다채로운 기능들이 포함된 웹사이트가 아닌 … (구) 구글 사이트 도구는 현재 새로 만들기가 되지 않습니다.
Source: sundrylog.com
Date Published: 9/14/2021
View: 7412
주제와 관련된 이미지 구글 웹페이지 만들기
주제와 관련된 더 많은 사진을 참조하십시오 [CSS 기초와 활용] 구글 클론 사이트 만들기! 개발자도구와 Bootstrap, codepen 활용. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
![[CSS 기초와 활용] 구글 클론 사이트 만들기! 개발자도구와 Bootstrap, codepen 활용](https://i.ytimg.com/vi/_YrXKxY8PTY/maxresdefault.jpg)
주제에 대한 기사 평가 구글 웹페이지 만들기
- Author: 조코딩 JoCoding
- Views: 조회수 166,721회
- Likes: 좋아요 4,292개
- Date Published: 2019. 7. 8.
- Video Url link: https://www.youtube.com/watch?v=_YrXKxY8PTY
사이트 만들기, 이름 지정, 복사하기
Google Sites를 사용하여 개인용 또는 비즈니스용 웹사이트를 만들 수 있습니다.
도움말: 다음은 새로운 Google Sites에 관한 섹션입니다. 기존 Google Sites 도움말 보기
Google 사이트 생성 및 이름 지정하기
컴퓨터에서 새로운 Google Sites를 엽니다. 상단의 ‘새 사이트 시작’ 아래에서 템플릿을 선택합니다. 왼쪽 상단에서 사이트 이름을 입력하고 Enter 키를 누릅니다. 사이트에 콘텐츠를 추가합니다. 오른쪽 상단에서 게시를 클릭합니다.
도움말: 템플릿으로 시작하여 사이트를 직접 만들거나 시간을 절약할 수 있습니다.
사이트 이름 변경하기 컴퓨터에서 새로운 Google Sites를 엽니다. 이름을 바꾸려는 사이트를 찾습니다. ‘더보기’ 이름 바꾸기를 클릭합니다. 새로운 이름을 입력하고 확인을 클릭합니다.
제목 추가 컴퓨터에서 새로운 Google Sites로 사이트를 엽니다. 왼쪽 상단에서 사이트 이름 입력을 클릭합니다. 사이트 이름을 입력합니다. Enter 또는 Return을 누릅니다.
사이트 전체의 사본 만들기
컴퓨터에서 새로운 Google Sites를 사용하여 복사하려는 사이트를 엽니다. 오른쪽 상단에서 더보기 사본 만들기를 클릭합니다. ‘파일 이름’에서 복사된 사이트의 이름을 입력합니다. ‘페이지’에서 ‘전체 사이트’를 선택합니다. 선택사항: 사이트의 위치를 변경하려면 변경을 클릭합니다. 확인을 클릭합니다.
참고: 사이트 파일의 크기가 크면 사본을 생성하지 못할 수 있습니다.
사이트에서 선택한 페이지 복사 컴퓨터에서 새로운 Google Sites를 사용하여 복사하려는 사이트를 엽니다. 오른쪽 상단에서 더보기 사본 만들기를 클릭합니다. ‘파일 이름’에서 복사된 사이트의 이름을 입력합니다. ‘페이지’에서 ‘선택한 페이지’를 선택합니다. 선택사항: 사본 위치를 변경하려면 변경을 클릭합니다. 다음을 클릭합니다. 복사할 페이지를 선택합니다. 확인을 클릭합니다.
URL 변경 또는 재사용하기
사이트의 URL을 변경하거나 소유 중인 기존 URL을 다시 사용합니다.
웹사이트 URL 변경하기 컴퓨터의 새 Google Sites에서 사이트를 엽니다. 오른쪽 상단의 ‘게시’ 옆에 있는 드롭다운 게시 설정을 클릭합니다. ‘웹 주소’에 원하는 URL을 입력합니다. 저장을 클릭합니다. 내가 소유한 기존 URL 재사용하기 현재 사용 중이거나 과거에 내가 소유한 사이트에 사용한 적이 있는 웹 주소를 사용하려면 기존 사이트의 URL을 변경한 후 다른 사이트에 할당하세요. 1단계: 기존 사이트의 주소 변경하기 컴퓨터에서 재사용하려는 URL에 연결된 사이트를 새로운 Google 사이트 도구로 엽니다. 오른쪽 상단의 ‘게시’ 옆에 있는 드롭다운 게시 설정을 클릭합니다. ‘웹 주소’에 다른 URL을 입력합니다. 저장을 클릭합니다. 2단계: 주소를 다른 사이트에 재사용하기 URL을 사용할 사이트를 엽니다. 오른쪽 상단에서 게시를 클릭합니다. ‘웹 주소’에 URL을 입력합니다. 게시를 클릭합니다. URL이 이제 새 사이트에 할당됩니다. 참고: 소유 중인 URL을 재사용하려면 기존 사이트를 완전히 삭제한 후 URL을 다른 사이트에 할당하는 방법도 있습니다. 사이트를 완전히 삭제하는 방법 알아보기
기존 Google Sites
도움말: 다음은 기존 Google Sites에 관한 섹션입니다. 새 Google Sites 도움말 보기
웹 주소 변경하기
웹 주소를 변경할 수는 없지만 사이트의 사본을 만들고 새 웹 주소로 옮길 수 있습니다.
참고: 내가 소유한 사이트만 복사할 수 있습니다.
컴퓨터에서 기존 Google Sites로 사이트를 엽니다. 오른쪽 상단에서 ‘추가 작업’ ‘사이트 관리’를 클릭합니다. ‘사이트 복사’를 클릭합니다. ‘사이트 이름’ 옆에 이름을 입력합니다. 상단에서 ‘복사’를 클릭합니다. 선택사항: 이제 이전 사이트를 삭제할 수 있습니다.
관련 리소스
1. 사이트 만들기
직장 또는 학교에서 Google 앱을 최대한 활용하고 싶으신가요? Google Workspace 무료 체험판 가입하기
사이트를 만들고 이름을 지정하여 시작해 보겠습니다.
1.1 사이트 만들기
다음 옵션 중 하나를 선택합니다. 사이트 도구 홈페이지 상단에서 만들기 를 클릭하거나, 템플릿을 선택하려면 템플릿 갤러리 를 클릭한 다음 템플릿을 선택합니다.
를 클릭하거나, 템플릿을 선택하려면 를 클릭한 다음 템플릿을 선택합니다. Google 드라이브에서 새로 만들기 더보기 Google 사이트 도구를 클릭합니다.
참고: 모든 사이트 도구는 드라이브에 저장됩니다. 드라이브를 사용해 파일을 정리하는 방법에 대한 자세한 내용은 드라이브 시작하기를 참고하세요.
1.2 사이트 이름 지정하기
새 사이트를 만들면 다른 드라이브 파일처럼 드라이브에 추가됩니다. 모든 변경사항은 사이트 도구에 자동으로 저장되지만 사이트를 게시해야 공개됩니다.
사이트의 각 부분에 이름 지정:
사이트 문서 이름: 사이트를 관리할 고유한 이름을 입력합니다. 사이트 문서 이름은 자신에게만 표시됩니다. 사이트 이름: 사이트 이름은 사이트를 게시한 후 헤더에 표시되고 웹 또는 모바일 창 제목 표시줄에 표시됩니다. 사이트 이름을 표시하려면 웹사이트에 2개 이상의 페이지가 있어야 합니다. 페이지 제목: 사이트의 각 페이지에는 제목이 있으며 제목은 페이지 상단에 표시됩니다. 페이지 제목은 탐색 메뉴에도 표시됩니다.
1.3 레이아웃 선택하기
오른쪽에서 레이아웃을 클릭하고 섹션에 대한 다른 레이아웃을 선택합니다.
1.4 배경 이미지, 헤더 유형, 테마 선택하기
사이트 모양을 선택합니다. 각 테마에는 미리 설정된 배경, 색 구성표, 글꼴 모음이 제공됩니다. 나중에 글꼴, 색상, 배경을 조정할 수 있으며 사이트를 만든 후 언제라도 테마를 변경할 수 있습니다. 변경이 필요한 경우 실행취소 또는 다시 실행 을 클릭합니다.
배경 이미지를 변경하려면 다음을 따르세요. 사이트 도구로 이동하여 사이트를 엽니다. 배경 이미지를 가리키고 이미지 변경 을 클릭합니다. 다음 옵션 중 하나를 선택합니다. 컴퓨터에서 이미지를 업로드하려면 업로드 를 클릭합니다.
를 클릭합니다. 갤러리 또는 다른 위치에서 이미지를 선택하려면 이미지 선택을 클릭합니다. (선택사항) 원래 배경 이미지로 돌아가려면 재설정 을 클릭합니다. 헤더 유형을 변경하려면 다음을 따르세요. 배경 이미지를 가리키고 헤더 유형 을 클릭합니다. 다음 옵션 중 하나를 선택합니다. 표지
대형 배너
배너
제목만 테마 및 글꼴 스타일을 변경하려면 다음을 따르세요. 오른쪽 상단에서 테마를 클릭합니다. 테마 옵션을 선택하고 색상을 선택합니다. 글꼴 스타일을 클릭하고 스타일을 선택합니다.
1.5 페이지 추가, 재정렬, 중첩하기
추가 콘텐츠를 위한 페이지를 추가합니다. 페이지를 중첩하여 관련 정보를 함께 관리할 수 있습니다. 중첩된 페이지는 다른 페이지의 하위 주제로 표시됩니다.
페이지 추가하기: 오른쪽 상단에서 페이지 를 클릭하고 만들기 를 가리킵니다. 다음 옵션 중 하나를 선택합니다. 새 페이지를 추가하려면 페이지 추가 를 클릭합니다. 페이지의 이름을 지정하고 완료 를 클릭합니다.
를 클릭합니다. 페이지의 이름을 지정하고 를 클릭합니다. URL을 추가하려면 링크 추가 를 클릭합니다. 페이지 재정렬 또는 중첩하기: 페이지를 클릭합니다. 목록에서 페이지를 위 또는 아래로 드래그하거나 재정렬합니다. 페이지를 다른 페이지 상단으로 드래그하여 중첩합니다. (선택사항) 페이지를 중첩 해제하려면 페이지를 목록 하단으로 드래그합니다. 참고: 페이지는 5단계까지만 중첩할 수 있습니다. 페이지 옵션 선택하기: 페이지 아래에서 페이지를 선택하고 옆에 있는 더보기 를 클릭한 후 다음 옵션 중 하나를 선택합니다. 페이지를 홈페이지로 설정합니다.
페이지 사본을 생성합니다.
페이지 이름을 변경합니다.
하위 페이지를 만듭니다.
페이지 또는 하위 페이지를 숨깁니다. 홈페이지로 설정된 페이지는 숨길 수 없습니다.
사이트에서 페이지를 삭제합니다. 홈페이지로 설정된 페이지는 삭제할 수 없습니다.
1.6 사이트 탐색 설정하기
두 개 이상의 페이지가 있는 경우 사이트 방문자가 탐색 메뉴를 사용하여 다른 페이지로 이동할 수 있습니다. 탐색 메뉴는 기본적으로 사이트 상단에 있습니다. 오른쪽 상단에서 홈페이지를 클릭하여 메뉴를 표시합니다.
원하는 경우 탐색 메뉴를 왼쪽으로 이동할 수 있지만 표시 위치를 변경하려면 사이트에 하나 이상의 페이지가 있어야 합니다.
탐색 모드를 선택하려면 다음 안내를 따르세요.
사이트 이름을 가리키고 탐색 설정 상단 탐색 또는 측면 탐색을 클릭합니다. (선택사항, 측면 탐색만 해당) 메뉴를 왼쪽에 표시하려면 메뉴 를 클릭합니다. (선택사항) 탐색 메뉴에서 페이지를 이동하려면 1.5 페이지 추가, 재정렬, 중첩하기를 참고하세요.
구글 사이트 도구 (Google Sites)로 나만의 홈페이지 만들기
구글에서 제공하는
‘구글 사이트 도구’ 장점이 많아
잇님들에게 알려 드리고 싶어
포스팅해봅니다.
‘구글사이트 도구’ 활용도는 다양해요.
개인에게는 홈페이지
학교에서는 온라인 교무실
기업에서는 인트라넷 구축
구글 사이트 도구 장점
1. 클릭 한번으로
페이지 생성이 쉽게 된다.
2. HTML 등의 개발 언어를 몰라도
이용이 가능하다.
3. 맞춤 설정이 가능한 레이아웃을 제공한다.
4. 정보 이용권한 및 공유설정을 통해서
보안과 공유라는 두마리 토끼를
모두 잡을 수 있는 도구이다.
5. 구글 사이트 도구를 사용하여
홈페이지를 제작하는 것 무료이다.
6. 구글 애드센스와 연동을 통해서
쉽게 광고를 올려
돈을 벌 수 있다.
구글 사이트 도구로 홈페이지 만들기
반응형
구글 사이트로 홈페이지 만들기
구글 사이트는 홈페이지를 만들 수 있는 도구입니다.
웹사이트를 운영하기 위해서
굳이 블로그 서비스에 가입하지 않아도
원하는 홈페이지를 뚝딱 만들어서 웹에 게시할 수 있습니다.
디자인 기능이 의외로 상당히 쓸만한 것으로 알려져 있어서
SNS나 광고 등에서 이벤트성 랜딩페이지로 유입시킬 때나
개인 프로젝트에 사용하기에 적합합니다.
구글 사이트는 아래의 링크에 GMAIL 계정으로 접속하면 됩니다.
Google 사이트
구글 드라이브에서 메뉴 새로만들기-더보기-Google사이트 도구로도 접속할 수 있습니다.
Google 사이트 도구
구글 드라이브는 아래 튜토리얼에서 사용법을 확인할 수 있습니다.
구글 드라이브 활용하기 | 구글 활용 전문가 2
Google 사이트 도구 기본화면
Google 사이트 도구의 기본 화면은 아래와 같습니다.
기본적으로 웹사이트 에디터입니다.
사용법이 직관적이라 딱히 어렵지 않습니다.
구글 사이트 도구 기본
오른쪽 기본 메뉴인 텍스트 상자와 레이아웃 들을 활용하여
10분만에 사이트를 하나 만들었습니다.
아래 링크에서 확인할 수 있습니다.
sites.google.com/view/codinggak-appletaste/
사과맛 사이트 만들기
웹에 게시할 때는 permalink 웹주소를 생성할 수 있습니다.
사이트를 볼 수 있는 권한을 관리할 수 있고
검색엔진 노출을 제한할 수 있습니다.
개인 용도로 사용하기 위해서는 체크하면 됩니다.
웹게시-구글사이트도구
처음 사용해봤지만
어렵지 않게 적응할 수 있었던 것은
워드프레스나 노션처럼 블록을 사용한 편집방식이기 때문입니다.
또한 기본적으로 구글 사이트의 레이아웃은 반응형입니다.
장치에 따라 알아서 늘어나고 줄어드니
보이는 부분에 걱정하지 않아도 됩니다.
구글 드라이브에 있는 이미지들을
그대로 가져다 사용할 수 있어서
스마트폰 동기화를 걸어 사진을 찍어서
바로 웹사이트에 사용할 수도 있습니다.
이걸 사용해본 사람들이 의외로 디자인적인 요소에 만족을 느낀다고 합니다.
이렇게 웹페이지를 디자인하려면 블로그에서는 안되고
워드프레스 테마와 페이지 빌더 같은 것을 사용해야 하는데
꽤나 과정이 번거롭기 때문이죠.
게다가 게시까지 원스탑으로 할 수 있고
공유도 개인공유나 전체 공유(웹페이지에 게시) 둘중 선택할 수 있습니다.
학교 선생님들이 아이들에게 학습자료로 나눠주기도 좋습니다.
웹페이지이기 때문에 밴드에 공유하기도 쉽기 때문입니다.
검색엔진에 노출제한을 걸 수도 있습니다.
링크를 까먹어도 구글 드라이브에 파일로 등록이 되서 확인이 가능합니다.
요약
구글 사이트는 상당히 장점이 많습니다.
웹사이트가 없어도 구글사이트를 대신
제휴 마케팅의 랜딩페이지로 사용할 수도 있는 등 용도는 쓰기 나름입니다.
한가지 단점은 구글 사이트 도구로 만든 웹페이지가 구글에 검색은 됩니다만,
구글 SEO 최적화는 못하게 막아놔서
이것으로 블로그를 운영해도 랭크를 올리는데 한계가 있습니다.
아마 구글이 처음에 그런 점 까지 감안해서
블로그와 경쟁은 못하게 막아놓은 것 같습니다.
어쨋든 구글 사이트가 요새 다시 조명을 받고 있는 것은
이런 웹사이트나 블로그가 약간 라이트한 유저들에게는
과한 부분이 있기 때문일 것 입니다.
요새 블로그는 레벨이 좀 많이 높아졌죠.
잘나가는 블로거를 보면 괜히 주늑이 듭니다.
그런 것에 신경쓰지 않고 자유롭게 웹페이지를 게시할 수 있다는 점이
구글 사이트 도구의 매력입니다.
gmail 만 있으면 무료이고
10분 정도면 메인페이지 정도는 만들 수 있으니까
관심있는 분은 한번 사용해 보는 것을 추천합니다.
컴퓨터 전문가란? 컴퓨터 좀 하는 사람 | 구글 활용 전문가 1
구글 파워포인트 사용법 | 온라인 보고서 만들기 | 무료 ppt
구글 엑셀 문서 만들기 | Google 스프레드시트 온라인 무료
인터넷 무료 PPT 만들기 | 조직도 그리기
유튜브 채널아트 제작하기 | 유튜브 썸네일 로고 | 미리캔버스에서 제작
728×90
구글 사이트 사용법 (1) 웹사이트 만들기
※ 구글 기본 사이트는 곧 사용할 수 없게 됩니다. 자세한 내용은 아래 페이지를 확인해주세요.
[중요 안내] 구글 기본 사이트 사용 중지, 새 사이트로 전환하세요구글 사이트로 웹사이트를 만들어보겠습니다.
사이트 만들기
사이트 도구 페이지 https://sites.google.com/site/sites/ 에 가서
[만들기] > [기존 사이트 도구 사용] 버튼 클릭사이트 초기 설정 화면으로 넘어갑니다.
사용할 템플릿으로 “기본 템플릿”을 선택합니다.
사이트 이름을 입력.
사이트 이름이 중복되지 않을 경우 사이트 url로 사용 가능합니다.
테마도 기본을 선택. “로봇이 아닙니다.” 체크한 후
가장 위에 있는 빨간색의 [만들기] 버튼 클릭.
잠시 기다리면..
사이트가 만들어졌습니다!
https://sites.google.com/site/smartagentwiki/
저는 업무용으로 사용하기 때문에 심플하게 기본 템플릿에 기본 테마로 사용합니다.
맘에 드는 테마가 있으면 적용하시면 됩니다.
테마 변경
테마는 사이트 작성 후에도 변경 가능합니다.
설정 버튼에서 “사이트 관리” 메뉴를 클릭
“테마, 색상 및 글꼴” 메뉴로 들어가서
다른 테마를 선택
아래 미리보기를 확인 후 [저장] 버튼 클릭하면 됩니다.
다음 글 : 구글 사이트 사용법 (2) 페이지 만들기
구글사이트 만들기로 간단한 소개 사이트 만드는 방법
구글사이트 만들기를 활용하면 간단한 소개 사이트를 만들 수 있습니다. 구글사이트(Google Sites)는 구글이 제공하는 구조화된 위키 및 웹페이지 제작도구입니다. 사이트보다는 간단한 웹페이지 저작도구라고 보면 될 것 같습니다. 간단한 웹페이지이지만 누구든지 단순한 소개 웹사이트를 제공할 수 있다는 점에서 그 장점을 찾아볼 수 있습니다.
구글사이트는 구글 계정이 있으면 누구나 만들수 있습니다. 간단하게 만들 수 있기 때문에 이제 하나하나 만드는 법에 대해서 알아보겠습니다.
구글사이트 간단페이지 만들기
먼저 크롬 웹브라우저를 실행합니다. 구글 계정으로 로그인합니다.
크롬 브라우저 상단에 로그인 프로필 왼쪽을 보면 메뉴 아이콘이 보일 겁니다. 메뉴 아이콘을 클릭하고 “드라이브”를 찾아 클릭합니다.
드라이브에서 “마우스 오른쪽 클릭 > 새 폴더”를 클릭합니다.
새 폴더 이름을 선택하고 “만들기”를 클릭합니다.
아까 만든 폴더를 더블클릭합니다. 다시 “마우스 오른쪽 버튼을 클릭 > 더 보기 > Google사이트도구”를 클릭합니다.
네이버 블로그를 사용하신 분들이나 블로그를 해본적 있으시다면 손쉽게 사용가능하실 겁니다.
오른쪽에는 텍스트 상자, 레이아웃, 버튼, 이미지, 영상 등을 삽입할 수 있는 다양한 기능이 나열되어 있습니다.
다만들없다면 우측 상단에 “게시”버튼을 클릭합니다. 웹에 게시에서 웹주소를 입력해야 합니다. 제가 입력한 주소는 이미 사용중이기 때문에 유니크한 주소를 입력한 후 게시하면 구글사이트 만들기가 완료됩니다. 이제 해당 주소를 공유해서 간단한 소개 웹페이지를 소개할 수 있습니다.
오늘은 구글사이트로 간단한 소개 웹페이지를 만들어보았습니다. 소개나 약관 등의 직관적인 웹페이지를 만들어서 굳이 사이트가 없더라도 사용할 수 있기 때문에 유용하다고 생각합니다.
코딩은 1도 모르겠고 내 사이트 갖고 싶다면 구글 사이트 도구
구글 사이트 도구 어떨까?
구글 사이트 도구 안다면 아는 사람도 많을 것입니다. 자신만의 웹페이지 구축을 위해 목표에 따라 선호 되는 프로그램이 다르기 마련입니다. 저 또한 웹페이지 구축에 관심이 많아 이것저것 만들어보았는데요. 현재는 워드프레스를 운영 중이며 CMS를 이용하지 않는 HTML사이트도 조금씩 건드려 보고 있습니다.
구글 사이트 도구는 구글 계정만 있다면 누구나 쉽게 제작이 가능하며 비용 또한 무료입니다. 구글 계정의 전체 적인 용량15기가 바이트 안에서는 무제한으로 제작이 가능합니다.
구글 사이트 도구 는..
구글 사이트 도구 는 일단 (구) 구글 사이트 도구 와 (신) 구글 사이트 도구로 나뉩니다. 업데이트로 인해 인터페이스 부터 많은 것이 바뀌었습니다. 바뀜으로 인해 애드센스 광고는 더 이상 기재가 불가능합니다.
(구) 구글 사이트 도구는 현재 새로 만들기가 되지 않습니다.
새로운 구글 사이트 도구를 혹시나 흥미를 가지고 시작하신다면,
구글 검색 최적화에 관심이 없으며,
다채로운 기능들이 포함된 웹사이트가 아닌 단순한 웹사이트,
웹사이트 속도 또한 필요 없으며,
주변 사람에게 단순 보여주기 용 또는 프로젝트 용,
코딩 1도 관심 없고 앞으로도 공부 할 마음이 없는,
그런데도 자신만의 홈페이지를 갖고 싶은 그런 분
들에게는 적합하지 않을까 합니다. 그렇다고 구글 사이트 도구가 좋지 않다고 말하고 싶은 것은 아닙니다. 분명 여기에 해당되는 분들이 많을 거라 생각이 듭니다.
저 또한 여러가지 테스트로 인해 새로운 구글 사이트 도구로 만든 웹사이트를 몇 개 가지고 있습니다.
오랜만에 켜보니 새로운 구글 사이트 도구에 텍스트 편집 기능이 구현 되었습니다. 이 기능이 들어가기 전에는 글자 색상을 바꾸려면 따로 CSS 코드를 넣는다든지, 폰트는 전체적인 테마에 의해서만 움직였습니다.
여간 불편한게 아니었지만 나름대로 잘 쓰고는 있었습니다. 확실히 업데이트가 많이 더딥니다. 아무래도 구글은 구글 사이트 도구에 대해서 그렇게 큰 관심을 두고 있지는 않은 것 같습니다.
구글 사이트 도구 등록 해야될까?
구글 사이트 도구로 사이트를 만들고 검색이 되기 위해 굳이 구글 서치 콘솔에 등록을 하지 않아도 됩니다. 시간이 알아서 경과하면 구글이 자동적으로
사이트가 있음을 알고 자료를 가져가서 등록 해줍니다. 하지만 자신의 사이트에 몇 명이 오고 어떤 검색어로 노출이 되고 하는 여러가지 기능들이 필요하다면 구글 서치 콘솔에
등록을 하셔야 됩니다. 하지만 위의 나열한 여러가지 목적으로 봤을 때는 굳이 등록은 안 하시고 사이트 공개만 해주셔도 무난할 것 같습니다.
구글 사이트 도구등록 방법은 일반적인 HTML사이트 또는 CMS 사이트와는 조금 다릅니다. 자세한 등록 방법이 필요하신 분 있다면 말씀주세요.
구글 사이트 도구 로 만든 해외 사이트 5곳
국내에는 구글 사이트 도구 로 만든 사례들을 찾아보기가 어려웠습니다. 제가 검색 능력이 부족한 것 일수도 있으니 참고바랍니다.
해외 사이트의 사례들을 보면서 구글 사이트 도구로 이렇게도 구현이 가능하구나 정도로만 참고하셨으면 좋겠습니다. 직접 모방하셔서 연습하셔도 좋은 과제가 될 듯 합니다.
대체적으로 깔끔하게 잘 만들었다 생각되지만 메인 화면에 나오는 이미지 용량이 커서 그런지 사이트가 많이 느립니다. 동영상이 주가 되는 사이트네요.
무난하고 대중적인 회사 홈페이지 안내 같은 사이트로 대부분이 텍스트라 깔끔합니다.
컬러와 사진을 잘 매치 시킨 사이트라고 생각합니다.
풋터 밑 부분까지 아주 잘 활용한 사이트라고 생각합니다.
디자이너 같은데 구글 사이트 도구로 포트폴리오를 만드셨네요.
정리
이 밖에도 해외 에서는 구글 사이트 도구로도 충분히 자신만의 웹사이트나 회사 소개 또는 포트폴리오로도 사용을 많이 하고 있습니다. 구글 사이트 도구가 어떻게 보면 많이 제한적인 것도 있지만
여러모로 사용이 가능하며 특히 나 무료이기 때문에 처음 웹사이트를 접하거나 무료로 웹사이트를 만들어보고 싶은 사용자에게는 정말 유익한 프로그램 중 하나가 아닐까 생각이 듭니다.
웹사이트가 처음이시라면 부담 갖지 마시고 도전해보세요. 구글 사이트 도구로.
구글 이런 글은 어떠세요?
구글 시트 사용법 초보라면 꼭 알아야할 4가지
구글링 방법 & 구글 검색 정복하기!
키워드에 대한 정보 구글 웹페이지 만들기
다음은 Bing에서 구글 웹페이지 만들기 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 [CSS 기초와 활용] 구글 클론 사이트 만들기! 개발자도구와 Bootstrap, codepen 활용
- bootstrap
- css
- 프론트엔드
YouTube에서 구글 웹페이지 만들기 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 [CSS 기초와 활용] 구글 클론 사이트 만들기! 개발자도구와 Bootstrap, codepen 활용 | 구글 웹페이지 만들기, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.
