홈페이지 만드는 방법

 

홈페이지를 만드는 것은 어려운 작업이 아니다. 특히 게시판형 홈페이지는 제로보드 xe가 있어 아주 간단하게 만들 수 있다. 먼저 엡호스팅업체에서 서버와 도메인을 준비를 한다.  본 홈페이지의 호스팅 업체는 Bluehost로 http://www.bluehost.com/ 이곳에서 직접 도메인을 구입하면 좋다. 만일 다른 호스팅 업체에서 구입한 도네임을 이 서버로 이전하기 위해서는 반드시 먼저 자신이 사용하고 있던 이전 호스팅 업체 도네임 메니져에 들어가서  도네임에 연결된 서버 주소를 변경하고자 하는 호스팅 업체의 서버 네임으로 변경시켜야  빨리 이전 된다. 만일 잘못하여 그냥 Bluehost 호스팅업체에 직접 도메인 이전 신청을 하면 도메인이 이전 되기 위하여 40일 기다려야 한다. 본인은 실수로 위와 같은 과정을 거치지 않았는데 다행이 Bluehost에서 다른 도메인을 무료로 주었는데 이 무료 도메인(com등) 1개를 주는데 이 도메인을 주 도메인으로 바꾸고 기존에 가지고 있었던 도메인은 부도메인으로 하였기 때문에 바로 도메인을 이용하여 홈페이지를 작성 할 수 있게 되었다. 도메인을 만들 때 생각해야 하는 것은 우선 도메인 길이를 짧게하면서 자신이 원하는 것을 표현 할 수 있는 영문 이름이 필요하다. 먼저 그 도메인을 다른 사람이 사용하는가 알아 보고 선택하면 된다. .org는 주로 기관에서 많이 사용한다.

Bluehost에  제로 보드 설치하는 방법은http://www.tyzen.net/254 나와 있다. 데이타 베이스를 사용하기 위하여 필요한 것이 있는데 알려 주는 데로 따라하면 된다. 제로 보드를 설치하기  위해서 필요한 최소  사양이 필요한데 bluehost는 이와 같은 사양을 가지고 있다.

 

 

1. 블루호스트 cPanel에서 Databases -> MySQL
2069F24B4D7367AB0B4D33


2. 
 

Create New Database

1478FE484D7367EC1AFC63



3. MySQL Users Add New User

201BF04E4D736829159E0C


4. Add User To Database
116EBE4B4D736877029994

5. Manage User Privileges
13137E574D7368CA1515D5


6. 블루호스트 cPanel에서 Databases -> phpMyAdmin
141738524D73690325D797

 
phpMyAdmin이란 mysql를 편리하게 관리하기 위해서 만들어져 있는 php언어로 만들어져 있는 프로그램입니다.
즉 제로보드 게시판에 있는 자료를 mysql databases에 저장한 후에 이 프로그램으로 체계적으로 관리하는 것입니다. 나중에 자료 백업, 수정등을 위하여 필요합니다. 다른 서버로 옮기려 하거나 제로 보드가 상위 버젼으로 업그레이드 하였을 때 자료를 백업해서 올릴 수 있습니다.
 
필요할 때 https://box723.bluehost.com:2083/3rdparty/phpMyAdmin/index.php?input_username=fmblatin  으로 들어가 로그인 하면 됩니다. bluehost에 로그인하여 cPanel로 들어가 phpMyAdmin으로 들어가 로그인 한 것과 같습니다.
 
 
7. phpMyAdmin 한국어로 로그인
131A2A4E4D7369821FD30C



8. MySQL connection collation: utf8_general_ci 및 언어 한국어 확인 
(제대로 되어 있는지 확인)
20782D484D7369FF2A5DF5


9. 
 블루호스트 cPanel에서 Files -> 
 FTP 계정 생성
