Top 32 홈페이지 만드는 법 Trust The Answer

by

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 홈페이지 만드는 법 on Google, you do not find the information you need! Here are the best content compiled and compiled by the https://toplist.maxfit.vn team, along with other related topics such as: 홈페이지 만드는 법 개인 웹사이트 만들기, 무료 홈페이지 만들기, 회사 홈페이지 만들기, 홈페이지 만들기 강좌, 구글 홈페이지 만들기, Wix 홈페이지, 홈페이지 제작 툴, 개인 포트폴리오 사이트 만들기

Google 사이트 생성 및 이름 지정하기
  1. 컴퓨터에서 새로운 Google Sites를 엽니다.
  2. 상단의 ‘새 사이트 시작’ 아래에서 템플릿을 선택합니다.
  3. 왼쪽 상단에서 사이트 이름을 입력하고 Enter 키를 누릅니다.
  4. 사이트에 콘텐츠를 추가합니다.
  5. 오른쪽 상단에서 게시를 클릭합니다.

무료로 제일 쉽게 홈페이지 만들기. 웹사이트 제작. 네이버 모두(modoo) 사용법 (2021)
무료로 제일 쉽게 홈페이지 만들기. 웹사이트 제작. 네이버 모두(modoo) 사용법 (2021)

사이트 만들기, 이름 지정 또는 복사하기 – 사이트 도구 고객센터

  • Article author: support.google.com
  • Reviews from users: 40305 ⭐ Ratings
  • Top rated: 3.0 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 사이트 만들기, 이름 지정 또는 복사하기 – 사이트 도구 고객센터 Updating …
  • Most searched keywords: Whether you are looking for 사이트 만들기, 이름 지정 또는 복사하기 – 사이트 도구 고객센터 Updating Google Sites를 사용하여 개인용 또는 비즈니스용 웹사이트를 만들 수 있습니다.
    도움말: 다음은 새로운 Google Sites에 관한 섹션입니다.
  • Table of Contents:

Google 사이트 생성 및 이름 지정하기

사이트 이름 변경하기

제목 추가

사이트 전체의 사본 만들기

사이트에서 선택한 페이지 복사

사이트 삭제하기

사이트에서 선택한 페이지 삭제하기

URL 변경 또는 재사용하기

웹사이트 URL 변경하기

내가 소유한 기존 URL 재사용하기

기존 Google Sites

관련 리소스

Manage Site (Web Address)

사이트 만들기, 이름 지정 또는 복사하기 - 사이트 도구 고객센터
사이트 만들기, 이름 지정 또는 복사하기 – 사이트 도구 고객센터

Read More

나 혼자서도 할 수 있는 홈페이지 제작 방법 | 가비아 라이브러리

  • Article author: library.gabia.com
  • Reviews from users: 20756 ⭐ Ratings
  • Top rated: 4.3 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 나 혼자서도 할 수 있는 홈페이지 제작 방법 | 가비아 라이브러리 이 글에서는 전문가가 아니더라도, 혹은 전문가일지라도 빠르고 간편하게 홈페이지를 만드는 방법에 대해 알아보겠습니다. 1. CMS(Contents Management System)를 통해 … …
  • Most searched keywords: Whether you are looking for 나 혼자서도 할 수 있는 홈페이지 제작 방법 | 가비아 라이브러리 이 글에서는 전문가가 아니더라도, 혹은 전문가일지라도 빠르고 간편하게 홈페이지를 만드는 방법에 대해 알아보겠습니다. 1. CMS(Contents Management System)를 통해 … ‘어떤 목적의 홈페이지를 만들겠다’는 구상이 완료되면, ‘어떻게 홈페이지를 만들 것인가’하는 방법론에 대해 고민하게 됩니다. 홈페이지를 직접 제작하고자 하는 경우, 하나부터 열까지 코딩만으로도 작업을 진행할 수 있습니다. 하지만 숙련된 전문가일지라도 코딩만으로 홈페이지를 만드는…간단한 웹 페이지 만들기,사이트 만들기,웹 사이트 제작 방법,웹사이트 만들기,홈페이지,홈페이지 만드는 방법,홈페이지 제작 방법
  • Table of Contents:
