코딩없이 사이트 만들기

말그대로 프로그래밍 언어 1개도 안쓰고 웹사이트 만들기, 자세히 말하면 웹사이트 템플릿 수정하기.

1.HTML 템플릿을 다운로드한다.

해당 사이트를 이용하거나 "FREE HTML TEMPLATE"를 검색엔진에 검색하면 무료 템플릿이 많이 나온다.

템플릿 미리보기 버튼인 LIVE DEMO를 클릭하면 템플릿의 디자인을 볼수있다

2.템플릿 수정

다운받은 템플릿 파일의 암축을 풀고 만약 visual studio 가 있다면 해당 프로그램으로 열고 없다면 메모장으로 연다음, HTML 파일들을 열어본다.

메모장이라면 편집메뉴 => 찾기에서 원하는 문구를 복사(Ctrl+C) 붙여넣기(Ctrl+V)한후 검색해준다. 그리고 나온부분을 원하는 내용으로 바꿔주면 된다.

사이트의 이미지를 바꾸고 싶다면 images 폴더에 들어가서 원하는 이미지를 넣은 후, 바꿀 이미지의 이름을 대신 넣어준다.

3.사이트 공개하기

이렇게 수정된 사이트는 내 컴퓨터에만 있다.

우리는 무료로 사이트를 업로드할수 있는 https://www.netlify.com 사이트를 이용할 것이다.

로그인 후

Sites를 클릭해 나오는 화면에

index.html 이 있는 수정한 템플릿 폴더를 드롭한다.
그러면 업로드 되고

이런식으로 자신의 사이트가 업로드되었다는 것을 볼수있다

화살표로 가르친곳이 당신 사이트의 기본 URL이다.

4.사이트 링크 (도메인) 추가

무료로 사이트를 만들어야하니 https://www.freenom.com/en/index.html?lang=ko 사이트를 이용한다.

로그인후, 도메인 검색창에 원하는 이름을 검색하면 도메인 결과가 나오는데 FREE 태그가 붙은 원하는 도메인 옆에 붙은 GET IT NOW를 클릭해 도메인을 내것으로 만든다.
이제 주문이 완료되면

MT DOMAINS에 들어가서 도메인이 잘 신청 됬는지 확인한다.

이런식으로 뜨면 MANGE DOMAIN을 클릭해 관리 페이지로 넘어간다

그리고 다시 netlify사이트에 들어가서

자신의 사이트 관리페이지에 들어가 DOMAIN SETINGS를 눌러 도메인 설정창에 들어간다.

ADD CUSTOM DOMAIN을 눌러 도메인을 추가한다

입력후 추가가 됬으면 다시 FREENOM 도메인 관리자 페이지로 가서

MANAGEMENT TOOLS 메뉴의 NAME SERVERS 메뉴로 들어갑니다.

다시 netlify 사이트로 돌아가고 사이트 관리자 페이지에서 추가된 내 도메인 옆에 Check DNS configuration 를 클릭합니다

SET UP NETLIFLY DNS 를 클릭합니다

Verify 같은 초록색으로 강조된 버튼을 눌러 진행합니다.

3단계 까지 오면 아래 표시된것처럼 DNS 주소들이 나오는데 해당 주소들을

FREENOM DNS 관리 페이지에서 USE CUSTOM NAMESERVERS를 선택한후, 이런식으로 모두 넣어주시면 됩니다!
다만 순서대로 넣어야 합니다.

이제 다 넣었으면 CHANGE NAMSERVERS를 누릅니다.
그러면 설정이 끝납니다.

5분쯤 기다리시면 해당 도메인으로 자신의 사이트에 접속이 가능해집니다.

또 퓨니코드를 이용해 한국어 도메인도 가능하며, 여러개의 도메인을 등록하는것도 가능합니다.

NO BODY