I . PR샵 가입하기

1. PR샵개요

2. PR샵 회원가입하기

3. PR샵 관리자 화면 살펴보기

II. PR샵으로 홈페이지 구축하기

1. 홈만들기

1) 홈운영정보

(1) 도메인연결

(2) 기본정보

(3) 약도등록

(4) 약관/개인정보방침

(5) 세금증빙 정보

(6) 비밀번호 변경

(7) 성인인증 서비스

2) 홈 디자인관리

(1) 디자인 템플릿

(2) 메인 화면 관리

(3) 대표메뉴 관리

2. 컨텐츠 관리

1) 카테고리 관리

(1) 카테고리 등록/수정

2) 상품/서비스 관리

(1) 상품/서비스 검색/수정

(2) 상품/서비스 등록

3. 커뮤니티

1) 게시판 관리

(1) 게시판목록

(2) 게시판등록

(3) 게시판관리

(4) 스팸글 등록 방지

2) 공지사항 관리

(1) 공지사항 기본설정

(2) 공지사항목록

(3) 공지사항등록

3) 폼메일 관리

(1) 폼메일 목록

(2) 폼메일 등록

4. 프로모션

1) SMS관리

(1) 자동발송설정

(2) 주소록관리

(3)SMS보내기

(4) 발송내역관리

(5) SMS충전하기

2) 방문자 통계

(1)방문자 통계 관리

3) 쿠폰관리

(1) 쿠폰관리

(2) 쿠폰등록

4) 이벤트팝업관리

(1) 이벤트팝업목록

(2)이벤트팝업등록

5) 메일관리

(1) 개별고객메일전송

(2)아웃룩메일설정

6) SEO 관리

(1) 메뉴별SEO관리

(2) 상품별SEO관리

5. 고객관리

1) 회원관리

(1) 회원(고객)목록

(2) 회원(고객)수기등록

2) 회원 인증 관리

(1) 인증 기능 설정

(2) 인증 대기 검색/처리

3) 회원 탈퇴 관리

(1) 탈퇴 기능 설정

(2) 탈퇴 검색/처리

6. 예약관리

1) 예약관리

(1) 예약내역조회

(2) 예약수기입력

2) 예약설정

(1) 기본 예약 설정

(2) 상품별 예약 설정

7.  모바일

1) 모바일 홈페이지

(1) 모바일 홈페이지란?

(2) 모바일 홈페이지 설정

(3) 모바일 방명록 관리

8. 동영상

1) 동영상 서비스

(1) 동영상 서비스

III 디자인 마법사

1. 인트로 페이지

1) 인트로 페이지 등록

2. 디자인 기본설정

1) 전체 레이아웃 설정

2) 개별디자인소스초기화

3. 공통영역 설정

1) 기본 디자인

2) 상단 디자인

3) 하단 디자인

4) 좌측 디자인

5) 우측 디자인

4. 페이지 디자인 설정

5. 상품 배경 디자인

6. 게시판 배경 디자인

7. 추가 페이지 설정

8. 웹 FTP

9. 新 이미지뱅크

III. 디자인 마법사를 이용한 개별디자인

1. html이란?

2. Css란?

3. 상단디자인

4. 메인디자인

5. 서브디자인

6. 추가페이지

7. 게시판 페이지

8. 상품페이지

9. 결제연연하기

[PR샵 가입하기]

1. PR샵이란 ?

회사홍보, 병원, 팬션, 식당등 모든 업종에 대해서 홈페이지구축을 쉽게 할 수 있도록

메이크샵이 만든 홈페이지 솔루션으로서  100% 트래픽 무제한입니다.

2. PR샵 회원가입하기

따라하기 =>

1) 메이크샵 메인페이지에서 PR홈페이지를 클릭 또는 주소창에 인터넷 주소창에

http://www.prshop.com을 입력합니다.

2) PR샵 메인화면이 나타나면 회원가입을 클릭합니다.

3) 약관을 확인하고 개인방침에 동의한후 [회원가입에 동의함]을 클릭 합니다

기본적으로 14일 무료체험이 가능합니다.

4) 운영자 정보를 입력합니다.

5) 앞으로 사용할 PR샵 아이디와 비밀번호를 입력한후 업종선택을 합니다.

어떤 업종을 선택하느냐에 따라 홈페이지 구축시 디자인 템플릿이나 메뉴명들이바뀔수 있습니다.  이곳에서는 기본업종을 선택한후 가입한 예로 홈페이지를 작업을 해보겠습니다.

6) 등록완료를 클릭합니다. 회원가입후 아이디와 비밀번호를 입력하고 로그인 합니다.

3. PR샵 관리자 화면둘러보기

기본업종으로 가입 했을때 의 관리자 화면입니다.

홈페이지 제작과 운영에 관련된 메뉴를 한눈에 확인 할 수 있으며 각종 부가서비스에 대한 신청도 가능하도록 구성되어 있습니다.

① 상단 메뉴부분의 메뉴순서에 따라 홈페이를 만들고 관리할 수 있습니다.

② 좌측부분은 가입일과 세팅된 도메인을 확인 할 수 있으며 나만의 메뉴를 설정해서

효과적으로 홈페이지를 관리 할 수 있습니다.

③ 중앙화면은 신규회원가입/ 게시글/ 스케쥴 등을 볼수 있습니다.

④ 우측의  고객간편등록/ 예약검색 등으로 고객현황이 한눈에 확인 가능합니다.

⑤ PR샵 간단가이드를 통해 원하는 페이지로 바로이동이 가능합니다.

[피알샵으로 홈페이지 구축하기]

1.홈만들기

1_1. 홈만들기 > 홈운영정보

홈페이지 만들기를 위한 기본정보 도메인/ 약도 등을 설정할 수 있습니다.

1) 홈만들기 > 홈운영정보 > 도메인 연결 클릭

홈페이지 운영을 위해서는 기본 제공 도메인을 대표 도메인으로 변경해주어야 합니다.

대표 도메인 입력 시 반드시 www 까지 입력해야 하며 주도메인 변경1회 무료, 포워딩    도메인 1개 무료로 처리되며 이후 추가/변경 시 22,000원 부과됩니다.

따라하기 =>

① 홈만들기 > 홈 운영정보 > 도메인 연결 클릭

② 대표 도메인 입력후 [저장] 클릭

③ 우측상단 [My shop] 클릭하면 앞으로  구축될 홈페이지를 확인할 수 있습니다.

2) 홈만들기 > 홈 운영정보 > 기본정보

홈페이지의 기본정보로서  회사소개와 회사소개 이미지를 등록할 수 있으며 일부내용은

하단 카피라이트 부분에 노출됩니다.

따라하기 =>

① 홈 만들기 > 홈 운영정보 > 기본정보 클릭

② 홈페이지 기본정보 입력

