Home > 고객지원 > 질문&답변

처음부터 만들기 매뉴얼 [능숙9단] 마이페이지 만들기
2009-12-26 12:47:21

능숙 미션의 마지막 미션 입니다. 조금만 더 힘내세요~~ ^^

 

이제 마이페이지만 만들게 되면 정말 홈페이지라면 꼭 필요한 기능들이 대부분 다 들어 갔다고 보셔도(^^;;;) 될것 같습니다.

 

1. 우리는 이전 "네비게이션 만들기" 미션을 통해 1.매니져소개, 2.매니져농장, 3. 자료실, 4커뮤니티 라는 대메뉴를 만들었습니다. 그럼  5.마이페이지를 추가 해야 하는데

보통 일반적으로 마이페이지는 대메뉴에(=상단메뉴에) 속한다기 보다는 회원정보 수정페이지에서만 별도의 메뉴가 보이게 하는경우가 많습니다.

즉 눈에 보이지 않는 대메뉴(=상단메뉴)라고 보시면 됩니다.

 

아...설명이 어렵네요 ㅎㅎㅎ (죄송합니다.) 무슨말이지 모르시겠다면 그냥 따라하세요 ^^;;

[디자인관리 디자인 마법사 설정 네비게이션 마법사] 으로 이동하세요.

[대메뉴(최상위)생성] 버튼을 클릭 하시구요.

아래와 똑같이 설정해주세요 (주의!  출력안함으로 하셔야 하며, 접속 URL은 이전장에서 배운 세부페이지의 "회원정보 수정폼"을 선택하셔야 합니다.)


 

2. 그럼 "마이페이지"라는 대메뉴가 만들어 졌습니다.

그럼 마이페이지 밑으로 들어가는 소메뉴를 만들어 봅시다.

대메뉴를 만들때는 "출력안함"으로 설정 하였지만  소메뉴는 "출력함" 으로 설정 하셔야 합니다.

필자는 아래와 같이 소메뉴를 만들었습니다.

 


마이페이지 소메뉴는 모두 "세부페이지"로 되어 있으며 소메뉴 추가시 아래처럼 설정하시면 됩니다.

회원정보 수정 : 세부페이지 -> MYPAGE >> 회원정보 수정폼

예약접수확인 :  세부페이지 -> MYPAGE >> [등록폼 조회] 접수 내역 목록

패스워드 변경 : 세부페이지 -> MYPAGE >> 비밀번호 변경 폼

회원탈퇴  : 세부페이지 -> MYPAGE >> 회원탈퇴 폼

 

아래 그림은 "예약접수확인" 설정 화면 입니다.  (참고하세요)


 

 

3. 그럼 왼쪽메뉴가 실제 출력 될수 있도록 만들어 봅시다.

이전 미션중에 "왼쪽메뉴 만들기" 미션 기억나시나요?  까먹으신 분들을 위해 다시 설명 해드리겠습니다. 따라하세요 ^^

[디자인관리 고급 디자인 관리 그룹디자인 관리]으로 이동 후 [프로그램 마법사 생성]버튼을 클릭 합니다.

프로그램 종류에서 [네비게이션 마법사]를 선택 후 [왼쪽 메뉴1단계]를 선택하세요.

그러면 아래와 같은 설정 폼이 나타납니다. 똑같이 설정 해주세요


여기서 주의 하실 점은 "메뉴 시작 지점" 입니다. ^^

 

4. {GROUP_left5}를 만드셨다면 실제 왼쪽 디자인에 적용 합시다.

[디자인관리 고급 디자인 관리 메인 화면 디자인]으로 이동 후 왼쪽 디자인을 클릭합니다.

좌측편에 나만의 디자인 [추가] 버튼이 있습니다. 클릭 하시구요

제목에 "마이페이지"라고 입록하시고

html 소스 입력란에 아래와 같이 입력해주세요.

 


※ 입력된 HTML

<table width="200" border="1">
  <tr>
    <td>
     <br>
{GROUP_login_box}<br>
<br>
     <br>
마이페이지<br>
<br>
{GROUP_left5}
<br>
<br>

    </td>
  </tr>
</table>

 

5. 왼쪽 디자인을 추가 했다고 해서  알아서 척척 나타나지 않습니다.

마이페이지 관련 페이지 모두 찾아서 왼쪽 디자인을 "마이페이지"로 지정해줘야 합니다.

[디자인관리 고급 디자인 관리 세부 화면 디자인] 으로 이동 하신 후

+ MYPAGE -> "회원정보 수정"을 클릭해주세요.

아래와 같이 왼쪽 디자인을 마이페이지를 선택 해주시고 [적용]버튼을 클릭해주셔야 합니다.


아래 페이지도 위와 같은 방식으로 왼쪽디자인을 선택 해서 [적용]하셔야 합니다.

세부페이지 -> MYPAGE >> [등록폼 조회] 접수 내역 목록

세부페이지 -> MYPAGE >> 회원탈퇴 폼

 

 

수고 하셨습니다.

 

완성 화면 : http://myhome13.webdimo.co.kr

 

홈페이지로 가셔서 회원 가입하신후  로그인 해보세요

그리고 회원 정보수정을 클릭 했을때 아래와 같이 왼쪽 메뉴가 나온다면 대성공 입니다.

- 회원정보 수정

- 예약접수 확인

- 패스워드 변경

- 회원탈퇴

 

 

만들어보니 어떤가요? 뿌듯하신가요? ㅎㅎㅎㅎ

 

필자는 지면상 단순한 디자인(디자인같지도 않지만 ㅎㅎㅎ)에 간단한 html을 사용하였지만 여러분은 포토샵으로 이쁘게 꾸며서 제작하시면 정말 완벽한 홈페이지가 될꺼라 생각합니다.

 

정말 고생 많으셨구요.여기까지 완성 하신분은 등업 게시판에 미션 결과를 남겨주세요.

 

-----------------------------------------------------------

제목 : 능숙등업 미션 완료

내용 : (완성한 페이지 주소 입력)

         이머니 충전 할 계정 ID :

         - 계정ID란?  홈페이지 계정의 관리자 모드로 로그인 할 때 사용되는 아이디 입니다.
         - 참고로 이머니 충전 후 다른 계정으로 이동이 안되므로 실제 운영 할 홈페이지의 계정 ID를 입력해주세요 ^^ 

-----------------------------------------------------------

 

 

 

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^