나 혼자서도 할 수 있는 홈페이지 제작 방법 | 가비아 라이브러리
나 혼자서도 할 수 있는 홈페이지 제작 방법 | 가비아 라이브러리

Read More

10분만에 개인 웹사이트 만들기

  • Article author: brunch.co.kr
  • Reviews from users: 16848 ⭐ Ratings
  • Top rated: 5.0 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 10분만에 개인 웹사이트 만들기 인터넷에 홈페이지를 올리는 방법 | 컴알못/코알못에게 ‘인터넷에 나만의 공간 만들기’란 너무도 멀게만 느껴지는 얘기요, 너무나 어렵게만 느껴지는 … …
  • Most searched keywords: Whether you are looking for 10분만에 개인 웹사이트 만들기 인터넷에 홈페이지를 올리는 방법 | 컴알못/코알못에게 ‘인터넷에 나만의 공간 만들기’란 너무도 멀게만 느껴지는 얘기요, 너무나 어렵게만 느껴지는 … 인터넷에 홈페이지를 올리는 방법 | 컴알못/코알못에게 ‘인터넷에 나만의 공간 만들기’란 너무도 멀게만 느껴지는 얘기요, 너무나 어렵게만 느껴지는 일이다. 프로그래밍/코딩을 배우면 무엇을 하고 싶은지 물었을 때, 많은 사람들이 홈페이지를 만들고 싶다고 했다. SNS가 일상이 되었고 블로그도 클릭 한 번이면 뚝딱 만들어지는 시대에 다소 의외였다. – 아마도 진짜 홈페이지를 갖고 싶다는 열망이
  • Table of Contents:

0 우선 홈페이지를 만든다

1 깃허브에서 회원가입을 한다

2 새로운 리파지토리(repository)를 만든다

3 미리 만들어놓은 홈페이지를 업로드한다

4 설정(Settings) 메뉴에서 GitHub Pages 섹션을 수정한다

5 완성!

10분만에 개인 웹사이트 만들기
10분만에 개인 웹사이트 만들기

Read More

웹사이트를 만드는 방법: 3가지 쉬운 접근 / 단계별 자습서

  • Article author: www.webhostingsecretrevealed.net
  • Reviews from users: 426 ⭐ Ratings
  • Top rated: 3.7 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 웹사이트를 만드는 방법: 3가지 쉬운 접근 / 단계별 자습서 예 – Haus 홈페이지에는 명확한 탐색 메뉴와 갤러리 스타일의 디자인이 함께 제공됩니다 (제품 쇼케이스에 적합). 페이지 정보. 페이지 정보는 방문자와의 … …
  • Most searched keywords: Whether you are looking for 웹사이트를 만드는 방법: 3가지 쉬운 접근 / 단계별 자습서 예 – Haus 홈페이지에는 명확한 탐색 메뉴와 갤러리 스타일의 디자인이 함께 제공됩니다 (제품 쇼케이스에 적합). 페이지 정보. 페이지 정보는 방문자와의 … 웹사이트 가이드 만들기: 1-IDE로 만들기 / 2-CMS로 만들기(WordPress, Joomla 등) / 3-사이트 빌더로 만들기(Zyro, Weebly 등).
  • Table of Contents:

1 도메인 등록

2 웹 호스트 구입

3 웹사이트 제작 및 디자인

4 웹 사이트 확인 및 테스트

5 사이트 미세 조정 및 성장

웹사이트를 만드는 방법: 3가지 쉬운 접근 / 단계별 자습서
웹사이트를 만드는 방법: 3가지 쉬운 접근 / 단계별 자습서

Read More

무료 홈페이지 | 홈페이지 제작 | Wix.com

  • Article author: ko.wix.com
  • Reviews from users: 47003 ⭐ Ratings
  • Top rated: 3.4 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 무료 홈페이지 | 홈페이지 제작 | Wix.com 멋진 템플릿을 선택하고 Wix 홈페이지 빌더로 원하는대로 맞춤 설정하세요. … Wix는 나만의 무료 홈페이지를 만드는 여러 방법을 제공하므로 내게 가장 적합한 … …
  • Most searched keywords: Whether you are looking for 무료 홈페이지 | 홈페이지 제작 | Wix.com 멋진 템플릿을 선택하고 Wix 홈페이지 빌더로 원하는대로 맞춤 설정하세요. … Wix는 나만의 무료 홈페이지를 만드는 여러 방법을 제공하므로 내게 가장 적합한 … Wix.com으로 무료 홈페이지를 제작하세요.
    멋진 템플릿을 선택하고 Wix 홈페이지 빌더로 원하는대로 맞춤 설정하세요.
    코딩 기술이 필요하지 않습니다. 지금 바로 홈페이지를 만드세요!
  • Table of Contents:

무엇이든 제작
가능한 자유로움

나만의 고유한 온라인 존재감 구축하기

전문적으로 설계된 홈페이지 템플릿

Wix 에디터
완벽한 디자인의 자유

Wix ADI
보다 더 빠른 온라인 환경

Velo by Wix
제약 없는 개발 플랫폼

홈페이지를 위한 전문 기능

온라인 비즈니스의 성장 및 관리

무료 홈페이지를 만드는 방법

Wix 웹사이트 빌더는 나를 위한 최상의 선택

창의력 압도적으로 빛내기

자주 하는 질문

무료 홈페이지 | 홈페이지 제작 | Wix.com
무료 홈페이지 | 홈페이지 제작 | Wix.com

Read More

1시간안에 개인 홈페이지 만들기 (2022년) – 웹퍼스

  • Article author: webpus.com
  • Reviews from users: 10550 ⭐ Ratings
  • Top rated: 3.1 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 1시간안에 개인 홈페이지 만들기 (2022년) – 웹퍼스 지금 개인 홈페이지 만들기 방법을 찾고 있나요? 혼자서 홈페이지 제작을 하고 싶어도 제대로된 무료 홈페이지 강좌 가이드가 없어서 홈페이지 제작을 못하고 있었다면 … …
  • Most searched keywords: Whether you are looking for 1시간안에 개인 홈페이지 만들기 (2022년) – 웹퍼스 지금 개인 홈페이지 만들기 방법을 찾고 있나요? 혼자서 홈페이지 제작을 하고 싶어도 제대로된 무료 홈페이지 강좌 가이드가 없어서 홈페이지 제작을 못하고 있었다면 … 홈페이지 만들기 방법을 찾고 있나요? 이 포스팅에서 1시간안에 따라하며 쉽고 빠르게 웹사이트 만들기 위한 방법을 바로 확인해보세요!
  • Table of Contents:

1 개인 홈페이지 만들기 개념 이해하기

2 웹 호스팅 & 도메인 등록하기

3 워드프레스 홈페이지 만들기 위한 기본 셋팅하기

4 워드프레스 홈페이지 테마 설치 및 수정하기

5 워드프레스 홈페이지 플러그인 설치 및 셋팅하기

1시간안에 개인 홈페이지 만들기 (2022년) - 웹퍼스
1시간안에 개인 홈페이지 만들기 (2022년) – 웹퍼스

Read More

홈페이지제작 초보자 팁. 웹사이트만들기 방법 : 네이버 블로그

  • Article author: m.blog.naver.com
  • Reviews from users: 5658 ⭐ Ratings
  • Top rated: 4.4 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 홈페이지제작 초보자 팁. 웹사이트만들기 방법 : 네이버 블로그 웹사이트만들기 방법 … 홈페이지를 처음 만들때는 고민이 많습니다. … 홈페이지만들려면, 카페24, 고도몰, 가비아, 메이크샵 등등 엄청 많을 … …
  • Most searched keywords: Whether you are looking for 홈페이지제작 초보자 팁. 웹사이트만들기 방법 : 네이버 블로그 웹사이트만들기 방법 … 홈페이지를 처음 만들때는 고민이 많습니다. … 홈페이지만들려면, 카페24, 고도몰, 가비아, 메이크샵 등등 엄청 많을 …
  • Table of Contents:

카테고리 이동

용부장의 캠핑 스토리~

이 블로그 
BRAND
 카테고리 글

카테고리

이 블로그 
BRAND
 카테고리 글

홈페이지제작 초보자 팁. 웹사이트만들기 방법 : 네이버 블로그
홈페이지제작 초보자 팁. 웹사이트만들기 방법 : 네이버 블로그

Read More