홈 페이지명/ 영엽시간 /전화번호 /이메일주소 통화량 등을 입력합니다.

③ 홈페이지 기본정보 입력

회사소개 이미지등록에서 [찾아보기]를 클릭 후 이미지를 등록합니다.

④ 운영자 정보를 입력하고 [저장]을 클릭합니다.

⑤ [My shop]클릭 [회사소개]메뉴를 클릭해서  적용된 화면을 확인합니다.

3) 홈만들기 > 홈 운영정보> 약도등록

고객들에게 오시는 길을 보다 쉽게 설명할 수 있습니다.

따라하기 =>

① 홈만들기 > 홈운영정보 > 약도등록 클릭

② 찾아보기를 클릭해서 지도이미지를 선택한 뒤 찾아오시는 길에 정보를 입력하고 약도등록을 클릭합니다.

[Myshop]을 클릭후 홈페이지에서 [회사소개]를 클릭해서 확인합니다.

4) 홈만들기 > 홈 운영정보 > 약관/개인정보방침

홈페이지의 약관/개인정보 취급방침을 변경할 수 있습니다.

이용약관은 공정거래위원회에서 제공하는 표준약관을 제공하고 있습니다.

개인정보 취급방침은 한국정보보호진흥원에서 올바를 적용여부를 상시 점검중에 있으므로 반드시 적용해야 합니다.(개인 정보 취급방침은 홈페이지 하단, 회원가입 시 약관 등의 화면에 노출됩니다.)

5) 홈만들기 > 홈 운영정보 > 세금증빙정보

피알샵 결제 시, 세금계산서 등 증빙서류 발급을 위한 정보를 입력하는 메뉴입니다.

- 개인일 경우현금영수증 식별번호는 주민등록번호, 핸드폰번호를 입력합니다.

- 사업자의 경우 각 항목에 대해 정확한 정보를 입력해야 발급시 문제가 생기지 않습니다.

6) 홈만들기 > 홈 운영정보 > 비밀번호 변경

홈페이지 로그인에 사용되는 비밀번호를 변경할 수 있습니다.

- 비밀번호는 가급적 영,숫자를 같이 사용하는 것이 좋으며 4자 이상 이어야 합니다.

7) 홈만들기 > 홈 운영정보 > 성인인증서비스

부가서비스로서 인터넷을 방문하거나 회원으로 가입하는 고객들의 개인 식별의 기초 자료인 주민번호와 성명의 일치여부를 인증하는 부가서비스로 서울신용평가정보(SIREN24,제정 경제부로부터 신용조회업 허가 취득, 1999년 3월)에서 보유중인 개인 3,500여만명의 식별정보(주민등록번호,성명)를 활용하여 제공됩니다.

1_2. 홈만들기 > 홈디자인관리

홈페이지에 다양한 홈디자인 템플릿과 메인화면/대표메뉴등을 관리 할 수 있습니다.

※ PR샵 가입시 선택한 업종에 딸서 템플릿과 대표메뉴명은 다르게 보여질 수 있습니다.

1) 홈만들기 > 홈디자인 관리 > 디자인 템플릿

페이지 변경시 화면전환효과와  홈페이지 전체의 스타일을 템플릿을 이용해 한 번에 바꿀 수 있습니다.

따라하기 =>

① 홈만들기 > 홈디자인관리 > 디자인템플릿 클릭

② 화면전환효과에서 원하는 효과를 설정합니다.

③ 화면아래에서 원하는 디자인을 선택 후 저장을 클릭합니다.

④ [Myshop을] 클릭해서 홈페이지에 적용된 화면을 확인합니다.

2) 홈만들기 > 홈디자인 관리 > 메인 화면 관리

홈페이지의 메인화면(로고,대표메뉴,메인플래시,흐르는플래시,배너,게시판)등을 설정 할 수 있습니다.

① 로고 : 홈페이지 좌측상단에 표시되며 최대 150kb까지 등록 가능 합니다.

(가로 최대200픽셀)

② 대표메뉴(상단) : 홈페이지 상단에 노출할 대표메뉴를 생성, 수정, 삭제할 수 있습니다.

③ Main Flash : 홈페이지 메인에 플래시를 활용해서 6장의 이미지를 노출할 수 있습니다.

④ 흐르는 플래시 : 최대30장의 이미지를 플래시 효과로 노출할 수 있습니다.(링크가능)

⑤ 메인배너 1,2 원하는 배너등록이 가능하며 적정사이즈 160X70, 150kb까지 가능합니다.

⑥ Board : 홈페이지에 생성된 게시판중 메인에 노출할 게시판을 설정할 수 있습니다.

⑦ 폼메일 : 홈페이지메인 하단에 노출될 폼메일 설정을 할 수 있습니다.

⑧ 약관/개인정보방침 : 홈페이지의 이용약관/개인정보 취급방침을 작성,수정할수 있습니다.

따라하기 =>

1. 로고등록하기

① [Logo 설정]클릭       ②  홈페이지 로고관리 창에서 [찾아보기]클릭

③ 로고이미지 선택후 열기

④ 저장을 클릭하면 메인화면 좌측상단에 로고가 적용됩니다.

2. 메인플래시 설정하기

메인화면에 보여질 플래시를 설정합니다.

① [Main Flash 설정]클릭

메인화면 플래시창에서 메인에 보여질 이미지를 선택해서 이미지를  등록합니다.

우측의 전체선택을 클릭하면 여러파일을 한번에 불어올수 있습니다.

②  메인플래시로 사용될  이미지를 불러들인 후 우측탭을 이용해 다양한 플래시 효과를 적용할 수 있습니다.

	1. 플래시 크기 : 홈페이 메인화면에 보여지는 플래시 크기설정 2. 테두리 모양 : 모서리부분설정(각지게/둥글게)
	1. 플래시 타입 : 슬라이드 효과와 기타효과를 설정 - 슬라이드효과 이미지가 5개이상 등록되어야 설정가능 효과,노출시간,노출순서 설정갑 변경불가능 2. 효 과 : 등록된 이미지가 변경되는 효과설정 3. 노출시간(초) : 이미지가 변정전 보여지는 시간설정 4. 노출순서 : 홈페이지에 보여지는 이미지 순서설정

1. 텍스트 추가 : 등록한 이미지 위에 텍스트 추가가능

2. 추가한 텍스트에 글꼴,크기,자간,줄간격 등을 설정

3. 글상자 알파값 : 글상자배경에 투명도 설정가능

0%가까울수록 배경이 투명해 집니다.

1. 플래시 크기에 설정된 값보다 이미지를 작게

등록했을 경우 여백에 보여지는 색 설정

	image

2. 글  자 : 글상자에 입력한 텍스트 글자색 설정

3. 글상자 : 글상자에 대한 배경색 설정

4. 미리보기 : 설정한 값으로 홈페이지에 노출될