Ftp 계정은 아주 중요합니다. 서버로 들어가기 위한 설정입니다. 이 로그인 아이디와 비밀번호를 이용하여 브루호스트 서버로 접속해 들어 가는 것입니다. 아이디와 페스워드는 한가지로 통일하는 것이 좋습니다. 너무 복잡하면 사용하기 어렵습니다. 제로보드 xe를 업로드 할 때 필수적으로 필요합니다.

191E934C4D736B2832B95F
135B77494D736B5D29AA42

141544474D736B7032599F



10 .FileZilla 다운로드
무료 프로그램으로 가장 많이 사용하는 서버로 자료를 올리고 다운로드 받는 프로그램입니다. 이것이 안되면 xe파일을 서버에 올릴 수 없습니다. 잘 사용할 수 있도록 숙달하면 좋습니다. 맨 아래 다시 설명하였습니다.
 
1620C0474D736BB216B575


11. XE 다운로드
제로 보드 홈페이지에 들어가 최신 버전을 다운 받습니다. 무료 프로그램입니다. 현재 한국에 많은 홈페이지가 이 프로그램으로 만들어져 있습니다. 리룩스 서버에서 사용합니다.
 
1917D14F4D736BDE334455


12. FTP로 업로드
자신 컴퓨터에 다운 받은 압축된 xe 파일을 압축해제합니다. xe 디렉토리 없이 filezilla를 이용해 압축 해제된 화일을 bluehost의 root 에 올립니다. bluehost의 xe파일이 들어 갈 root는 /public_html/___________이곳에 xe파일을 업로드합니다. xe 안에 들어 있는 파일 전부를 xe 폴더 없이 업로드립니다.

140E95564D736C922A0B05

13. XE 설치
업로드 과정에서 모든화일이 누락없이 그리고 깨지 않았다면
"http://도메인" 을 새창에 입력하면 아래처럼 화면이 나타납니다.


170A59594D736CFC2E4ADB



14. XE 설치 II
모두가 가능으로 나오더군요 기본적으로 755로 되어있어서 퍼미션 변경은 필요 없습니다.
165B85554D736D290D2C2F


15. DB선택  
 
mysql을 선택합니다.

171820544D736D790F642D


16. DB & 관리자 정보 입력
위의 2번과 3번 과정에서 설정한 mysql DB정보 입력를 합니다.
관리자정보를 입력하시면 설치가 완료 됩니다.
200CAB564D736DD727C055


17. 쉬운설치 설정
관리자 화면으로 로그인 하여 환경설정에서 FTP 경로정보 입력에서 아래와 같이 등록합니다.

121C1F524D736E0B31E50D


위와같이 설정하시면, 
텍스타일을 비롯해 게시판, 카페, 자신에게 필요한 모듈과 의존하는 프로그램 모듈을 모두 쉬운설치 메뉴에서 설치 버튼을 클릭하여 설치를 합니다.
클릭과 동시에 설치가 되므로 마우스 몇 번만으로도 쉽게 가능합니다.

114B6C4D4D736ECE0D3D6B
122DCA4F4D736EDD1A10FE

 

Xe 다운받아 압축 해제한 후에 ftp로 서버에 올린다. 서버로 올릴  때 안 올라가는 것은 mysqul에 절대 경로가 이상이 있는 것이다. 경로는 Xe 가 설치되어 있는 곳을 말한다.  브루호스팅에서는 public.html에  설치 된다. 즉 xe 에 있는 모든 파일을 xe 폴드 없이 xe 폴더 안에 있는 모든 파일을 public.html 폴더 안에 저장한다. /public.html/---->이곳에 저장한다. 

웹서버에 자신의 홈페이지 프로그램과 문서를 저장 할 때 ftp 프로그램을 사용한다. 주로 Filezilla란 프로그램을 사용한 무료다. 사용 방법은 file-site manager-위와 같이 셋팅한다. Host 에는 도네임을 넣으면 된다. 즉 http://를 제외한 뒷 주소를 넣으면 된다. 도메인은 숫자로 표시 할 수도 있는데 이 숫자를 넣어도 된다. 유저이름과 비밀번호는 브루호스팅업체에 등록 할 때 얻어 진다. 다른 셋팅은 아래와 같이 하면 된다. 