나한테 딱 맞는 홈페이지 만드는 방법, 어떻게 찾을 수 있을까요? | 요즘IT

  • Article author: yozm.wishket.com
  • Reviews from users: 19482 ⭐ Ratings
  • Top rated: 3.2 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 나한테 딱 맞는 홈페이지 만드는 방법, 어떻게 찾을 수 있을까요? | 요즘IT 오늘 그린 클라이언트에서는 홈페이지 제작 방법과 장단점을 알아보겠습니다. 모두 웹사이트. 1. 무료로 홈페이지 만드는 방법, 네이버 모두. 무료로 … …
  • Most searched keywords: Whether you are looking for 나한테 딱 맞는 홈페이지 만드는 방법, 어떻게 찾을 수 있을까요? | 요즘IT 오늘 그린 클라이언트에서는 홈페이지 제작 방법과 장단점을 알아보겠습니다. 모두 웹사이트. 1. 무료로 홈페이지 만드는 방법, 네이버 모두. 무료로 … 홈페이지 제작을 고민하고 계신가요? 그렇다면 홈페이지 만드는 방법은 얼마나 다양한지, 장단점은 무엇이 있는지 알아봐야할텐데요. 이번 그린 클라이언트에서 홈페이지 만드는 방법을 총정리 했습니다. 나한테 딱 맞는 홈페이지 만드는 방법, 알아보세요:)
  • Table of Contents:
나한테 딱 맞는 홈페이지 만드는 방법, 어떻게 찾을 수 있을까요? | 요즘IT
나한테 딱 맞는 홈페이지 만드는 방법, 어떻게 찾을 수 있을까요? | 요즘IT

Read More

2022 웹사이트 만들기: 단계별 완벽 가이드

  • Article author: www.websiteplanet.com
  • Reviews from users: 29209 ⭐ Ratings
  • Top rated: 4.0 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 2022 웹사이트 만들기: 단계별 완벽 가이드 온라인 사이트를 가장 손쉽게 제작할 수 있는 방법은 웹 빌더이지만, 이 방식은 WordPress의 웹 호스팅 플랜을 이용하는 것보다 가격대가 다소 비싸다. …
  • Most searched keywords: Whether you are looking for 2022 웹사이트 만들기: 단계별 완벽 가이드 온라인 사이트를 가장 손쉽게 제작할 수 있는 방법은 웹 빌더이지만, 이 방식은 WordPress의 웹 호스팅 플랜을 이용하는 것보다 가격대가 다소 비싸다. 웹사이트를 제작하고 싶다면? 도메인 구매, 웹 제작자 선택, 로고 디자인 및 온라인 콘텐츠에 대한 기술적인 노하우는 필요하지 않다. 아래 가이드를 읽고 웹사이트 제작을 시작해보자.
  • Table of Contents:

방식 1 웹 빌더 이용

웹 빌더 비교표

웹 빌더 자주 묻는 질문

방식 2 WordPress 이용하기

WordPress 자주 묻는 질문

웹 사이트 다음 단계로 끌어올리는 방법

마무리

2022 웹사이트 만들기: 단계별 완벽 가이드
2022 웹사이트 만들기: 단계별 완벽 가이드

Read More

See more articles in the same category here: https://toplist.maxfit.vn/blog/.

사이트 만들기, 이름 지정 또는 복사하기

Google Sites를 사용하여 개인용 또는 비즈니스용 웹사이트를 만들 수 있습니다.

도움말: 다음은 새로운 Google Sites에 관한 섹션입니다. 기존 Google Sites 도움말 보기

Google 사이트 생성 및 이름 지정하기

컴퓨터에서 새로운 Google Sites를 엽니다. 상단의 ‘새 사이트 시작’ 아래에서 템플릿을 선택합니다. 왼쪽 상단에서 사이트 이름을 입력하고 Enter 키를 누릅니다. 사이트에 콘텐츠를 추가합니다. 오른쪽 상단에서 게시를 클릭합니다.

도움말: 템플릿으로 시작하여 사이트를 직접 만들거나 시간을 절약할 수 있습니다.

사이트 이름 변경하기 컴퓨터에서 새로운 Google Sites를 엽니다. 이름을 바꾸려는 사이트를 찾습니다. ‘더보기’ 이름 바꾸기를 클릭합니다. 새로운 이름을 입력하고 확인을 클릭합니다.

