구글상단


누구나 따라하는 홈페이지 만들기 - 제로보드 XE 레이아웃 만들기(설치가이드) 두번째 by 놀라운넘


이번 포스트는 지난번 포스트에서 마무리를 못했던 레이아웃 만들기 를 마무리하고 간단하게 메뉴 를 만드는 부분까지 진행하겠습니다.

4번까지 설정을 마치고 나머지 내역 설정은 다음 과정에 있는 위젯, 광고를 홈페이지에 삽입하는 포스트에서 설명을 하겠습니다.
레이아웃에 있는 설정을 전부 안해도 추후에 설정을 수정이 가능합니다.
그러므로 이번 포스트에서는 기본 설정만을 하고 넘어갑니다.
이제 마무리 작업으로 맨 하단에 있는 10. Copyright 부터 시작합니다..


Copyright 는 홈페이지를 제작한 업체, 사람의 서명 정도가 들어가면 됩니다.
홈페이지에서의 위치는 맨 하단에 표기됩니다.
E-MAIL 은 홈페이지 관련 문의사항을 받을 홈페이지 소유자나 관리자의 메일을 기입해주세요.
Copyright 의 바로 밑에 표기됩니다.
바로 밑으로  패밀리사이트 는 패밀리사이트를 화면을 표기할 건지를 선택합니다.
홈페이지에서 다른 홈페이지들의 링크를 걸기를 원하시면 표기를 하시면 됩니다.

설정 페이지 맨 하단에는 메뉴를 설정하는 부분 있습니다.


 . 톱 메뉴 는 홈페이지 화면 맨 상단에 작은 글씨로 표기 됩니다.
 . 메인 메뉴 는 홈페이지 주 메뉴로 본문 바로 위에 표기 됩니다.

 . 하단 메뉴 는 홈페이지 본문 바로 밑에 표기 됩니다.
 . 서비스링크 메뉴 는 하단 메뉴 밑에 서비스 링크라는 선택 박스에 표기됩니다.

 . 사이트맵 메뉴 는 사이트의 전체 메뉴를 찾기 쉽게 표기 하는 메뉴입니다.
 . 패밀리사이트 메뉴 는 역시 하단에 표기되는 메뉴로 외부링크를 넣어둡니다.

  . 레이아웃 일괄 적용은 모든 레이아웃에 입력한 내용을 동일하게 적용하겠다는 것입니다. 
표기를 안하는게 좋습니다.


지금은 메뉴가 만들어진 상태가 아니므로 메뉴를 생성하겠습니다.
관리 버튼을 클릭하세요.


왼쪽 메뉴에서 메뉴 를 클릭해도 메뉴생성이 가능합니다. (왼쪽 메인 메뉴로 메뉴를 설정하는 페이지로 이동하려면 지금까지 작업한 레이아웃의 설정은 저장을 하고 메뉴 페이지로 이동하셔야 합니다.)
일단 새창으로 뜬 메뉴 페이지에서 제목 은 메뉴목록에서 알아보기 쉬운 이름으로 작성을 하시면 됩니다.
ex) 메인메뉴, 패밀리사이트
등록 버튼을 클릭 합니다.
메뉴 관리 첫 페이지에 아래 그림과 같이 신규로 생성한 메뉴제목이 보입니다.
버튼이 두개가 있는데 왼쪽 버튼(설정버튼) 은 메뉴의 카테고리를 생성하거나 수정할 때 사용을 합니다.
오른쪽 버튼(삭제버튼) 은 생성된 메뉴를 삭제를 합니다.
추가로 다른 메뉴를 생성하고 싶을 때에는 아래 생성 이라는 버튼을 클릭해서 사용합니다.


왼쪽 버튼(설정버튼)클릭합니다.
아래 그림은 메인메뉴에 하위 카테고리를 작성하는 화면입니다.
메뉴+ 라고 표기된 부분의 연두색  + 를 클릭하면 카테고리를 입력하는 팝업창이 뜹니다.
이제부터 + 을 클릭하여 메인메뉴에 들어갈 메뉴들을 차례로 기입합니다.


메뉴 팝업창에 home 이라고 기입했습니다.
연결 Url 은 링크를 넣어주셔도 되고 mid(모듈id) 라고 해서 생성된 모듈을 찾아서 넣을 수 있습니다.
하지만, 아직은 모듈을 생성하는 단계까지 오지 않았으므로 여기까지만 생성하고 메뉴 팝업창의 하단의 저장 버튼을 클릭합니다.
아래 그림 처럼 메뉴 밑에 home 이라는 메뉴가 생성되었음을 확인하실 수 있습니다.

