닷홈 무료 웹사이트 만들기(html,css 연습 등)

 

시작하기 전에 필요한 것들을 말씀해 드리겠습니다. 하나하나 잘 따라와 주세요!

---

1. filezilla client

이 프로그램은 서버에 파일을 전송하기 위해서 필요합니다

 

아래의 사이트에 들어간 뒤

https://filezilla-project.org/

FileZilla - The free FTP solution

아래 버튼모양을 눌러주세요 (client 를 다운받아야 합니다)

---

2. brackets

이 프로그램은 서버(웹)의 html, javascript, css, 등등의 코드들을 수정하기 위해 필요합니다

아래 사이트에서

http://brackets.io/

A modern, open source code editor that understands web design

아래 버튼을 눌러 순차적으로 진행하여 주세요

해당 프로그램 설치가 완료되었다면, 컴파일러(해당 프로그램)을 실행한뒤

 

아래 그림과 같은 블록모양의 확장 기능 관리자를 눌러서

brackets synapse 를 설치하여 주세요

---

다음으로 드디어 본격적인 호스팅을 하러 가겠습니다

 

1. 아래 사이트에 들어가서 회원가입을 해줍니다.

https://www.dothome.co.kr/index.php

닷홈 - 호스팅은 닷홈

 

2. 그런뒤 웹호스팅 → 무료 호스팅에 들어가줍니다

 

3. 스크롤을 내려 아래 사진과 같은 부분에서 신청하기를 눌러줍니다.

 

제공하라는 정보들을 제공해 나가다 보면

4. (i)이러한 부분이 나오는데요, 만약 여기서 FTP id에 "rainb0w" 라고 입력하였다면, 도메인은 rainb0w.dothome.co.kr 이 됩니다.

 

   (ii)cms는 원하시는데로 설정하여 주시고요, 저같은 경우에는 html, css 연습용으로 설치 안함을 선택하였습니다.

 

5. 그런 뒤에는, brackets 를 실행하시고

 

(i)아래와 같은 모양의 시넵스를 실행하여 줍니다.

(ii)실행하여 회원가입(?) 같은 과정을 거치고, 상단의 synapse 라는 글씨 옆에 "+" 모양을 눌러줍니다.

(iii)그런 뒤 나오는 아래의 양식에서는

HOST에 도메인(ex rainb0w.dothome.co.kr)

USER에 FTP 아이디(ex rainb0w)

그리고 PASSWORD 에는 위에 닷홈에서 설정하신 비밀번호를 입력하여 줍니다. 그런뒤 아래 APPEND 라는 버튼을 누르시면 됩니다.

그리고 아래와 같은 양식에서 Connect를 눌러주면

처음 시작하는 화면은 setup-finish.html 입니다. 이곳을 수정하시면 처음 화면이 수정되게 됩니다.

---

과정중에 이미지를 추가하고 싶으시다면 filezilla 를 실행하여

상단의 양식을 채우시고 빠른 연결을 눌러줍니다.

다음에 다시 접속시에는

상단 바에 있는 왼쪽 이미지를 통해 접속하시면 됩니다.

그리고 html 이라 써있는 파일 안에 우클릭 후 새 디렉토리, 파일명은 알아서 설정해주시면 되고요, 해당 폴더에 바탕화면에 이미지를 드래그하여 옮기게 되면 서버 파일로 들어가게 됩니다.

---

감사합니다!

 

 

---