관리 메뉴

도드넷

홈페이지 만드는 법 - XE 설치법, 사이트 제작하기! 본문

창고/HTML5 & JavaScript

홈페이지 만드는 법 - XE 설치법, 사이트 제작하기!

도드! 2015. 10. 30. 13:34
반응형




아... 갑자기 운영하고 싶은 만들고싶은 사이트, 홈페이지가 생겼다.


도드가 알랴주는


참쉬운 사이트 제작하기, 홈페이지 만드는 법, XE 설치법!


남녀노소 누구나 따라할수있게 쉽게 알랴드림!



https://vimeo.com/42650724


씐나는 펑키타운 노래들으면서 따라오세뮤 'ㅅ' b






1. 호스팅과 도메인 구하기

- 장사를 하려고 건물(홈페이지)을 지으려면

땅(호스팅서버), 주소(도메인)가 필요합니다.


옵션1

 http://dothome.co.kr/


연습용 공부용, 초보용, 무료 웹호스팅인데요.

복잡한 인증및 허락절차 없어서 ㅅㅌㅊ... 가입하고

웹호스팅 메뉴 맨아래에 [무료 호스팅] 눌러서 신청하면 됩니다.


옵션2

https://www.cafe24.com/


 매우 유명한 대형 호스팅업체인데요.

단점은 유료라는거 -_- ... 공부하는 분들은 일단 무료에서 해보고 여기로 옮기든지 하시길.

비싸기도하고 공부하다 안하면 돈까지 잃어버리는게 됩니다.





2. XE엔진 다운로드

https://www.xpressengine.com/


홈페이지를 직접 맨땅에 만들수도 있으나... 워드프레스, XE

같은 웹 구축엔진을 사용하면 더쉽고 빠르게 안정적이게 구축가능하죠?


받아보면 웬 압축파일인데

이걸로 홈페이지를 만든다고? 사이트 제작이됨? 싶을겁니다 +_+





3. 알 FTP 다운로드 / XE 파일 업로드


알FTP.exe


직접 구해서 올려주기까지하는 친절한 블로거

ㅅㅌㅊ.....ㅂㅂㅂㄱ.... 


이제 알 FTP 설치하고 실행한 다음


위처럼 동그라미친 [접속하기] 버튼을 눌러서 자신의 홈페이지 FTP 서버에 접속하세요.

주소는 자신의 사이트 주소 치시면 되고 아이디 비번은

호스팅팔때 만든 FTP아이디, FTP비번 치시면 됩니다.


그후 사이트 FTP에 html 루트폴더에 XE엔진 폴더 내용물을 직접 쭉~ 드래그래서 집어넣습니다.

XE폴더 자체를 통째로 넣게되면 주소마다 /xe 를 붙여야 합니다 -_- (주의하세유ㅠ)




4. XE 설치하기


이제 "자신의 홈페이지 주소"를 주소창에 치고 들어가서 XE설치를 시작합니다!


뭐 따로 어려울건없는데

저는 DB정보 아디 비번 입력하는데에서 XE cannot connect to DB 오류가 나서 잠깐 멈췄었네요.;

아이디 비번 잘쳤는데 계속 문제가 발생하면 문제는 바로 호스트 부분이였습니다.

그게 127.0.0.1 이였는데  Localhost 로 바꿔주면 문제해결. XE설치가 진행됩니다 ^ㅅ^




 5. 사이트 제작, 홈페이지 완성.


자신의 사이트 주소로 들어가면 XE가 설치된 초기 화면이 나옵니다.

이제 자신만의 공간을 이쁘게 꾸며봅니다.







반응형

'창고 > HTML5 & JavaScript' 카테고리의 다른 글

[2화] 문서구조화 1부  (0) 2015.10.27
[1화] HTML 에디터, HTML 기본구조  (0) 2015.10.27
Comments