플래시를 미리 볼 수 있습니다.

5. 저장하기 : 저장을 클릭하면 홈페이지에 적용 됩니다.

이부분이 배경색

3. 흐르는 플래시 설정하기

메인화면에 보여질 흐르는플래시를 설정합니다.

4. 메인배너설정

[Main Banner 1 설정]클릭

①  찾아보기를 클릭 배너이미지 불러오기

②  배너 연결 주소 등록에서 banner1에 링크 적용

③  저장클릭

3) 홈만들기 > 홈디자인 관리 > 대표메뉴 관리

홈페이지에 노출되는 대표 메뉴를 등록, 수정, 노출여부, 순서를 변경/관리할 수 있습니다.

따라하기 =>

① 대표메뉴관리에서 메뉴이름을 변경합니다.

② 기능연결생성과 주소입력생성을 클릭해서 메뉴추가가 가능합니다.

2 컨텐츠관리

2_1. 컨텐츠관리 > 카테고리관리

1) 컨텐츠관리 > 카테고리관리 > 카테고리 등록/수정

홈페이지에 보여질 카테고리 정보를 등록 및 수정할 수 있습니다.

따라하기 =>

① 컨텐츠관리 > 카테고리관리 > 카테고리 등록/ 수정 클릭

② 카테고리명을 입력한 후 저장을 클릭합니다.

③ 우측 [카테고리생성]버튼을 클릭 하면 카테고리 추가가 가능합니다.

④ [Myshop]클릭 홈페이지에서 상품소개를 클릭해서 카테고리가 생성된 것을 확인합니다.

2_2. 컨텐츠관리 > 상품/서비스 관리

등록된 전체 상품의 검색 및 등록, 카테고리 생성 및 상품별 카테고리 분류가 가능합니다.

1) 컨텐츠관리 > 상품/서비스 관리 > 상품/서비스 검색/수정

현재 등록된 상품검색 및 카테고리별 개별 상품 검색이 가능합니다.

2) 컨텐츠관리 > 상품/서비스 관리 > 상품/서비스 등록

기본적인 상품이나 서비스의 정보를 등록할 수 있습니다.

따라하기 =>

① 컨텐츠관리 > 상품/서비스 관리 > 상품/서비스 등록 클릭

② 상품/서비스정보등록에 정보를 입력합니다.

③ 상품/서비스 이미지등록에서 찾아보기를 클릭 보여질 상품이미지를 등록합니다.

개별500kb  이미지사이즈는 권장사이즈

④ 상품/서비스 소개글 작성에서 상세설명을 입력합니다.

⑤ 관련상품 등록에서 노출여부와 노출옵션을 선택한 뒤 저장을 클릭합니다.

3 커뮤니티

3_1. 커뮤니티 > 게시판 관리

자유게시판,FAQ ,Q&A,포토리뷰,포토갤러리등의 게시판 생성과 관리를 할 수 있습니다.

1)  커뮤니티 > 게시판 관리 > 게시판 목록

현재 등록된 게시판 목록의 속성을 확인할 수 있으며, 수정/상세설정이 가능합니다.

2)  커뮤니티 > 게시판 관리 > 게시판 등록

자유게시판,FAQ,등의 다양한 게시판을 생성할 수 있습니다.

따라하기 =>

①  일반게시판/갤러리게시판 을 정한뒤 게시판 만들기를 클릭합니다.

② 게시판 기본 설정 정보에서 사용될 용도에 따라 상세옵션을 지정합니다.

③ 하단 게시판 디자인설정에서 사용할 게시판 스킨을 선택한 뒤 저장을 클릭합니다.

3)  커뮤니티 > 게시판 관리 > 게시판 관리

게시글 등록 및 게시판에 등록된 게시글의 관리가 가능합니다.

- 따라하기

①  제목을 클릭한 답변을 입력합니다.

4)  커뮤니티 > 게시판 관리 > 스팸글 등록 방지 기능

게시판 또는 스팸로봇이 무작위로 스팸을 등록하는 것을 차단하는 기능입니다.

3_2. 커뮤니티 > 공지사항 관리

홈페이지의 신규 공지사항 게시판에 대한 설정과 관리를할수 있습니다.

1)  커뮤니티 > 공지사항 관리 > 공지사항 기본 설정

공지사항 게시판의 디자인과 제목,페이지당 노출게시글수,글보기 권한을 설정할수 있습니다.

따라하기 =>

①  커뮤니티 > 공지사항 관리 > 공지사항 기본 설정 클릭

② 제목과 페이지 당 글수 등을 설정합니다.

③ 게시판 디자인 설정에서 스킨을 선택하고 저장을 클릭합니다.

④ 상세설정을 클릭하면 게시판을 구성하는 세부사항들을 항목별로 설정할 수 있습니다.

2)  커뮤니티 > 공지사항 관리 > 공지사항목록

등록된 공지사항을 목록으로 보여드리며 삭제가 가능합니다.

3)  커뮤니티 > 공지사항 관리 > 공지사항등록

신규공지사항 등록이 가능합니다.

따라하기 =>

① 커뮤니티 > 공지사항 관리 > 공지사항등록 클릭

② 작성자/이메일/제목과 내용을 입력하고 저장을 클릭합니다.

3_3. 커뮤니티 > 폼메일 관리

홈페이지 고객들이 별도의 메일 프로그램을 사용하지 않고 운영자엑 메일을 보낼 수 있는 기능을 가진 폼메일을 생성, 수정, 삭제를 할 수 있습니다.

1)  커뮤니티 > 폼메일 관리 > 폼메일 목록

폼메일을 생성하거나, 생성된 폼메일의 목록 조회 및 삭제, 속성 수정이 가능합니다.

2)  커뮤니티 > 폼메일 관리 > 폼메일 등록

새로운 폼메일 등록이 가능합니다.

따라하기 =>

① 기본설정에서 제목과 내용을 입력합니다.

② 항목상세설정에서 메일에 나타날 기본메뉴를 설정하고 노출순서를 지정합니다.

③ 폼메일 받기설정에서 이메일을 입력합니다.

④ 폼에일 디자인 설정에서 사용할 디자인을 선택한뒤 [저장]을 클릭합니다.

4 프로모션

4_1. 프로모션 > SMS관리

고객에게 다양한 문자메세지를 보내는 기능으로 사용료 충전이 이루어져야 합니다.

1)  프로모션 > SMS관리 > 자동발송 설정

홈페이지 고객들에게 보내는 메세지 자동발송 설정을 하실 수 있습니다.

2)  프로모션 > SMS관리 > 주소록관리

SMMS 전용 주소록을 만들어, 회원관리를 간단하게 할 수 있습니다.

3)  프로모션 > SMS관리 > SMS보내기

SMS를 개인별, 그룹별, 전체 발송하실 수 있습니다.

