|
|
 4. 사이트 제작하기
4-2. 디렉토리와 페이지 생성하기
사이트 어드민(프론트어드민)의 '페이지관리' 메뉴를 선택하면 빌더가 시작됩니다.
빌더 시작하기
빌더를 처음 실행하시면 아래 그림과 같은 구조의 디렉토리와 파일이 등록되어 있습니다.
이 디렉토리와 파일이 작업 대상이 되는 사이트의 현재 모습을 구현하고 있는 것입니다.
빌더의 초기(Defalut) 디렉토리 구조와 파일
본 도움말의 사이트 제작하기는 빌더 내에 존재하는 디렉토리와 파일이 하나도 없다는 전제하에서 진행됩니다.
만일 빌더가 제공하는 초기 디렉토리와 파일을 사용하지 않으시려면 다음 그림과 같이 디렉토리와 파일을 삭제하실 수 있습니다.
빌더의 초기(Defalut) 디렉토리 구조와 파일 삭제하기
그러나, 빌더의 초기 디렉토리와 파일을 향후에 사용하실 의향이 있으시다면, Root 밑에 도움말의 [사이트 제작하기]를 학습할 수 있는
디렉토리를 추가하시기 바랍니다. 아래 그림은 test 라는 작업용(학습용) 디렉토리를 추가하는 방법에 대해 설명하고 있습니다.
도움말의 [사이트 제작하기]는 이 test 디렉토리 밑에서 진행해 주시기 바랍니다.
디렉토리 추가하기
이제 추가된 디렉토리를 확인하십시오.
다시 말씀 드리면 빌더의 초기 디렉토리와 파일의 삭제를 원하지 않고 도움말의 [사이트 제작하기]를 실습하시려는 분들은 test 디렉토리 아래에
도움말의 디렉토리와 파일들을 만드시기 바랍니다.
test
추가된 디렉토리 확인
실습 준비가 끝났다면 빌더의 주요기능에 대해 설명해 드리겠습니다.
그림_01 : 빌더초기화면 및 주요기능
먼저 작업대상이 되고 있는 사이트 (빌더를 이용하여 제작하려는 사이트) 를 확인해 보겠습니다.
페이지 리스트에 (Root) 사이트를 구성하는 파일이 없으므로 아래와 같은 화면이 출력됩니다.
그림_02 : 작업 대상 사이트 (시작페이지가 없는 경우의 화면)
이제 빌더내의 [디렉토리 만들기]와 [페이지만들기]를 이용하여 필요한 디렉토리와 페이지를 생성해 보도록 하겠습니다.
주의 : 모든 웹사이트의 시작페이지가 되는 index 페이지는 무조건 root 위치에 존재하여야 하며, 페이지 코드명은 반드시 'index'로 지정하셔야 합니다.
index페이지 이외의 페이지 코드명은 작업자의 임의대로 설정하실 수 있습니다.
그럼 가장 먼저 index 페이지를 만드는 화면을 보시기 바랍니다.
그림_03 : 인덱스(시작) 페이지 등록하기
빌더의 Root 아래에 index 페이지가 생성된 것을 확인하신 후 작업대상 사이트를 다시 한번 확인해 보시기 바랍니다.
그림_04 : 인덱스(시작) 페이지가 생성된 빌더
그림_05 : 작업 대상 사이트 (시작페이지를 등록한 후의 화면)
디렉토리와 페이지가 만들어 지는 위치를 눈여겨 보시기 바랍니다
디렉토리 하부에 페이지를 만드시려면 우선 해당 디렉토리를 선택하신 후 [디렉토리만들기]버튼을 선택하십시오.
위와 같은 방법으로 필요한 디렉토리와 9개의 페이지를 모두 만드시기 바랍니다.
예제에서는 다음과 같은 이름과 코드를 사용하여 디렉토리와 페이지를 생성하였습니다.
| 페이지명 | 페이지코드 |
| 대표인사말 | ceo |
| 회사약도 | map |
| 제품1 | product_01 |
| 제품2 | product_02 |
| 제품3 | product_03 |
| 자유게시판 | free_bbs |
| 이미지게시판 | img_bbs |
그림_06 : 디렉토리와 페이지가 만들어진 빌더
|
4-1. 사이트구조 & 메뉴 
4-8. 게시판 모듈 추가하기