Home > 마케팅&교육센터 >메뉴얼

처음부터 만들기 매뉴얼 미니 로그인 박스, 회원가입, 회원정보 수정 페이지 만들기
2012-02-18 00:15:42
조회수 463

 

 

 관리자 모드로 로그인 하시구요. (앞으로이부분 생략하겠습니다. ^^)

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

 프로그램 종류 선택에서 "미니로그인박스"를 선택 하시구요

 하단에 "회원 로그인 박스"를 한번 더 선택 해주세요.

 (SSL 보안 로그인 박스 선택하시면 작동안됩니다.^^;; 이건 보안서버를 설치한 고객만 사용가능)

  

 환경설정하는 화면이 나올건데요. 필자는 그룹코드를 {GROUP_login_box} 로 하고 제목을 "미니 로그인 박스" 라고 하였 습니다.

 

 

 

 

 

 

 

 

{GROUP_login_box} 그룹디자인이 만들어 졌나요? 그럼 실제 홈페이지에 적용해보도록 하겠습니다.

 

[디자인관리 고급 디자인 관리 메인 화면 디자인]에서 왼쪽디자인이 총 5개가 만들어 져있습니다.

5개 모두 {GROUP_login_box}을 적당한 위치에 넣으시면 됩니다.

 


 


여기까지 수정 후  홈페이지가 어떻게 나오는지 확인 해보세요 ^^

 

한번에 로그인, 회원가입, 회원정보수정, 패스워드 찾기기능이 모두 해결되었습니다.

 

※ 꼭 알아두세요.

본 솔루션은 회원가입, 회원정보 수정, 패스워드 찾기, 우편번호 찾기등 홈페이지에 필요한 기본페이지는 이미 모두 생성되어 있습니다.

단지 로그인 박스에서 해당 페이지로 링크를 걸어두었을 뿐이지 위 [프로그램 마법사]에 의해서 회원가입, 패스워드 찾기 페이지가 생성된것이 아닙니다.

우선 다음 미션을 통해 이러한 기본 페이지 디자인 수정 방법에 대해서 알아 보도록 하구요~ 본 미션에서는 넘어가도록 하겠습니다. ^^


 

 

 

 

 

 

 현재 로그인 박스를 이쁘게 수정하고 싶은 분들을 위해 방법을 알려드리도록 하겠습니다.

 참고로 HTML은 기본적으로 아셔야 합니다.

 

[디자인관리 고급 디자인 관리 그룹디자인 관리] 에서 지금까지 프로그램 마법사만 이용했습니다. 하지만 디자인을 수정 하시려면 원본 소스를 수정해야 하는데요.

{GROUP_login_box}옆에 보시면 [소스수정]이라는 버튼이 있습니다. 클릭하세요.

그러면 html 소스가 줄줄줄.. 겁먹지 마시구요.

드림위버나  나모같은 프로그램에 소스를 붙여 넣어서 수정해보세요.

이건 수정가능 하신 분만 도전해보세요. ^^