- 통합 매뉴얼 27.전송폼 디자인 편집
- 2010-10-21 11:40:19
2 전송폼 디자인 편집
전송폼 디자인 편집화면은 나만의 전송폼을 홈페이지에 나타내기 위해서 디자인을 설정하는 부분입니다. 나만의 폼 디자인은 앞에서 만든 나만의 전송폼에 전체적인 디자인을 설정하는 부분이며, 전송폼 화면 디자인 편집은 앞에서 만든 컬럼 항목들을 디자인 하는 부분입니다.
나만의 폼 디자인 설정은 [디자인관리》고급 디자인 관리》메인 화면 디자인]에 추가된 상단, 왼쪽, 하단 디자인을 선택할 수 있습니다.
전송폼 화면디자인을 수정하는 방법에 대해서 살펴보도록 하겠습니다.
❶ 현재 페이지(/shop_contents/myreg_form.htm?myreg_code=form1)에 접근할 수 있는 권한을 설정합니다. 설정이 없을 경우에는 외부에서 페이지를 볼 수 없습니다.
❷ 샘플디자인은 앞서 만든 컬럼 항목들을 자동으로 기본디자인을 생성하는 기능입니다. 기본디자인을 선택하고 오른쪽의 샘플디자인 소스 가져오기를 클릭하면 자동으로 소스가 입력됩니다.
❸ 입력창에 자동으로 소스가 입력되었습니다. 이 소스를 필요에 따라 수정할 수 있습니다.
❹ 최종적으로 소스입력이 완료되어 확인버튼을 클릭하면 나만의 전송폼이 완료됩니다. 아래 그림은 나만의 전송폼이 완료된 후의 홈페이지 출력화면입니다.
❺ 제휴안내 본문타이틀은 기본 페이지 수정하기> 이용약관 수정하기에서배운 본문타이틀 소스를 이용합니다. 아래“변경 전 본문타이틀 소스“와“변경 후 본문타이틀 소스“를 이용하여 본문타이틀을 수정하고 이미지를 [디자인관리 》웹디자인 FTP ]에서 sub_company폴더에 업로드 합니다.
변경 전 본문타이틀 소스
|
<!--본문타이틀 시작--> <table width="767" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid1.gif" width="19" height="52"></td> <td background="/img_up/shop_pds/ucomm01/design/sub/sub1_mid_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/img_up/shop_pds/ucomm01/design/main/bottom_title1.jpg"></td> <td align="right">HOME | 사이트이용약관</td> </tr> </table></td> <td width="20"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid2.gif" width="20" height="52"></td> </tr> </table> <!--본문타이틀 종료--> |
변경 후 본문타이틀 소스
|
<!--본문타이틀 시작--> <table width="767" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid1.gif" width="19" height="52"></td> <td background="/img_up/shop_pds/ucomm01/design/sub/sub1_mid_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/img_up/shop_pds/ucomm01/design/sub/sub_form_title.gif"></td> <td align="right">HOME | 제휴문의</td> </tr> </table></td> <td width="20"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid2.gif" width="20" height="52"></td> </tr> </table> <!--본문타이틀 종료--> |
❻ ❺에서 수정한“변경 후 본문타이틀 소스“를 [부가기능 》전송폼 관련》나만의 전송폼 관리]의 “디자인 수정“버튼을 클릭해 소스의 제일 위에 삽입하고, 확인 버튼을 클릭합니다.
제휴문의가 출력되는 모습은 아래와 같습니다.
28.쇼핑몰 메인 디자인하기
26.나만의 전송폼 만들기