통합 매뉴얼 17. 제품 소개 등록하기
2012-02-18 01:43:59
(dcweb) 조회수 998

08. 제품소개

1 제품목록 수정하기

웹디모 기업의 제품을 핸드폰이라 가정하고 홈페이지에 핸드폰 제품을 진열하고 각 제품을 클릭할 경우에 상세정보가 출력되도록 만들어 보겠습니다.

(1) 제품목록 수정하기

EMB000005e01af7 src

? [디자인 관리 》고급 디자인 관리 》세부 화면 디자인]으로 이동하여 제품소개에서 제품목록을 클릭합니다.

? 기본 템플릿에서 제품목록 선택 후 하단에 [나만의 디자인으로 복사]버튼을 클릭합니다.

? 나만의 디자인에 생성된 제품목록A를 선택한 후 적용버튼을 클릭합니다.

? 아래와 같이 제품목록A의 소스가 표시됩니다.

EMB000005e01af8 src

? 제품목록A의 소스를 드림위버로 붙여 넣습니다. 처음 솔루션 선택시 디자인이 없는 템플릿을 선택했기 때문에 서브 페이지의 본문 타이틀은 없고 내용부분만 변환코드로 출력됩니다. 드림위버로 불러온 소스에 본문 타이틀을 삽입합니다.

EMB000005e01af9 src

sub2-1_tit.gif" width="125" height="52" /> · HOME > 회사소개 > 제품소개


? 아래와 같이 드림위버에 화면에 나타납니다.

EMB000005e01afa src

? 위의 html소스를 [디자인 관리 》고급 디자인 관리 》세부 화면 디자인]으로 이동하여 제품소개의 제품목록에 소스를 삽입하고 수정 버튼을 클릭합니다.

EMB000005e01afb src

(2) 제품등록 하기

? 제품목록을 수정한 후 아래 그림과 같이 나타나며 현재 등록된 제품이 없으므로 아무것도 표시되지 않습니다. 제품이 출력되도록 제품을 등록해 보도록 하겠습니다.

EMB000005e01afc src

? 제품을 등록하기 전에 제품분류를 생성하겠습니다. [제품 관리》제품분류 관리》제품분류 관리]의 최상의 분류생성을 클릭합니다.

EMB000005e01afd src

EMB000005e01afe src

? 분류 명을 입력합니다. 필자는‘제품분류1’이라고 입력했습니다.

? 디자인 설정의 등록버튼을 클릭합니다.

? 동일한 방법으로 제품분류 4까지 생성합니다.

? [제품 관리 》제품 관리 》제품 관리]에서 제품등록버튼을 클릭합니다.

EMB000005e01aff src

? 1차 카테고리에 제품 분류1을 선택합니다.

? 제품정보에 제품명, 모델명, 제조사, 회사명, 기본 판매가를 각각 입력합니다.

? 찾아보기버튼을 이용해 제품이미지를 삽입합니다.

등록버튼 클릭 후 제품소개 출력화면은 아래와 같습니다.

EMB000005e01b00 src

(3) 제품 상세보기 수정하기

EMB000005e01b01 src

? [디자인 관리 》고급 디자인 관리 》세부 화면 디자인]로 이동하여 제품소개에서 제품 상세보기를 클릭합니다.

? 기본템플릿에서 제품 상세보기 A를 선택한 후 하단의 [나만의 디자인으로 복사]버튼을 클릭합니다.

? 나만의 디자인에 생성된 제품상세보기 A를 선택하고 적용버튼을 클릭합니다.

EMB000005e01b02 src

? 위의 HTML소스에 다음의 본문타이틀 소스를 삽입합니다.

sub2-1_tit.gif" width="125" height="52" /> · HOME > 회사소개 > 제품소개


? 수정버튼을 클릭 후 제품상세보기는 다음과 같이 나타납니다.

EMB000005e01b03 src