4)  프로모션 > SMS관리 > 발송내역관리

SMS발송에 대한 내역들을 확인하실 수 있습니다.

5)  프로모션 > SMS관리 > SMS충전하기

고객 프로모션용으로 쓰이는 SMS 사용료의 충전과 SMS 사용료 충전 내역을 확인하실 수 있습니다.

4_2. 프로모션 > 방문자 통계

1) 프로모션 > 방문자 통계 > 방문자 통계 관리

구글 Analytice 추적코드를 삽입하여 로그 분석이 가능합니다.

추적 코드 삽입 후 Google Analytics에 방문하시면 방문자 통계, 접속 경로, 재방문률 등의 자료를 확인할 수 있습니다.

4_3. 프로모션 > 쿠폰관리

쿠폰을 생성 수정 및 삭제를 할 수 있습니다.

1) 프로모션 > 쿠폰관리 > 쿠폰관리

쿠폰로고등록과 생성된 쿠폰의 목록 확인, 발급된 쿠폰의 수정 및 삭제가 가능합니다.

2) 프로모션 > 쿠폰관리 > 쿠폰등록

새로운 쿠폰 등록이 가능합니다.

따라하기 =>

① 쿠폰명과 사용기간, 할인금액(율), 유의사항등을 입력합니다.

② 기본디자인에 글자만 입력하는 타입/기본디자인에 글자와 이미지를 함께 입력하는 타입/자체 쿠폰디자인의 이미지를 등록하는 타입 중 하나를 선택한후 [저장]합니다.

4_4. 프로모션 > 이벤트팝업관리

이벤트 팝업을 생성 수정 관리할 수 있습니다.

1) 프로모션 > 이벤트 팝업관리 > 이벤트 팝업목록

이벤트팝업의 목록을 조회와 수정 및 삭제가 가능합니다.

이벤트 팝업을 생성 수정 관리할 수 있습니다.

2) 프로모션 > 이벤트 팝업관리 > 이벤트팝업등록

새로운 이벤트 팝업 등록이 가능합니다.

따라하기 =>

① [달력]을 클릭해서 이벤트 기간을 입력합니다.

② 이벤트 제목과 팝업으로 보여질 이벤트 창의 크기를 입력하고 팝업이 나타날 위치를 지정합니다.

③ 팝업디자이 정보에서 [기본 팝업 이미지 + 글자입력][팝업이미지 직접 등록][팝업 개별디자인]중 하나를 선택합니다.

④ 팝업이미지를 선택하고 내용을 입력한뒤 [저장]을 클릭합니다.

4_5. 프로모션 > 메일관리

MS 아웃룩 프로그램을 이용한 메일을 세팅하고 발송 할 수 있습니다.

1) 프로모션 > 메일관리 > 개별고객메일전송

회원(고객)에게 개별적으로 메일을 발송할 수 있습니다.

'보내는 사람', '보내는사람이름' 은 상점기본정보 설정화면에서 입력하신 값이 기본으로 출력됩니다.

2) 프로모션 > 메일관리 > 아웃룩메일설정

MS 아웃룩 프로그램을 이용한 메일을 사용가능하도록 설정할 수 있습니다.

4_6. 프로모션 > SEO관리

메뉴별 SEO관련 설정을 할 수 있습니다.

SEO? 검색엔진 최적화(Search engine optimization)란 일반 검색결과에서 나오는 웹페이지 순, 이미지, 동영상, 지식검색, 블로그, 카페 등 다양한 검색 순위에 자신의 페이지가 톱으로 올라오기 위해서는 각각의 검색엔진의 특성을 이해하고 그것을 활용하는 기술을 말합니다.

1) 프로모션 > SEO관리 > 메뉴별 SEO관리

메뉴별 SEO관련 설정을 할 수 있습니다.

각각의 메뉴페이지에 SEO를 설정할 수 있습니다.

2) 프로모션 > SEO관리 > 메뉴별 SEO관리

상품별 SEO관련 설정을 할 수 있습니다.

각각의 상품페이지에 SEO를 설정할 수 있습니다.

5 고객관리

회원/고객 목록조회와 정보관리가 가능합니다.

1) 회원관리

① 회원(고객등록)목록 : 회원/고객 목록 조회와 정보 관리가 가능합니다.

② 회원(고객)수기등록 : 관리자가 수기로 회원/고객을 등록합니다.

2) 회원인증관리

① 인증 기능 설정  : 인증 기능을 설정할 수 있습니다.

② 인증 대기 검색/처리 : 인증 대기 회원을 조회/관리할 수 있습니다.

3) 회원 탈퇴관리

① 탈퇴 기능 설정  : 홈페이지 회원들의 탈퇴방법을 설정할 수 있습니다.

② 탈퇴 검색/처리 : 탈퇴 신청한 회원들을 조회/관리할 수 있습니다.

6 예약관리

예약내역 조회 및 관리 설정을 할수 있습니다.

6-1.  예약관리 > 예약관리

1) 예약관리 > 예약관리> 예약내역조회

상점에 예약현황을 조회 하실 수 있습니다.

2) 예약관리 > 예약관리> 예약수기입력

관리자가 수기로 회원(고객)의 예약을 등록합니다.

6-2.  예약관리 > 예약설정

1) 예약관리 > 예약설정 > 기본예약설정

상점의 예약에대한 상세 설정을 하실 수 있습니다.

상점의 상세 예약을 설정하는 화면으로

-  '예약시간단위'는 예약을 할수 있는 기본 시간 단위 입니다.

- '예약기준상품타입' 은 날짜 및 시간에 의해서 예약을 할 수 있는 상품타입 입니다.

- '지정휴일설정'은 정기휴일 외의 추가 휴일(여름 휴가등) 을 지정할 수 있습니다.

- '예약시간설정'은 시간단위 예약설정을 했을 경우에만 해당이 되며 상점 전반적인 예약      시간스케줄(타임테이블)을 설정을 하시면 해당 시간만 예약을 받으실 수 있습니다.

2) 예약관리 > 예약설정 > 상품별 예약설정

기본 예약 설정과는 별도로 개별 상품에 대한 예약 시간을 설정할 수 있습니다.

7 모바일

1) 모바일>모바일 홈페이지> 모바일 홈페이지란?

모바일 홈페이지 피알샵 이용 고객에게 무료 제공되는 베타 서비스 입니다.

모바일로 홈페이지 접속 시 모바일에 특화된 디자인의 홈페이지를 볼 수 있습니다.

2) 모바일>모바일 홈페이지> 모바일 홈페이지 설정

모바일 홈페이지 사용설정 및 모바일 홈페이지 관리를 할 수 있습니다.

3) 모바일>모바일 홈페이지> 모바일 방명록 관리

모바일 홈페이지의 방명록을 설정 및 관리하실 수 있습니다.

