지난시간에 이어서 이번시간에는 상단메뉴에 구인구직을 추가하고,  구인구직 메인페이지 및 채용정보와 인재정보페이지를 만들어보도록 하겠습니다.                         상단메뉴에 구인구직메뉴를 추가해보도록 하겠습니다. 우선, 구인구직 메인페이지를 만들기 위해서 [디자인관리 》 고급 디자인 관리 》 추가 페이지 관리]로 이동한후 아래와 같이 "guin"이라는 추가페이지를 생성합니다.     [디자인관리 》 전문가 환경설정 》 네비게이션 마법사]에서 구인구직메뉴를 아래와 같이 추가합니다.     구인구직의 하위메뉴로 채용정보와 인재정보를 아래와 같이 추가합니다. 채용정보는  구인구직2.0 》 채용공고목록에 연결하고, 인재정보는 구인구직2.0 》 인재정보목록에 연결합니다.                               현재 상단 네비게이션 플래시메뉴가 좁기 때문에 상단네비게이션 플래시를 수정해보도록 하겠습니다. 귀차니즘 매니아를 위해 링크 걸어 둡니다. http://aramschool.co.kr/bbs_shop/read.htm?board_code=data&idx=987   [디자인관리 》 전문가 환경설정 》 네비게이션 마법사]로 이동한 후, 화면에서 상단우측의 "euc-kr XML보기(구버전)"을 클릭하세요. 새창이 열리면 곧바로 Ctrl + A (전체선택) 하고, Ctrl + C (복사) 합니다. 위에서 다운로드받은 파일의 압축을 풀고, menu.xml파일을 메모장으로 열어서 내용을 모두 지운후 Ctrl + V (붙여넣기)하고 저장합니다.   ※  이 같은 방법으로 하면 수정된 menu.xml파일이 홈페이지의 상단메뉴와 동일하기 때문에 쉽게 상단메뉴를 보면서 수정할 수 있답니다. 상단플래시메뉴와 왼쪽플래시메뉴를 만들 경우에도 지금과 동일한 방법으로 작업하시면 쉽게 만들 수 있습니다.   topMenu.fla파일을 CS3 Flash로 열어 보시기 바랍니다. (CS3 이하 버젼에서는 에러 날수 있으니 꼭 CS3 이상에서 작업 하시기 바랍니다.) 자. 그럼 3개의 액션프레임이 보이나요? ( 잘 모르시겠으면 중급6단과 중급7단을 참고하세요 ^^) 세번째 액션프레임을 선택하고 F9를 누르고 아래와 같이 수정합니다.           필자는 24번 라인에서 950, 75 수정하였고, 메뉴간 간격조절을 위해서 35번 라인에서 35로 수정하였습니다. 그리고 배경 이미지 크기도 아래와 같이 수정해주세요.             수정을 다 하셨으면 Ctrl + Enter 키를 눌러서 결과화면을 확인해보시기 바랍니다.     가로 사이즈가 정상적으로 조절되었다면 성공 ^^   [디자인관리 》 고급 디자인 관리 》 웹디자인 FTP] 으로 이동한 다음 생성된 SWF파일을 업로드 합니다. 여기서 SWF파일의 경로는 홈페이지마다 다르므로 수정하시기 바랍니다.                             채용정보의 왼쪽메뉴에는 직종별, 지역별 메뉴가 나타나도록 만들어보겠습니다. [디자인관리 》 고급 디자인 관리 》 그룹디자인 관리]으로 이동합니다. [[구인구직]채용공고 직종/지역 메뉴 > 직종별출력 2단계]을 클릭하고 아래와 같이 설정합니다.

지역별 메뉴도 위와 동일한 방법으로 [[구인구직] 채용공고 직종/지역 메뉴 > 지역별출력 (가로형)]을 클릭하고 아래와 같이 설정해주세요.

채용정보 왼쪽메뉴를 만들기 위해서 [디자인관리 》 고급 디자인 관리 》 메인 화면 디자인]의 왼쪽디자인에  "채용정보왼쪽"이라는 새로운 메뉴를 아래와 같이 추가합니다.