상단에 있는 수정 버튼을 클릭하면 지금까지 메뉴 작업을 한 내역을 저장합니다.
캐시파일 재생성 버튼은 작업된 메뉴를 홈페이지에 적용하는 버튼이라고 생각하면 됩니다.
다음에 진행되는 메뉴 생성 포스트에서 상세하게 각각의 버튼의 기능을 다시 설명하겠습니다.
메뉴의 + 를 클릭하여 조금전 같이 카테고리에 게시판 을 생성하고 수정 버튼과 캐시파일 재생성 버튼클릭하고 창을 닫은 다음 레이아웃 설정 페이지로 돌아옵니다.



레이아웃 설정 페이지에서도 저장 버튼을 클릭합니다.
지금까지 기입된 내용을 모두 저장하면서 화면을 다시 읽습니다.
메인 메뉴 옆에 있는 선택박스클릭하면 조금전 생성했던 메인 메뉴라는 리스트가 새로 생성되었음을 볼 수 있습니다.
메인 메뉴 에서 메인메뉴를 선택한 후 저장 버튼을 클릭하여 모두 저장하신 후 저장 버튼 옆에 있는 목록 버튼을 클릭합니다.


위 화면처럼 신규 생성된 레이아웃이 리스트에 나오면 정상적으로 레이아웃이 생성이 된 것입니다.
리스트의 각 버튼들의 기능 및 추가 사항은 다음 포스트에 TIP 형식으로 구성을 해보겠습니다.
이번 포스트는 여기까지 마치고 다음 포스트에서는 생성된 레이아웃을 사용하여 게시판 모듈을 만들고 홈페이지에 출력을 해보겠습니다.




  Help URL 
  [신규] 홈페이지 꽁짜로 만들기 포스트



  참고 블로그 포스트
  웹상에 나만의 공간을 만들자!!!
 . 도메인(domain)이란?
 . DNS(domain name system)의 정의
 . 도메인 등록하기 - 기본정보
 . 도메인 등록하기 - 가비아 등록 방법
 . 호스팅(Hosting)의 정의
 . 무료 호스팅을 받아보자 - 기본정보
 . 무료 호스팅을 받아보자 - 파란에서 무료 호스팅받기1
 . 무료 호스팅을 받아보자 - 파란에서 무료 호스팅받기2
 . 무료 호스팅을 받아보자 - 파란에서 무료 호스팅받기3
 . 간단하게 홈페이지 첫 페이지를 만들어 보자 1
 . 간단하게 홈페이지 첫 페이지를 만들어 보자 2 - 홈페이지 만들기 너무 쉬워

  XE를 활용하여 누구나 따라하는 홈페이지 만들기!!!
 . 누구나 따라하는 홈페이지 만들기 1 - 제로보드 XE를 설치하자(설치가이드)
 . 누구나 따라하는 홈페이지 만들기 1 - 제로보드 XE 기본 환경설정(설치가이드)
 . 누구나 따라하는 홈페이지 만들기 1 - 제로보드 XE 게시판 모듈 설치(설치가이드)
 . 누구나 따라하는 홈페이지 만들기 - 제로보드 XE 레이아웃 만들기(설치가이드) 첫번째
 . 누구나 따라하는 홈페이지 만들기 - 제로보드 XE 레이아웃 만들기(설치가이드) 두번째
 . 강호동도 따라하는 홈페이지 만들기 - 제로보드 XE 게시판 만들기(설정편) 첫번째  
 .
강호동도 따라하는 홈페이지 만들기 - 제로보드 XE 게시판 만들기(설정편) 두번째
 . 강호동도 따라하는 홈페이지 만들기 - 제로보드 XE 게시판 만들기(설정편) 세번째
[TIP!!]
 .
누구나 따라하는 홈페이지 만들기 TIP - 한글 PuTTY 퍼티 설치편
 . 홈페이지 방문자 늘리기 TIP - Meta Tag 사용하기
 . [추가] 홈페이지 방문자 늘리기 TIP - Meta Tag 사용하기
 . [TIP] 웹브라우져나 탐색기에서 FTP서버로 접속하기
 . 네이버 검색결과 노출방식 변경에 따른 블로그 포스트 작성방법 - 방문자 늘리기 방법
  [BEST] Funny videos