8 동영상

동영상 > 동영상 서비스

동영상 서비스 이용을 위한 서비스 신청을 하실 수 있습니다.모바일로 홈페이지 접속 시 모

동영상서비스란?  회사 소개, 상품 소개 등 홍보를 목적으로 제작된 동영상을

운영자가 직접 등록할 수 있는 서비스입니다. 동영상은 최대 10분, 200MB까지 무제한으로 등록하실 수 있습니다

동영상 등록 절차

1단계 > 서비스 신청하기

서비스신청하기 버튼을 클릭하면 서비스를 이용 하실 수 있습니다.

피알샵이 별도로 운영하고 있는 동영상 플랫폼 서비스와 연동이 됩니다.

따라하기 =>

1) 동영상-동영상서비스를 클릭합니다.

2) 하단의 서비스 신청을 클릭합니다.

3) ‘신청에 성공하였습니다‘ 라고 창이뜨면 확인을 합니다. 바로 동영상을 등록할 수 있는 화면을 볼 수 있습니다.

2단계 > 동영상 등록하기

등록하기를 통해 동영상을 등록합니다. 최대 10분, 200MB 까지 등록할 수 있습니다.

따라하기 =>

1) 동영상등록하기를 클릭합니다.

2) 동영상 등록창이 나타나면동영상 올리기를 클릭합니다..

3) 동영상 올리기에서 찾아보기를 클릭합니다.

4) 동영상 파일을 불러온후 확인을 클릭합니다.

5) 동영상 목록에 나올 대표이미지를 선택하고 [확인]을 클릭합니다..

6) 동영상의 제목과 내용을 입력한후 [저장]을 클릭합니다.

7) 등록된 동영상 목록을 확인할 수 있습니다.

3단계 > 등록된 동영상 홈페이지에 적용하기

동영상 목록에서 홈페이지에 적용하고자 하는 동영상을 클릭합니다.

홈페이지 등록 영역에 맞추어 동영상 플레이어 설정(사이즈, 재생)을 한 후, 저장합니다.

9. 디자인 마법사

홈페이지 디자인을 원하는 대로 변경할수 잇는 일종의 디자인 커스터마이징 툴로서 다양한 가상태그와 제어문을 제공하여 구축 후에 유지보수가 매우 편리합니다.

화살표를 클릭하면 서브메뉴를 볼수 있습니다.

① 인트로 페이지

홈페이지의 메인화면으로 접속하기 전에 보여지는 인트로 페이지를 설정할 수 있습니다.

② 디자인 기본 설정

홈페이지의 노출방법(개별디자인/기본템플릿)과  레이아웃을 설정 할 수 있습니다.

- 전체  레이아웃 설정

▸ 피알샵의 모든페이지는 상단+하단+좌측+본문+우측의 5개의 영역으로 구성되어

있습니다.

▸ 5개의 영역은 각각 3개씩 개별 저장가능하며, 페이지 마다 선택적으로 적용할 수

있습니다.

▸ 홈페이지의 정렬(왼쪽,중앙)타입을 설정 할수 있습니다.

- 개별디자인 소스 초기화

초기화를 하면 현재 사용중인 개별디자인 소스는 더이상 사용을 하실 수 없습니다.

③ 공통영역설정

홈페이지에서 공통적으로 사용하는 기본 디자인을 수정 및 관리 하실수 있습니다.

반복적으로 사용되는 기본페이지들의 소스를 미리 만들어놓고 반복적인 코딩부분을 공통

영역디자인의  조합만으로 하나의 페이지를 쉽고 간단하게 만들 수 있습니다.

- 기본디자인

- 상단디자인

- 하단디자인

- 좌측디자인

- 우측디자인

④ 페이지 디자인 설정

- 메인, 회사소개, 회원가입등의 페이지에 개별디자인을 적용할 수 있습니다.

⑤ 상품 배경 디자인

상품소개페이지에 개별디자인을 적용할 수 있습니다.

⑥ 게시판 배경 디자인

게시판 페이지에 개별디자인을 적용할 수 있습니다.

⑦ 추가 페이지 설정

추가적 페이지와 스타일시트(CSS)를 추가등록/수정이 가능합니다.

- 추가페이지 목록/수정

- 추가페이지 등록

- 스타일 시트 설정

⑧ 웹 FTP

이미지를 웹에서 보여질 수 있도록 업로드 할 수 있습니다.

⑨ 新 이미지 뱅크

피알샵에서 직접 운영하는 서비스로 운영자가 홈에 진열되는 상품이미지들을 서버에

올린 뒤 상품등록시 이미지를 링크하여 상품상세 이미지를 빠르게 잘 보이도록 해주는      호스팅 서비스입니다.

⑩ Quick Menu

- 목록/수정

- 등록하기

- css 설정

III. 디자인 마법사를 이용한 개별디자인 하기

홈페이지와 드림위버

홈페이지란?  인터넷 사용자들이 웹브라우저로 웹사이트를 방문할 때 가장 처음 나타나는 웹문서로  홈페이지는 인터넷에 연결된 웹 서버 컴퓨터에 올려집니다.

웹서버컴퓨터란?  인터넷 전용선에 24시간 연결되어 작동되는 고성능,고용량 컴퓨터입니다.

홈페이지는 무엇으로 만들까요?

html을 직접 입력하는 프로그램과 html태그를 발몰라도 되는 위지윅(What you See Is What You Get:화면에 보이는 내용이 곧바로 결과물이 된다)방식의 홈페이지 제작 도구를 이용합니다.

드림위버는 위지윅방식으로 글을 입력하고, 그림을 넣고 마우스를 클릭만으로 홈페이지 작업이 가능합니다.

1. html

HTML

-html은 hyper text markup language

웹문서 즉 하이퍼텍스트 문서를 구성하기 위한 언어로서 명령 부분을 태그("<…>")로 표현합니다.

TAG란?

Html 문서를 구성하는 태그는 "<…>"로 둘러싸인 명령어(지시자)를 나타냅니다.

태그는<html>…</html>처럼 시작 태그와 종료 태그로 한쌍으로 존재하는 태그가 있고 <HR>처럼 독립적으로 실행되는 태그가 있습니다.

HTML태그의 특성

♧ 태그는 대소문자 구분이 없다

♧ 문자열 사이에 있는 하나 이상의 공백과 엔터키,탭키는 무시된다

♧ 중첩해서 사용할 경우 바깥쪽에서 둘러 싸고 있거나 안쪽에 포함시켜 순서를 맞게

써주어야 한다

글자변형지정

<b>진하게</b> - 진하게                 <strong>진하게</strong> - 진하게

<i>이탤릭체</i> - 이탤릭체               <u>밑줄긋기</u> - 밑줄긋기

<sup>위첨자</sup> - 위첨자               <sub>아래첨자</sub> - 아래첨자