파일질라 연결 방법

 

 

Xe 설치를 마친 후에 홈페이지 만들기 개념 잡기

  1. 홈페지 주소: 집 주소와 같은 개념이다.
  2. 웹호스팅 업체: 집 주소를 관리하는 부동산 업체과 같은 개념이다.
  3. 제로보드: 집이다.
  4. 레이아웃: 집의 구조 즉 뼈대이다. 가장 중요한 구실을 한다. 홈페이지 첫 화면을 장식하는 가장 중요한 요소로 이곳에서 메뉴 배너등의 위치 모양등을 결정한다. 본 홈페이지는 쉬운 설치를 통하여 xdom이란 레이아웃을 이용하였다. 특히 홈페이지 첫 화면의 상당 베너는 swishmx를 사용하여 프레쉬 동영상으로 올린 것이다. 프레쉬 동영상 화면을 넣을 때 동영상 파일을 올리고 레이아웃 멘 상당에 헤드 설정하는 곳에 프레쉬 동영상을 삽입하는 코드를 적어 넣어야 한다. 이 코드는 프로그램으로 만들어진 html파일을 실행 시킨 후에 메뉴-보기-소스보기를 통하여 찾을 수 있다. 헤드에 있는 코드와 body에 있는 코드를 복사하여 레이아웃에 집어 넣으면 된다. 그리고 프로그램으로 만들어진 swf파일을 publish_html 폴더 즉 xe가 설치된 곳에 파일질라를 통하여 업로드 해주어야 한다.
  5. 페이지:집의 외부 페인트다. 홈페이지 대문을 장식한다. 페이지를 여러개 작성하여 작은 대문으로 사용 할 수 있다.
  6. 게시판: 집의 창고이다. 최근글 보기: 게시판 즉 자료 창고로 들어 가는 문이다.최근 게시물을 대문에 보여 줄 수 있다. 즉 홈페이지 첫 페이지에 최근에 올린 게시판의 글을 몇개 보여 주는 광고를 하는 역할 을 한다.
  7. 위젯: 집를 꾸미는 악세사리다.

 

먼저 보드를 다운 받아 설치한다. 쉬운 설치 안될 때 역시 ftp절대 경로 문제이다. 제로 보드 Xe가 잘 설치 되면 자신의 주소(도메인)를 웹 브라우저에 치면 관리자  모드 첫 화면의 좌 상단에 보면 SETTING이 있고 그곳의 하단에 보면 FTP 설정하는 곳이 있다. 그곳에서 아이디 비밀번호 절대 경로등을 확인한다. 이것이 잘 되어 있어야 쉬운 설치를 사용 할 수 있다. 그리고  SETTING 상단에 보면 자신이 만든 페이지가 홈페이 첫 화면으로 나오게 지정하는 곳이 있다. 이것을 지정해야 자신이 만든 페이지가 홈페이지 첫 화면에 뜨게 된다. Xe를 설치한 후에 레이아웃과 setting를 통하여 첫 페이지를 지정해야 홈페잊 첫 화면이 나오게 된다. 

관리자 설정에 들어가서 레이 아웃과 페이지를  만든다.이 페이지를 위에 말한 홈의 첫 페이지로 지정한다. 다른 페이지도 여러개 만들 수 있다. 홈페이지 주소에 페이지 명칭을 적으면  그 페이지로 이동한다.

게시판을  만든다. 그리고 이 게시판이 최근글을 통하여 홈페이지 첫 화면에 나오도록 설정한다.  

 

 

설정하는 방법은 홈페이지 첫 화면에 로그인하여 들어 가면  

LICENT1.png

 

윗 그림의 추가를 누르면 아래와 같이 코드 생성기가 나옵니다.

 

bc65f2bb9a8a32c49282a657c1111914.png

 

80716f489d15da78b4c7fd76a9e56f73.png

 

 