제목 추가 컴퓨터에서 새로운 Google Sites로 사이트를 엽니다. 왼쪽 상단에서 사이트 이름 입력을 클릭합니다. 사이트 이름을 입력합니다. Enter 또는 Return키를 누릅니다.

사이트 전체의 사본 만들기

컴퓨터에서 새로운 Google Sites를 사용하여 복사하려는 사이트를 엽니다. 오른쪽 상단에서 더보기 사본 만들기를 클릭합니다. ‘파일 이름’에서 복사된 사이트의 이름을 입력합니다. ‘페이지’에서 ‘전체 사이트’를 선택합니다. 선택사항: 사이트의 위치를 변경하려면 변경을 클릭합니다. 확인을 클릭합니다.

참고: 사이트 파일의 크기가 크면 사본을 생성하지 못할 수 있습니다.

사이트에서 선택한 페이지 복사 컴퓨터에서 새로운 Google Sites를 사용하여 복사하려는 사이트를 엽니다. 오른쪽 상단에서 더보기 사본 만들기를 클릭합니다. ‘파일 이름’에서 복사된 사이트의 이름을 입력합니다. ‘페이지’에서 ‘선택한 페이지’를 선택합니다. 선택사항: 사본 위치를 변경하려면 변경을 클릭합니다. 다음을 클릭합니다. 복사할 페이지를 선택합니다. 확인을 클릭합니다.

사이트 삭제하기

컴퓨터에서 새로운 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. CMS(Contents Management System)를 통해 제작하기

홈페이지를 제작하려고 할 때 워드프레스, 제로보드, 줌라 등에 대해서 한 번쯤은 들어봤을 것입니다. 이것을 보통 ‘CMS’라고 지칭하는데, Contents Management System(콘텐츠 관리 시스템)의 약어입니다. CMS는 홈페이지를 쉽게 제작하고, 운영할 수 있게 도와주는 시스템으로, ‘홈페이지 관리자 페이지’라고 생각하면 쉽습니다.

1-1. CMS 분류

형태 설치형 가입형 종류 워드프레스 제로보드 줌라 등 네이버 블로그 다음 블로그 윅스 등 특징 자유도가 높음 ž커스터마이징 가능(개발 지식 필요) ž홈페이지 운영을 위한 추가적인 서비스(도메인, 호스팅 등) 신청 필요 ž자유도가 낮음 ž홈페이지 제작이 쉬움(개발 지식 필요 없음) 추가적인 서비스 신청이 필요하지 않음(비용 부담이 적음)

CMS는 ‘설치형’과 ‘가입형’ 두 가지 형태로 분류할 수 있습니다. 설치형은 자신의 웹 계정에 CMS 소프트웨어를 설치하여 이용하는 방식입니다. 원하는 디자인과 기능을 자유롭게 추가할 수 있어, 홈페이지 제작자에게 높은 자유도가 주어집니다. 따라서 프로그래밍 지식이 있는 홈페이지 제작자의 경우 입맛에 맞게 커스터마이징하여 더욱 효과적으로 사용할 수 있습니다. CMS를 직접 설치하는 형태이기 때문에 보안이 취약하다는 문제가 있지만, 지속적인 버전 업그레이드가 이루어지고 있다는 점에서 안심할 수 있습니다.

홈페이지에 다양한 기능이 필요한 전자상거래 사이트 또는 네트워크 사이트 등을 제작하는 경우, 설치형 CMS를 사용하는 것이 유리합니다. 대표적인 설치형 CMS에는 워드프레스, 제로보드, 줌라 등이 있습니다.

가입형은 CMS를 제공하는 서비스에 가입하여 홈페이지를 만드는 방식입니다. 기본적인 레이아웃과 스킨이 주어지기 때문에 프로그래밍 지식이 없어도 홈페이지를 쉽게 제작할 수 있습니다. 홈페이지 제작 자유도는 떨어지지만, 서비스 제공 주체의 영향력으로 검색 결과 노출은 매우 잘 된다고 할 수 있습니다. 또한 서비스 안정성과 보안이 비교적 우수하고, 홈페이지 운영을 위한 호스팅, 도메인 등의 추가적인 서비스 이용 부담이 적습니다.

