구글독스 문서 홈페이지 기재하기

구글독스 문서 홈페이지 기재하기

---

STEP 1

구글독스(Google Docs)에 접속하여 웹에 기재하기 원하는 문서를 연후, 

아래와 같이 메뉴로 이동합니다. 

File ⇒ Publish to the web

STEP 2

아래와 같이 대화창이 나타나면, 맨 아랫부분의 선택사항을 체크합합니다.

선택사항의 의미는 만약 구글독스 문서가 변경되면, 웹에 기재된 문서의 내용 또한 자동적으로 변경되도록 한다는 의미입니다. 

↓

STEP 3

먼저, 대화창 중간에 link 와 Embed 중 Embed 를 선택합니다.

Link는 문서의 웹주소 생성을 의미하며,

Embed는 웹 페이지에 삽입할 html 소스코드 생성을 의미합니다.

중간의 3번째 빨간색 박스로 선택된 것이 우리가 사용할 html소스코드입니다.

블록 지정후 Ctrl+C로 복사합니다.

STEP 4

아래와 같이, 웹에 기재하길 원하는 홈페이지의 글쓰기 메뉴(티스토리, 블로그 등)로 이동합니다. 여기선 티스토리 글쓰기를 기준으로 설명합니다.

STEP 5

구글독스에서 복사한 html 소스코드를 아래와 같이 '붙여넣기' 합니다.

STEP 6 - 구글독스 문서의 가로와 세로 폭 설정하기

웹에 기재되는 구글독스 문서의 가로와 세로 폭을 설정하기위해선 아래와 같은 코드를 삽입해야 합니다.

height 은 세로(높이)를 의미하며, width는 가로(넓이)를 의미합니다.

적당한 숫자를 입력합니다. 

저의 경우 800과 100%을 각각 입력하였습니다. 

<width="100%">

모바일, 테블릿PC 등 화면크기에 따라 자동적으로 가로폭이 맞추어지길 원한다면, 다음과 같이 가로폭(width)을 "100%"로 설정하면 됩니다.

구글독스에서 생성한 html 소스코드의 뒷 부분에 아래와 같이 삽입합니다.

가로와 세로의 폭을 설졍하는 소스코드를 삽입하면 아래와 같습니다. 

STEP 7 - 완성

미리보기를 하면 아래와 같습니다. 끝~!

오늘의 그림영단어

[함께읽는 글]

• [영어 한마디] Let it go! = 다 잊어! 

• [그림 영어단어] subscription = (문서 아래에 서명하는 승락행위) 가입, 서명, 승락 

• [전치사에 대한 모든 것] 전치사별 구동사 완전정복(2) - 전치사 UP 편

• [영숙어 어원/유래] - Swing the lead 꾀병 부리다

• [영어 이메일 쓰기] - 영어편지 맺음말, 어떤 것이 좋을까?