본문 바로가기
카테고리 없음

구글 사이트 도구를 활용한 홈페이지 제작: 파일, 동영상, HTML, 표 추가하기

by warehome55 2024. 12. 24.

홈페이지 제작은 생각보다 쉬운 작업이에요. 특히 구글 사이트 도구를 사용하면 누구나 간편하게 자신만의 웹사이트를 만들 수 있답니다. 오늘은 구글 사이트 도구의 다양한 기능을 활용하여 파일 추가, 유튜브 동영상 삽입, HTML 및 표 추가 방법을 알아보도록 할게요. 이러한 기능들을 통해 나만의 홈페이지를 더욱 풍부하게 꾸며보세요.



구글재팬 바로가기 링크를 만드는 방법을 지금 알아보세요!


구글 사이트 도구 사용법

파일 추가하기

구글 드라이브를 활용하여 파일을 쉽게 추가할 수 있어요. 여기서는 파일 첨부 페이지를 만드는 방법을 단계별로 설명할게요.

  1. 구글 드라이브로 이동하기
    구글 드라이브에 로그인하여 파일을 추가할 준비를 해요.

  2. 새 폴더 만들기
    여러 개의 파일을 첨부할 예정이므로, 마우스 오른쪽 버튼을 클릭하여 새 폴더를 만들고, '구글 사이트 파일 첨부'라고 이름을 지어요.

  3. 파일 업로드하기
    jpg, zip, exe, txt 파일 같은 공유할 파일들을 해당 폴더에 업로드해요.

  4. 공유하기
    사용자들이 다운로드 받을 수 있도록 폴더를 공유해야 해요. 오른쪽 클릭 후 '공유'를 선택한 다음, '링크가 있는 모든 사용자'로 설정하고 뷰어 권한을 줍니다.

  5. Drive 클릭하기
    구글 사이트 도구로 돌아가서 오른쪽 삽입 탭에서 'Drive'를 클릭해요.

  6. 폴더 삽입하기
    방금 만든 '구글 사이트 파일 첨부' 폴더를 클릭하고 삽입을 눌러요.

  7. 설정 수정하기
    디자인을 깔끔하게 하기 위해 바둑판 보기를 설정해요.

  8. 결과 보기
    완성된 파일 첨부를 확인해보세요. 실제 파일 다운로드가 잘 이루어지는지 체크하는 것도 잊지 마세요!

HTML 코드 추가하기

정적 HTML 페이지를 만들어 HTML 코드를 추가할 수 있어요. CSS와 자바스크립트 코드도 함께 활용할 수 있어서, 다양한 컨텐츠를 추가할 수 있답니다.

  1. 삽입 > 소스 코드 선택하기
    오른쪽 삽입 탭에서 '삽입'을 클릭하고 '소스 코드' 탭을 선택해요.

  2. 코드 추가하기
    추가하고 싶은 HTML 코드를 붙여넣고 '다음'을 클릭한 후 삽입을 눌러요.

  3. 확인하기
    버튼을 추가한 후 CSS와 JavaScript도 잘 작동하는지 확인하세요.

참고: iframe으로 추가된 코드이기 때문에 CSS와 HTML 코드는 문제없이 작동하지만, JavaScript는 다소 복잡할 수 있으니 주의가 필요해요.

동영상 추가하기

유튜브 동영상 또는 구글 드라이브에 저장된 동영상을 추가할 수 있어요. 방법은 다음과 같답니다.

유튜브 동영상 추가하기

  1. 유튜브 클릭 > 검색하기
    삽입탭에서 '유튜브'를 클릭하고 원하는 영상을 검색해요.

  2. 선택 후 삽입하기
    리스트에서 원하는 동영상을 선택하고 삽입 하면 유튜브 영상이 추가돼요.

동영상 업로드 후 추가하기

  1. 구글 드라이브 링크 복사하기
    구글 드라이브에서 동영상의 공유 링크를 복사해요.

  2. 삽입 > URL 사용하기
    왼쪽 삽입 탭에서 '삽입'을 클릭한 후 URL 사용 탭에 복사한 링크를 붙여넣고 삽입해요.

  3. 결과 확인하기
    유튜브 동영상과 구글 드라이브 동영상이 잘 추가되었는지 확인해보세요.

표 추가하기

구글 스프레드시트 기능을 활용하여 표를 추가하는 방법이에요. 스프레드시트에 먼저 표를 만들어야 해요.

  1. 구글 스프레드시트로 이동하기
    새로운 스프레드시트를 만들어 표를 작성해요.

  2. 삽입 > Sheets 선택하기
    구글 사이트 도구로 돌아가서 삽입 탭에서 'Sheets'를 클릭해요.

  3. 선택 후 삽입하기
    방금 만든 표를 선택하고 '삽입'을 눌러서 사이트에 추가해요.

  4. 결과 확인하기
    추가된 표를 게시 후 확인합니다. 너무 길면 스크롤이 생길 수 있기 때문에 적절한 크기로 설정하는 것이 중요해요.

미리보기 및 공지사항 작성하기

수정된 내용을 확인하고 게시하기 전에 미리 보는 것이 좋아요. 상단에 있는 '미리보기' 버튼을 클릭하여 결과를 확인하세요.

구글 사이트 도구의 필수 기능인 공지사항 배너를 작성해보세요. 긴급한 변경사항이 있을 경우 유용하게 사용할 수 있답니다.

결론

구글 사이트 도구를 활용하면 자신의 웹사이트를 손쉽게 꾸밀 수 있어요. 파일, 동영상, HTML 코드, 표 등을 추가함으로써 방문객들에게 풍부하고 알찬 정보를 제공할 수 있습니다. 최신의 웹사이트 제작 툴인 구글 사이트 도구를 활용해 보세요. 여러분의 아이디어를 실현시킬 수 있는 기회랍니다. 필요하신 사항에 대해 궁금한 점이 있다면 언제든지 댓글로 문의해 주세요!

자주 묻는 질문 Q&A

Q1: 구글 사이트 도구로 어떤 기능을 활용할 수 있나요?

A1: 구글 사이트 도구에서는 파일 추가, 유튜브 동영상 삽입, HTML 코드 및 표 추가 등의 기능을 활용할 수 있습니다.

Q2: 동영상을 구글 사이트 도구에 추가하는 방법은 무엇인가요?

A2: 유튜브 동영상을 추가하려면 삽입 탭에서 '유튜브'를 클릭하고 영상을 검색한 후 삽입하면 됩니다. 구글 드라이브 동영상은 공유 링크를 복사해 나열된 방법으로 삽입할 수 있습니다.

Q3: 파일을 구글 사이트 도구에 추가하려면 어떻게 해야 하나요?

A3: 구글 드라이브에서 파일을 업로드하고 공유 설정을 한 후, 구글 사이트 도구에서 드라이브를 선택해 해당 폴더를 삽입하면 됩니다.