커뮤니티 홈페이지 또는 크게 기능이 필요하지 않은 홈페이지 등을 빠르게 제작할 때에는 가입형 CMS를 사용하는 것이 합리적입니다. 대표적인 가입형 CMS는 네이버 블로그, 다음 블로그, 윅스 등이 있습니다.

1-2. 워드프레스

가장 대표적인 CMS로 워드프레스를 꼽을 수 있습니다. 웹 기술 조사 사이트 W3Techs에 따르면, 전 세계 웹사이트 넷 중 하나가 이것을 기반으로 만들어졌다고 합니다. 워드프레스는 설치형과 가입형 두 가지 형태로 제공되고 있습니다. 이 글에서는 설치형 워드프레스에 대해 간단히 살펴보겠습니다.

워드프레스의 가장 큰 특징은 쉬운 사용법과 다양한 테마, 플러그인이 제공된다는 점입니다. ‘테마’는 홈페이지의 스킨, ‘플러그인’은 다양한 기능이 담긴 모듈이라고 볼 수 있습니다. 개발 언어를 모르는 사람일지라도 온라인에서 블로그 활용 경험이 있다면, 테마와 플러그인을 활용하여 손쉽게 홈페이지 제작이 가능합니다. 그리고 다양한 홈페이지 디자인과 기능을 클릭 몇 번으로 수정할 수도 있습니다. 무료로 제공되는 테마와 플러그인 중에서도 뛰어난 디자인과 성능을 갖춘 것들이 많이 존재하기 때문에 부담 없이 사용해볼 수 있습니다.

단, 워드프레스 사용 시 버전 업데이트로 인한 충돌 문제가 발생할 수 있습니다. 업데이트는 사용자가 직접 진행하는 방식인데, 버전을 업데이트 했을 때 기존에 사용하고 있던 테마 또는 플러그인과 충돌하여 홈페이지가 정상적으로 동작하지 않을 수 있습니다. 보안 문제를 고려했을 때, 업데이트는 필수불가결한 요소이기 때문에 사용하고 있는 테마와 플러그인에 부합하는 버전인지 확인한 후 업데이트를 진행하는 것이 바람직합니다.

또한 워드프레스는 영어를 기반으로 만들어져 있어, 한글 지원이 미약하다는 단점이 있습니다. 그럼에도 국내 사용자 증가 추세에 따라, 사용자 간의 정보 공유가 활발히 이루어지고 한글 튜토리얼을 찾아볼 수 있기 때문에 큰 어려움 없이 사용이 가능합니다.

1-3. WIX

대표적인 가입형 CMS로 국내 대형 포털 사이트에서 제공하는 블로그를 꼽을 수 있겠으나, 최근 쉬운 홈페이지 제작 방식으로 화제가 된 WIX에 대해 살펴보도록 하겠습니다.

WIX의 가장 큰 특징이자 장점은 홈페이지 방문자가 보는 화면을 직접 보면서 홈페이지 제작을 할 수 있다는 점입니다. 이러한 형태를 위지윅(WYSIWYG: What You See Is What You Get)이라고 합니다. 또한 WIX는 홈페이지 요소를 드래그 앤 드롭 방식으로 구성하고 수정하도록 서비스를 제공하고 있습니다. 이를 통해 빠르고 쉬운 홈페이지 제작이 가능합니다.

WIX의 한계점은 제공되는 템플릿에 이미지 또는 텍스트 수정만 가능하다는 점입니다. 하지만 수백여 개의 다양한 템플릿을 제공함으로써 커스터마이징에 대한 니즈를 상쇄하고 있습니다. 또한, WIX는 포털 사이트 블로그 서비스처럼 무료로 사용이 가능합니다. 단, 무료로 이용할 때에는 자체적인 도메인 연결이 불가능하고 WIX 자체 광고가 홈페이지에 들어가는 등 사용에 제한이 있습니다. 따라서 WIX 무료 플랜은 개인용 홈페이지로의 사용이 적합하다고 할 수 있습니다. 아래 링크에서 자세한 내용을 확인해보세요.

> 무료 홈페이지 빌더, WIX 활용법 ① 홈페이지 만들기

2. 홈페이지 구축 솔루션