<font face="@궁서">쓰러지는 글자</font> - 쓰러지는 글자

이미지 태그

Src="이미지주소"     이미지의 주소

링크관련태그

링크란 지정된 글자 또는 그림 등을 마우스 커서로 클릭하여 특정한 페이지 또는

특정 주소로 이동하도록 할 수 있도록 한 것을 말합니다.

기본링크

링크태그의 기본은 <a></a> 태그입니다.

<a href="링크할 주소" target="_blank"></a>

ex) <a href="http://makeshop.co.kr">여기를 누르세용</a>

이메일링크

<a href="이메일주소">내이메일 </a>

ex)  <a href="mailto:catajo@naver.com">내 이메일</a>

[테이블 태그의 기본]

<table>

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

<TABLE></TABLE>	테이블의 시작과 끝을 알리는 태그 : 위치, 선의 두께, 색깔 등 많은 옵션을 줄 수 있습니다.
<TR></TR>	한 행(가로선) : Table Row 의 약어
<TH></TH>	셀의 제목
<TD></TD>	한 셀(세로선) : Table Data 의 약어 이미지나 문자열을 넣어 정렬

</table>

2. 스타일시트란

CSS(Cascading Style sheet)라고도 불리며, 문단의 줄 간격, 배경 이미지의 반복 횟수 조정, 롤오버 텍스트 메뉴와 같은 HTML 태그로는 만들지 못하는 부분을 보완하여 속성을 제어할 수 있게 도와주는 언어입니다.

- HTML 태그로 구현하지 못하는 부분을 구현 가능.

- 별도의 CSS파일로 저장하여 다른 문서에도 링크시켜 재사용가능

- 원본소스

CSS란 홈페이지의 여러가지 속성(글자간격,줄 간격,등으로 문서 모양을 보다 섬세하게 만들 수 있습니다.)

1. 사용자정의 스타일(클래스 스타일)

문서의 특정 태그분분에만 원하는 스타일을 적용할 수 있는 스타일로 한문서 내에서는

계속 사용할 수 있습니다. css이름안에 "."이 붙습니다

2. 태그재정의 스타일 : HTML태그를 새롭게 재정의 함으로써 문서내에서 그 태그를 사용한 곳에는 똑 같은 스타일을 적용하는 스타일을 의미 합니다.

3. css셀렉터 스타일 : 하이퍼 링크의 모양을 다양하게 바꿀 수 있는 스타일 입니다.

-  a:link   기본적인 하이퍼 링크의 모양

- a:hover  마우스를 올려놓았을 때의 모양

- a:active  하이퍼 링크를 클릭해서 작동하는 순간의 모양

- a:visited   방문한 하이퍼 링크의 모양

3. 제어문 알아보기

제어문이란?

무엇을 제어하기 위해 만들어진 문법(IF,LOOP)

제어문 문법

PRshop 제어문은 기본적으로 드림위버에서 코딩을 할 경우 소스오류 표시를 방지하기 위해 주석문 형태로 만들어져 있습니다.

(<!--IF-->,<!--LOOP-->)

제어문예 :

1) IF제어문 : IF,NOT   또는   IF ,ELSE

로고이미지가 있을 경우 이미지가 나오고 그렇지 않을 경우 홈페이지명으로 나오기

IF,NOT문	IF ,ELSE문
<!-- IF LOGO_IMG --> [LOGO_IMG] <!-- IFEND LOGO_IMG --> <!--NOTIF LOGO_IMG --> [GB_SHOP_NAME] <!-- NOTIFEND LOGO_IMG -->	<!-- IF LOGO_IMG --> [LOGO_IMG] <!-- ELSE LOGO_IMG --> [GB_SHOP_NAME] <!-- IFEND LOGO_IMG -->

2) LOOP제어문

일종의 순환 반복문으로 무엇인가를 반복하면서 조건에 맞는내용을 있는대로

출력하는 반복문입니다.

디자인 마법사 - 상단에 기본적으로 설정된 상단메뉴가 노출됩니다.

<!-- LOOP TOP_MENU -->

[MENU_NAME]

<!-- LOOPEND TOP_MENU -->

제어문의 장점

1. 관리자 페이지에서 설정한 값들을 간단한 제어문으로 표현이 가능하기 때문에

소스수정없이 설정만으로 표현이 가능합니다.

2. 제어문형식이 주석문 형식이기 때문에 소스오류시 소스보기에서 주석문형식으로

출력된 부분만 수정하면 됩니다.

3. 복잡한 php제어문을 간단한 IF와,LOOP로 표현했기 때문에 어려운 프로그램 없이  홈페이지를 손쉽게 만들 수 있습니다.

4. 가상태그란?

- 가상태그란?

피알샵 관리자 화면에서 입력한 값들을 홈페이지에서 노출하기 위한 일종의 예약어

또는 변수로 설정값 들이 가상태그내로 입력되기 문에 별도의 소스수정  없이

홈페이지에 적용되므로 기본적인 웹디자인 만으로 개별디자인이 가능합니다.

- 가상태그 문법및 사용방법

“대괄호”로 시작과 끝을 표현하고, 대괄호(“[]”)안에는 영문대문자와 언더바(“_”)로

구성되어 있습니다.

- 가상태그의 종류 : 가상태그는 크게 "공통태그"와 “본문디자인 태그”로 나눕니다.

3 . 디자인 마법사

드림위버를 이용한 개별디자인 하기

개별디자인을 하기위한 순서기억하기

pr샵 세팅하기

1. 홈페이지 출력옵션 설정하기

2. 디자인 폭 설정하고 공통영역설정하기

3. 웹FTP에 이미지 업로드

4. 드림위버에서 작업하기

5. 가상태그 이용해서 링크걸기/표현하기

6. 이미지 경로바꾸기

7. 소스 복사해서 해당페이지 디자인 코드 입력하기

[완성화면]

□ 이미지 업로드하기

1.디자인마법사-웹FTP클릭합니다.

pr샵 개별디자인 웹 FTP창이 나타납니다.

2. 이미지 업로드할 폴더만들기

① 신규폴더명을  입력힙니다. (반드시 영어나 숫자로 해야합니다.)

② 폴더명을 입력후 [생성]을클릭 합니다.

③ [확인]을 클릭하면 폴더가 생성된것을 확인할 수 있습니다.

3. 파일 업로드하기

① [파일찾기]를 클릭합니다.

② 파일 선택창 에서 업로드할 이미지 클릭합니다.

( 여러개의 파일한꺼번에 선택가능합니다.)

③ [열기]를 클릭합니다.    ④ [파일업로드하기]를 클릭합니다

4.  업로드할 파일등의 진행상태를 확인후 [파일업로드하기]클릭합니다.

□ 드림위버에 메인상단 디자인 하기