9195723b5dbb94393af0145a18a8fad7.png

 아랫 그림에 대상 모듈에 중남미 지부라고 하는 모듈이 추가 되었음 마지막으로  아랫쪽 코드 생성 단추를 누르면 그 아래와 같이 위젯이 추가됨--그 후에 상자 모서리에 있는 녹색을 지정하여 커서로 끌기하면 사각형이 나타남---좌쯕 상단 모서리에 여러개의 단추가 나타남--단추를 눌러 게시판으로 가는 더보기란 글을 씀-게시판 주소를 찾아 써줌 (최근 글의 더보기를 눌렀을 때 가는 게시판 주소)

03a8c57390ca516ee128b896654426f0.png

 

 

 

 

윗 그림의 멘 아랫쪽 코드생성을 크릭하고 첫 페이지로 돌아 오면 아래와 같은 최근글 보기 게시판이 생깁니다. 처음에는 너무 작아 잘 보이지 않습니다. 귀퉁이를 크릭하여 아랫쪽으로 끌기하면 커집니다. 상자 좌상단에 커서를 위치하면 동그란 단추가 여러개 나타납니다. 이 단추를 눌러 셋업을 하시면 됩니다.

 

2e46c19841a755d57a7830bb882043a7.png

 

멘 하단에 페이지 수정-상자 위젯 추가-content 위젯 옆 드롭다운 단추 누름-최근 게시물 선택- 추가-코드 생성- 코드 생성에서 위젯 스킨 지정- 코드생성 맨 아래 대상 모듈-모듈 선택(모듈을 선택한 후에 다시 코드 생정으로 돌아 오면 코드 생성 맨 아래 빈 공간에 모듈이 선택되어져 있는 것을 볼 수 있다.즉 최근 게시물이 들어 갈 모듈(홈페이 첫 화면이 보이는 페이지 모듈을 선택하면 된다)을 찾아 선택한 후에 다시 최근 게시물에 돌아 오면 앞에 지정한 모듈이 선택 되어져 있다.) 코드 생성 맨 아랫쪽 코드 만들기를 누르면 화면에  작은 상자가 만들어 진다. 조금 복잡하지만 한번만 하면 문제가 되지 않습니다. 이것을 반복하여 여러가지 최근 보기를 합니다. 4가지 최근 보기를 하기 위해서는 4가지 게시판을 먼저 만들어야 합니다. 그곳에 저장된 글 중 몇가지가 최근 보기를 통하여 홈페이지 첫 화면에 보여지는 것입니다.

상자 왼쪽 상단에 보면 작은 원들이 있다. 이 표시들에 들어가 설정을 하면 최근 게시물의 이름, 더보기(이 더보기란 글을 누르면 게시판으로 옮겨 잘 수 있도록 게시판 링크를 만드는 것으로 게시판의 주소를 적어 넣으면 된다. 게시판 주소는 관리자 모드로 들어가 연결시킬 게시판을 한번 실행 시킨 후에 웹 상당에 있는 게시판 주소를 복사하여 게시판 주소를 넣으란 곳에 붙여 넣기 하면 된다), 제목 글자수, 게시물 위치 선정(오른쪽정렬 왼쪽정렬 게시물창 크기)를 만들 수 있다.  이렇게 하면 최근 게시물이 만들어 지는 것이다.(조금 복잡함)

요즘 홈은 게시판 형으로 만들어져 자신이 저장한 모든 글들을 시속적으로 보관 할 수 있게 되었다. 이것이 제로보드의 큰 장점이다.

http://fmblatinamerica.org/Paraguaykimhome

이 주소를 보면 앞쪽 부분은 xp 가 저장된 주소이다.http://fmblatinamerica.org

뒷쪽 부분은 Paraguaykimhome 홈페이지 안에 저장된 다른 페이지다.

이런 주소 개념을 알면 ftp를 사용하여 자신의 홈페이지를 찾아 들어 갈 수 있다.

이 게시물을...