홈페이지를 직접 제작하는 또 다른 방법으로 ‘홈페이지 구축 솔루션’을 사용하는 방법이 있습니다. 개인 서버를 구축하거나 가입형 CMS로 홈페이지를 제작하는 것이 아니라면 ‘호스팅 서비스’가 필요한데, 어느 정도 규모가 있는 호스팅 업체에서는 홈페이지 제작을 돕기 위해 ‘홈페이지 구축 솔루션’을 제공합니다. 가비아도 ‘홈페이지 빌더’라는 솔루션을 제공하고 있습니다. 특히, 국내 호스팅 업체에서 제공하는 홈페이지 구축 솔루션은 국내 사용자가 필요로 하는 핵심 기능을 100% 한글로 제공하고 있기 때문에 유용하게 사용할 수 있다는 장점이 있습니다. CMS를 통한 홈페이지 제작이 어렵다면, 홈페이지 구축 솔루션 활용을 고려해볼 수 있을 것입니다.

10분만에 개인 웹사이트 만들기

컴알못/코알못에게 ‘인터넷에 나만의 공간 만들기’란

너무도 멀게만 느껴지는 얘기요, 너무나 어렵게만 느껴지는 일이다.

프로그래밍/코딩을 배우면 무엇을 하고 싶은지 물었을 때, 많은 사람들이 홈페이지를 만들고 싶다고 했다.

SNS가 일상이 되었고 블로그도 클릭 한 번이면 뚝딱 만들어지는 시대에 다소 의외였다. – 아마도 진짜 홈페이지를 갖고 싶다는 열망이 있었다기보다는 프로그래밍으로 할 수 있는 일들이 무엇이 있는지 잘 모르기 때문이 아닐까 싶다.

그 가능한 일들의 예를 몇 개 들면, SNS에서 언급되는 빈도를 세어 투표 형태로 집계할 수 있고 센서를 연결해서 방문이 열렸는지 인터넷으로 모니터링(!) 할 수도 있다. 고객 문의를 자동으로 응대해준다거나 PC의 파일을 자동으로 정리하게 할 수도 있다.

그래서 오늘은 호랑이 담배 피우던 시절 얘기로 시작해볼까 한다.

때는 바야흐로 1999년. 아래 기사에 나온 ‘네띠앙’을 들어봤는가.

http://news.hankyung.com/article/1999070503341

※ 잘 모르는 말들이 많다면 위 기사에서 용어설명을 읽어볼 것을 추천한다.

인터넷이라는 정보의 바다 어딘가에 (무려) 5MB의 공간을, 그것도 공짜로 제공해주는 서비스였다.

이후로 용량도 더 많이 주고, 더 나은 서비스들이 연이어 나왔으나 국내 무료 웹호스팅으로는 거의 최초가 아니었나 싶다.

무료 메일은 한메일(hanmail.net), 홈페이지 하면 네띠앙(netian.com)이라는 말이 통했고, 필자 역시 네띠앙에 처음 홈페이지를 만들었더랬다. 한 1997~8년도쯤에.

이메일 서비스는 다음(daum)으로, 카카오(kakao)로 사명이 바뀌는 와중에도 서비스가 유지되어 요새도 한메일을 쓰는 사람이 아직 있지만 네띠앙은 어느샌가 역사 속으로 사라졌다.

그럼 이제 ‘모던’ 웹사이트를 만들기 위해 어떤 서비스를 이용하면 좋을까?

소스코드 관리/호스팅 기능이 지금 당장은 필요 없겠지만 앞으로의 활용도를 고려해 깃허브(GitHub)라는 사이트를 이용해볼 것이다.

0. 우선 홈페이지를 만든다.

1) 그냥 만든다.

2) 잘 만든다.

혹시나 홈페이지를 만드는 방법을 모르는 분들을 위해, 코드아카데미의 ‘나만의 홈페이지 만들기’ 강좌를 링크한다.

https://www.codecademy.com/learn/make-a-website

홈페이지 제작에 필요한 HTML을 모른다면, 다음의 ‘HTML 기초’ 강좌도 있다.

https://www.khanacademy.org/computing/computer-programming/html-css/intro-to-html/pt/html-basics

어떤 방법으로든 좋다.

첨부파일처럼 index.html 형태로 만들어서 PC에 저장한다.