사이트 정의와 환경설정을 해놓으면 작업이 편리합니다

1. 드림위버 실행하고 상단작업을 할 표 만들기

[삽입-표]

2. 2*2  970표를 만들니다

3. 만들어진 표에서 셀을 병합합니다

두 개의 셀을 선택한위 표-셀병합을 합니다.

두 개의 셀을

드래그로 선택합니다.

4. 로고 이미지를 삽입합니다.

삽입-이미지-logo.gif  선택

5.  우측셀 상단에는 HOME/ LOGIN/JOIN/SITEMAP의 이미지를 입력하기 위해

속성창에서 수평-오른쪽/수직-위를 클릭합니다.  H(높이) 73

1행4열 넓이280픽셀의  표를 만들후 각셀에 메뉴를 하나씩 입력합니다.

6. 메뉴를 롤오버로 입력합니다.

속성 창 에서 수평-오른쪽을 클릭합니다.

삽입-이미지 객체-롤오버이미지를 클릭합니다.

원본이미지와 롤오버 이미지를 검색하여 불러들인후 확인을 클릭합니다.

7. 같은방법으로 이미지를 6번까지 반복해 입력합니다.

□ 링크걸기

개별디자인 적용을 위해 레이아웃설정과 개별디자인 소스를 초기화 한후 디자인마법사-상단디자인을 클릭합니다.

1. 전체레이아웃 설정

① 홈페이지 노출방법 설정에서 [개별디자인 적용]을 선택합니다.

② 홈페이지의 레이아웃을 설정합니다. (개별디자인 적용시에만 수정된 값이 적용됩니다.)

③ 홈페이지 정렬타입을 설정합니다.(개별디자인 적용시에만 수정된 값이 적용됩니다.)

2. 디자인마법사-개별디자인소스초기화에서 기본적으로 적용될 디자인소스를 선택한 후

[초기화]를 클릭합니다.

3. 작업한 이미지에 링크를 적용하기 위해 디자인마법사-상단디자인을 클릭합니다.

화면을 하단으로 내려보면 적용할 [공통태그][본문디자인 태그]의 가상태그와

[메뉴별 URL안내]를 확인할수  있습니다.

4. 링크를 확인하고 드림위버에 적용합니다.

상단 테이블의 전체넓이에 공통태그에 나오는 사이트 전체폭([LAYOUT_WIDTH_ALL])을 입력합니다.

5. logo이미지를 클릭하고 링크창에 링크값[GB_LINK_HOME]을 입력합니다.

5. 다른이미지에도 링크를 적용합니다.

HOME	/home.html
LOGIN	/login/login_form.html
JOIN(회원가입)	/member/member_form.html
SITE MAP	/sitemap.html
LOGOUT	/login/logout.html
MODIFY(회원정보수정)	/member/member_form.html
ROSA(회사소개)	/company_intro.html
PRODUCT(상품목록화면)	/product/product_list.html
APPOINTMENT(예약신청)	/reserve/reserve_form.html
COMMUNITY(게시판)	/board/board_list.html?config_id=4378
EMAIL	[GB_SHOP_EMAIL]

6. 로그인시 로그아웃으로 메뉴가 변경될수 있도록 지정합니다.

if,else 제어문을 사용합니다.

<!-- IF LOGIN_ID -->

<td><a href="/login/logout.html">로그아웃</a></td>

<td><a href="/mypage/mypage.html">MODIFY</a></td>

<!-- ELSE LOGIN_ID -->

<td><a href="/login/login_form.html">로그인</a></td>

<td><a href="/member/member_confirm.html">JOIN</a></td>

<!-- IFEND LOGIN_ID -->

7. 이미지경로 바꾸기

이미지의 경로를 서버경로로 바꾸기 위해 웹FTP를 클릭해 폴더경로를 복사합니다.

8. 드림위버에서 경로를 바꿀 이미지를 선택한 후 태그부분에서 경로를 드래그 합니다.

편집-찾기와 바꾸기 클릭- 바꿀 이미지경로를 붙여넣은 후 [모두 바꾸기]를 합니다.

9. 소스를 복사한뒤 디자인 마법사-상단디자인에 붙여넣기 합니다. [MYSHOP]을 클릭해서

화면에 적용된 모습을 확인합니다.

10. 상단에 그라디언트 배경을 적용하기위해 스타일시트를 수정합니다.

/* 전체 페이지 적용*/

#layout-body { background-color:#FFF; }

#layout-left { background-image: url(/design/1664/images/bg.jpg);

}

body {

background-image: url(/design/1664/images/all_bg.jpg);

font-family: "굴림";

font-size: 12px;

color:#777;

}

□ 메인디자인 하기

1. 메인작업을 하기위해 드림위버에서 삽입-표에서 5행2열  넓이970픽셀의표를 만듭니다.

좌측셀을 모두 드래그한후 [마우스오른쪽 -표-셀병합]을 클릭합니다.

2. 메인으로 파일을 저장한뒤 병합된 셀에는 [삽입-미디어-SWF]를 클릭해 플래시 파일을 불어 옵니다.

3. 우측 첫 번째 셀에는 [삽입-이미지]를 클릭해 공지사항타이틀로 사용될 이미지를 불러들입니다. 같은 방법으로 나머지 타이틀과 배너이미지를 불러들입니다.

4. [디자인마법사-메인디자인설정-메인]을 클릭한뒤 공지사항목록을 볼수 있도록

title_01.gif에 하단의 메뉴별 URL을 클릭해서 링크를 적용합니다.

/board/board_list.html?config_id=게시판 코드번호

5.  공지로 입력된 내용이 메인에 보여질 수 있도록 소스를 적용합니다.

<!-- LOOP MAIN_BOARD TITLE_LENGTH = 55 -->

<a href="[DETAIL_LINK]">[TITLE]</a>

<!-- NOTIF LAST -->

<br><!-- NOTIFEND LAST -->

<!-- LOOPEND MAIN_BOARD --></td>

6. title_02.gif 아래셀에는 갤러리형 게시판에 등록된 이미지가 추출되도록 합니다.

<!-- LOOP BOARD_LIST_4439 -->

<a href="[DETAIL_LINK]">

<img src="[BOARD_IMG_URL]" width="80" height="80" style="border:1px solid #FFFFFF"/></a>

<br />

[TITLE]

<!-- LOOPEND BOARD_LIST_4439 -->

245는 게시판 생성시부여되는 번호로 메뉴별 URL에서 확인이 가능합니다.

6.banner_01.gif은 자유게시판 페이지로  banner_02.gif 사이트맵으로 링크를 적용합니다.

<a href="/board/board_list.html?config_id=4438">

<img  src="/images/banner_01.gif" border="0">  </a>

<a href="/sitemap.html "><img src="/images/banner_02.gif" border="0" ></a>

