아이디저장


더보기 >










[공지] 미션 도전하기 전에 꼭 읽어보세요.
[공지] 초급미션이 A코스,B코스로 분리되었습니다.

미션 B코스 [초급11단] 미니 로그인 박스, 회원가입, 회원정보 수정 페이지 만들기
2012-06-14 23:56:00
아람스쿨 조회수 2030

홈페이지라면 회원가입은 기본이겠죠.^-^? 

이번 미션을 통해 쉽게쉽게 만들어 보도록 하겠습니다. 

  

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

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

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

 하단에 "회원 로그인 박스"를 한번 더 선택합니다.

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

  

 환경설정하는 화면이 나오면 원하는 그룹코드를 입력하고 제목을 입력합니다.

필자는 그룹코드를 {GROUP_login_box} 로 하고 제목을 "미니 로그인 박스" 라고 하였습니다.  

 

 

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

 [디자인관리 > 고급 디자인 관리 > 스킨 관리]에서 스킨이 총 5개가 만들어져있습니다.

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

여기까지 수정 후  홈페이지에 어떻게 나오는지 확인해봅니다.^-^ 

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

 

※ 꼭 알아두세요.

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

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

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

 

 

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

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

 

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

{GROUP_login_box}옆에 보시면 [소스수정]이라는 버튼을 클릭합니다.

그러면 html 소스가 줄줄줄.. 겁먹을 필요없습니다.^-^

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

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

  

수고하셨습니다.

 완성화면 : http://uhkr11b.aramschool.co.kr

 그럼 다음 미션으로 이동 하겠습니다.~~~ ^-^

 

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

 

댓글 105개