위에서 채용정보 왼쪽메뉴가 생성되었으므로 채용정보목록과 상세페이지를 만들어보도록 하겠습니다.

[디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 구인구직2.0의 채용공고목록을 클릭하세요.

- 외각디자인의 왼쪽디자인을 "채용정보왼쪽"을 선택하고 "외각디자인 저장하기"를 클릭합니다.

- 기본템플릿에서 "채용정보목록"을 선택합니다.

- 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다.

- 나만의 디자인에 복사된 "채용정보목록"을 선택합니다.

이전의 미션에서 채용정보 추가항목으로 설정한 희망국적을 채용정보목록의 항목으로 추가해보겠습니다.

채용공고목록의 소스를 TEXT모드로 바꾸고 아래와 같이 소스를 수정합니다.

아래와 같이 "국적"항목이 추가된것을 확인할 수 있습니다.

 

채용공고 상세페이지를 수정하기 위해서 [디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 구인구직2.0의 채용공고 상세페이지를 클릭합니다.

- 외각디자인의 왼쪽디자인을 "채용정보왼쪽"을 선택하고 "외각디자인 저장하기"를 클릭합니다.

- 기본템플릿에서 "채용공고 상세보기"을 선택합니다.

- 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다.

- 나만의 디자인에 복사된 "채용공고 상세보기"을 선택합니다.

인재정보의 왼쪽메뉴에도 채용정보와 동일하게 직종별, 지역별 메뉴가 나타나도록 만들어보겠습니다.

[디자인관리 》 고급 디자인 관리 》 그룹디자인 관리]으로 이동합니다.

[[구인구직] 인재 직종/지역 메뉴 > 직종별출력 2단계]을 클릭하고 아래와 같이 설정합니다.

지역별메뉴도 위와 동일한 방법으로 [[구인구직] 인재 직종/지역 메뉴 > 지역별출력 (가로형)]을 클릭하고 아래와 같이 설정해주세요.

인재정보 왼쪽메뉴를 만들기 위해서 [디자인관리 》 고급 디자인 관리 》 메인 화면 디자인]의 왼쪽디자인에 "인재정보왼쪽"이라는 새로운 메뉴를 아래와 같이 추가합니다.
 

만들어진 인재정보 왼쪽메뉴가 생성되었으므로 인재정보목록과 상세페이지를 만들어보도록 하겠습니다.

[디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 구인구직2.0의 인재정보목록을 클릭하세요.

- 외각디자인의 왼쪽디자인을 "인재정보왼쪽"을 선택하고 "외각디자인 저장하기"를 클릭합니다.

- 기본템플릿에서 "인재정보목록"을 선택합니다.

- 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다.

- 나만의 디자인에 복사된 "인재정보목록"을 선택합니다.

이전의 미션에서 인재정보 추가항목으로 설정한 국적을 인재정보목록의 항목으로 추가해보겠습니다.

인재정보목록의 소스를 TEXT모드로 바꾸고 아래와 같이 소스를 수정합니다.

아래와 같이 국적이 추가된 것을 확인할 수 있습니다.

인재정보의 상세페이지를 수정하기 위해서 [디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 구인구직2.0의 이력서 상세보기를 클릭합니다.

- 외각디자인의 왼쪽디자인을 "인재정보왼쪽"을 선택하고 "외각디자인 저장하기"를 클릭합니다.

- 기본템플릿에서 "일반 구인구직"을 선택합니다.

- 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다.

- 나만의 디자인에 복사된 "일반 구인구직"을 선택합니다.

아~~ 1개가 빠졌군요..  앞에서 구인구직의 메인화면을 추가페이지로 만들었는데, 왼쪽디자인을 선택하지 않았습니다.

구인구직 메인화면의 왼쪽디자인은 채용정보왼쪽을 선택하시기 바랍니다.

오늘은 빡씬 날이네요 ㅋㅋ~ 수고하셨습니다. ^^

완성화면 : http://uhkr45.anybuild.com/shop_add_page/index.htm?page_code=guin