7. 메인 테이블의 전체넓이 970은 공통태그에 나오는 사이트 전체폭이 적용되도록

([LAYOUT_WIDTH_ALL])을 입력합니다.

8. 링크적용이 끝나면 이미지경로를 서버경로로 변경후 소스를 복사해서

[디자인마법사-메인디자인설정-메인]에 붙여 넣은 후 [저장]을 클릭합니다.

□ 하단디자인 하기

1. 하단작업을 하기위해 드림위버에서 삽입-표에서 2행2열  넓이970픽셀의표를 만듭니다.

좌측셀을 모두 드래그한후 [마우스오른쪽 -표-셀병합]을 클릭한 다음 하단에 로고

이미지를 불러옵니다.  [insert-images-bottom_logo.gif]

2. 우측상단셀에 메뉴이미지를 불러옵니다.

[삽입-이미지-bottom_01.gif~bottom03.gif]이미지를 불러온후 셀을 클릭하고 수평정렬을  오른쪽을 합니다.

3. 우측하단 셀에는 메인에 폼메일과 전화번호가 보이도록 태그를 입력하고 가운데 정렬합니다.

메일보내기 Tel. [GB_SHOP_PHONE] [GB_SHOP_COPYRIGHT]

4. [디자인마법사-공통영역설정-하단디자인]을 클릭한뒤 하단의 공통태그]와 [메뉴별 URL안내]를 참고하여 링크를 적용합니다.

하단로고 : [GB_LINK_HOME]

이용약관 : /bottom_menu.html?type=1

개인정보보호취급방침 : /bottom_menu.html?type=2

SITE MAP : /sitemap.html

폼메일주소 : /form_mail/formmail_form.html?formmail_config_id=270

(폼메일은 커뮤니티-폼메일관리에서 생성하면 생성된 폼메일 주소가 나타납니다.

위의 270은 코드값으로 달라집니다.)

5. 하단 표의 전체 테이블 넓이 970에 공통태그에 나오는 ([LAYOUT_WIDTH_ALL])을

입력합니다.

6. 링크를 적용하고 링크적용이 끝나면 이미지경로를 서버경로로 변경후 소스를 복사해서

[디자인마법사-공통영역설정-하단디자인]에 붙여넣은후 [저장]을 클릭합니다.

□ CSS를 이용해서 사이트맵 바꿔보기

1. 우측 CSS설정을 클릭합니다.

스타일 시트 설정에서 사이트맵을 찾은뒤 site_map-td에서 background-color에  원하는 색상값을 입력한뒤 저장합니다.

2. [디자인마법사-메인디자인설정-사이트맵]을 클릭한뒤 [수정]을 클릭합니다.

3. 색상값을 바꾸고 싶은 셀에 css가 제대로 적용되었는지 확인한후 [저장]을 클릭합니다.

4. [myshop]을 클릭하고 SITEMAP페이지를 보면 색상이 제목부분이 원하는 색상으로 바뀐것을 확인할 수 있습니다.

□ 추가페이지 만들어 보기

1. [디자인마법사-추가 페이지 설정-추가 페이지 등록]에서 등록할 페이지파일명과 별칭을 입력합니다.

2. 상단과 좌측 하단페이지 적용여부를 정한뒤 신규등록을 클릭합니다.

3. 홈페이지 본문 개별디자인 수정페이지가 나타나면 ①에 저장될 디자인명을 입력하고

②는 미리작업한 html태그를 입력후 저장을 합니다.

4.  [디자인마법사-추가 페이지 설정-추가 페이지 목록/수정]에서 새로 추가된 페이지를 확인할 수 있습니다. 수정삭제가 가능하며 링크값도 확인할 수 있습니다.

□ 상품/서비스 목록화면수정하기

쇼핑몰 화면처럼 상품 목록페이지가 가로로 4개가 나열되고 상품명이 보이도록

하겠습니다. 소스는 두군데에 입력해야 합니다.

따라하기 >>

1) 디자인 마법사-페이지 디자인 설정-상품/서비스 목록을 클릭합니다.

2) 가운데 부분에 아래와 같이 태그를 입력하고 저장을 클릭합니다.

<div style="float:left;width:160px;height:220px;">

<table width="150" border="0" cellspacing="0" cellpadding="1">

<tr>

<td><img src="[IMAGE_MEDIUM]" width="150" height="150"  align=absmiddle  onclick="location.href='product_view.html?product_id=[PRODUCT_ID]';"

style="cursor:hand"></td>

</tr>

<tr>

<td align="center">[NAME]<br >

<span class="b01"></span></td>

</tr>

</table></div>

3) 디자인 마법사-상품배경디자인-목록/상세 기본 배경을 클릭합니다.

4) 본문디자인-상품소개기본에서 수정을 클릭합니다.

5) 제공되는 태그소스를 입력합니다.

□ 게시판별 왼쪽화면과 다른배경적용하기

게시판 페이지를 보시면 공통적으로 대표 타이틀은 Community라는 타이틀이 적용되어 있습니다.  게시판별로 다른 타이틀과 왼쪽화면을 수정해 보겠습니다.

게시판 왼쪽 디자인 하기

1) 디자인마법사-좌측디자인을 클릭합니다.

2) 디자인 신규등록을 클릭합니다.

3) 하단에서 저장할 디자인명  입력하고 공통태그와 메뉴별 URL을 참고로 하여 게시판 왼쪽 디자인 작업을 합니다.

간단하게 게시판 목록과 게시판 왼쪽화면의 배경색을 바꿔보도록 하겠습니다.

아래의 소스를  작업창에 입력합니다.

<table width="170" border="0"  bgcolor="#eeeeee">

<tr>

<td> <!-- LOOP LEFT_BOARDLIST -->

<a href="[LINK]" class="leftmenu"><strong>[NAME]</strong></a><br />

<!-- NOTIF LAST --><br /><br /><!-- NOTIFEND LAST -->

<!-- LOOPEND LEFT_BOARDLIST -->

</td>

</tr>

</table>

게시판 본문디자인하기

1) 디자인마법사-게시판 배경디자인-Notice 게시판을 클릭합니다.

2)  상단디자인과 하단 디자인을 기본값사용을 하고 좌측디자인은 미리 만들어 놓은 게시판의  디자인명을 선택합니다.

3) 본문 디자인에서 신규등록을 클릭합니다.

4) 저장할 디자인명을 입력후 아래창에 소스를 입력합니다.

[기본소스복구]를 하시면 디자인 수정이 용이 합니다.   간단하게 타이틀 이미지만 변경     해 보겠습니다.

중간부분의  <img src="/template_images/005/title_community.gif">를 웹FTP에 업로드한 타이틀 이미지명으로 변경하면 타이들을 간단하게 바꾸실수 있습니다.

예 <img src="/design/1664/gallery/title_free.gif" >