이제부터 ’10분 만에’의 시작이다.

잘 따라가보자.

1. 깃허브에서 회원가입을 한다.

https://github.com

2. 새로운 리파지토리(repository)를 만든다.

☞ 로그인한 상태에서 https://github.com/new

– Repository name을 회원가입 때 만든 {username}.github.io 형태로 만든다.

– 필자의 깃허브 사용자명은 pnll이므로 pnll.github.io로 했다.

– 나머지는 일단 넘어가고 ‘Initialize this repository with a README’에 체크한 후 아래의 녹색버튼(Create repository)을 클릭한다.

3. 미리 만들어놓은 홈페이지를 업로드한다.

– [Upload files] 버튼 선택

– 다음 화면에서 드래그 혹은 파일 선택으로 index.html을 업로드한다.

– 녹색버튼(Commit changes) 클릭

4. 설정(Settings) 메뉴에서 GitHub Pages 섹션을 수정한다.

https://github.com/pnll/pnll.github.io/settings (ID부분은 여러분 상황에 맞게)

– [Change theme] 버튼 클릭

– 상단에서 마음에 드는 테마를 고른다. (옵션이 12개 정도 표시되나 사실 지금은 아무거나 상관없다.)

– 녹색버튼(Select theme) 클릭

– 그러면 README.md를 수정하는 Edit 화면이 나오는데, 원하는 대로 수정하거나 아무 작업도 하지 않아도 된다.

5. 완성!

https://pnll.github.io/로 접속해서 확인할 수 있다.

※ 다음 글을 작성하면서 코드가 변경됐다. 이전 버전 소스는 링크 스냅샷 참조.

– 코드아카데미 기본 예제인 샌드위치 페이지가 마음에 안 들면 아래 코드처럼 필요한 부분을 수정해서 다시 업로드(3번 참고)하자.

– 시작은 미약했지만 잘만 활용하면 카카오 기술블로그 같은 사이트도 만들 수 있다.

– 혹시 한글이 깨진다면 에디터(메모장 등)에서 파일을 저장할 때 인코딩 옵션을 UTF-8로 바꿔주면 된다.

LLUN.com

How to 문제해결

프로그래밍을 하고 있습니다.

문제해결에 관심이 많습니다.

NULL의 브런치입니다.

이제 인터넷의 한 공간에 어디서든 접속 가능한 홈페이지가 생겼다.

(내용은 비록 없지만)

아마 1. 회원가입에 가장 많은 시간이 걸렸을 것이고 나머지 작업 모두 다 해도 10분 안에 충분히 완료했으리라고 본다. 이 포스팅의 주제와 달라 빠르게 지나갔지만 0. 홈페이지 만들기에 관해서도 무수히 많은, 쉽고도 어려운 방법과 기법들이 있다. 사실 보통 사람들이 생각하는 홈페이지란 인터넷 공간에 탑재(deploy)하는 것보다는 HTML을 이용하여 뚝딱뚝딱 구축하는 것을 생각할 테고, 그 말도 맞다.

다음 글에서는 하나의 완성된 홈페이지, 예시로 개인 포트폴리오 사이트 구축에 관해 정리해보겠다.

https://brunch.co.kr/@llun/15

사실 깃허브는 단순한 무료 웹호스팅-공간 제공 서비스가 아니다. 깃허브 페이지는 대략 20년 후에도 건재하지 않을까 싶다. 가이드에 가보면 터미널을 이용하는 방법부터 별도 클라이언트 프로그램을 이용하는 방법까지 자세히 소개돼 있다. 단, 영어다.

가이드에 따르면 초기 네띠앙보다 200배쯤 많은 약 1GB의 소스 저장공간을 제공한다고 한다. 기타 제약사항도 일부 있으니 필요할 때 참고하면 된다.

-.NULL

So you have finished reading the 홈페이지 만드는 법 topic article, if you find this article useful, please share it. Thank you very much. See more: 개인 웹사이트 만들기, 무료 홈페이지 만들기, 회사 홈페이지 만들기, 홈페이지 만들기 강좌, 구글 홈페이지 만들기, Wix 홈페이지, 홈페이지 제작 툴, 개인 포트폴리오 사이트 만들기

Leave a Comment