baby videos
☆ 멱살잡이
☆ 꿈은 록스타
☆ 자지러지는
 KoTuber videos
☆ 19금 봉춤
☆ 인후칰지도
☆ 뽀로로 홀릭

핑백

덧글

  • 아르토스 2010/01/15 23:40 # 삭제 답글

    에구.. 이건 봐도 모르겠네요..ㅡㅡㅋ 역시 삶은 배움이 있어 지겹지 않은가 봐요. 저도 조금 공부해야할듯..ㅎㅎ
    잘보고 갑니다.
  • 놀라운넘 2010/01/16 16:55 #

    처음부터 그림에 나온대로만 따라하세요.
  • 엘제이LJ 2010/01/16 17:49 # 삭제 답글

    어느순간 부터 제로보드가 이렇게 복잡해졌던 걸까요?ㅎ
    예전 제로보드4 시절만 해도 sql만 알면 설치하고 쓰는데 문제 없었는데...ㅜ
    다시 Html과 스타일css를 다루려니 버벅 거림이 이만저만이라는...ㄷㄷ
  • 놀라운넘 2010/01/18 06:29 #

    그건.. 고급설정을 할 경우니까요.
    일반적으로 사용하는 유저라면 공개된 모듈들을 통해서 더 쉽게 멋진 홈페이지를 만들수 있으니 어떻게 보면 더 쉬어졌을지도 모르겠네요.
  • 용리 2010/01/21 19:49 # 삭제 답글

    안녕하세요
    홈페이지 만드는데 어려움이 있어서 검색하다가 들어오게 되었는데 설명이 아주 잘 되있네요^^
    정말 유용하게 공부하고 있어여~ㅋㅋㅋ
    근데 좀 아쉬운 점이 과정은 자세하게 알려주시지만
    결과적으로 어떻게 나오게 되는건지 감이 안와서요ㅜ
    이대로 적용하면 어떻게 생긴 홈페이지가 나오는건지 캡쳐라도 해주시면 더 쉬울텐데ㅠ_ㅠ
    일단 초보라 어려운게 한두가지가 아니네여ㅋㅋㅋ
    좋은 정보 감사합니다 자주 올게여!^^
  • 놀라운넘 2010/01/21 21:12 #

    안녕하세요.
    저의 포스트를 좋게 봐주셔서 감사합니다.
    결과물은 지금 제가 운영하는 홈페이지 정도를 목표로 하고 있습니다.
    60%정도 진행되었다고 보면 되고요.
    견본 사이트는 890.co.kr 입니다.
    직접 들어가서 이곳저곳을 구경다녀보세요.
    그리고, 언제라도 어려우신 점이 생기면 여기 블로그나 홈페이지의 QnA 남겨주시면 제가 능력 닿는데까지는 작은 도움이라도 드리겠습니다.

    감사합니다.
  • 2010/03/08 14:25 # 삭제 답글 비공개

    비공개 덧글입니다.
  • 놀라운넘 2010/03/14 19:57 #

    안녕하세요.

    답변이 많이 늦어져서 죄송합니다.
    글쎄요..
    지금 문제는 메뉴의 생성, 수정, 삭제가 정상적으로 이루어지지 않는 것 같습니다.
    캐시파일을 재생성을 하면 변경된 환경을 재적용하기 때문에 변경된 내용이 화면에 보여야 하는 것이 맞습니다.

    메뉴부분에 대해서 설명이 부족한 것 같습니다.
    해당사항은 추후에 포스팅을 해야 겠네요.

    조금더.. 자세한 사항이 있었으면 더 좋겠네요.
    도움을 못드리는 제가 더더욱 죄송합니다.



  • 으잌 2010/06/02 00:01 # 삭제 답글

    고마워요. 정말 잘 보고 있어요. ^ ^
  • 마르스 2011/01/13 11:08 # 삭제 답글

    음...질문이 있는데요... 모르고 레이아웃에서 일괄적용을 선택하고 저장을 해버려서 상단에 레이아웃이 모두 일괄 적용되어서..ㅠㅠ 각 각 다른 내용이 들어가야하는데 수정을 못하겠네요. 다 똑같은 그림으로 변해서... 혹시 일괄적용된 체크사항을 이전처럼 각 각 적용되도록 수정하는 방법이 있을까요?
댓글 입력 영역


[BEST] Funny baby videos

통계 위젯 (화이트)

15
74
1030546

코튜버

[TOP] KoTuber Funny videos

구글 애드센스