CMS매뉴얼 24.일반 디자인 페이지 만들기
2012-02-27 13:43:49

24. 일반 디자인 페이지 만들기

1 일반 디자인 페이지 만들기

세부화면 디자인에서 제공하지 않는 페이지를 만들고자 할 경우에는 추가페이지를 생성합니다. 추가페이지란 세부화면 디자인에서 제공하는 페이지와 달리 단순한 디자인만 삽입할 수 있는 기능입니다. 앞에서 설명한 회사소개, 회사연혁 등의 페이지에는 프로그램이 포함되어 있지만, 추가페이지에서는 단순히 이미지나 텍스트로 디자인 페이지를 만들 수 있습니다. 기본적으로 제공되는 페이지 외에 추가적인 페이지를 자유롭게 생성할 수 있으며, 페이지마다 접근 권한을 다르게 설정할 수 있습니다. 일반 디자인 페이지 만들기에서는 클럽소개 추가페이지로 만들어 보도록 하겠습니다.

(1) 클럽소개 추가페이지 만들기

클럽소개 디자인 시안

EMB000011a03d01 src

? 클럽소개 본문타이틀은“이용약관 수정하기”에서 설명한 본문타이틀 소스를 사용합니다. 아래“변경 전 본문타이틀 소스”와“변경 후 본문타이틀 소스”를 이용하여 본문타이틀을 수정하고 이미지를 [디자인관리 》웹디자인 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/sub1_mid_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>

<!--본문타이틀 종료-->

?“변경 후 본문 타이틀”에 내용이미지를 삽입합니다.

EMB000011a03d02 src

? [디자인 관리 》고급 디자인 관리 》추가 페이지 관리]에서 페이지 추가버튼을 클릭합니다.

EMB000011a03d03 src

EMB000011a03d04 src

? 링크 URL설정에“sub1_1“을 입력합니다.

? 페이지명을“클럽소개-클럽소개“로 입력합니다.

? 클럽소개 페이지에 사용할 상단디자인, 왼쪽디자인, 하단디자인을 설정합니다.

? 생성된 HTML소스를 삽입합니다.

? 저장버튼 클릭 후 페이지를 확인하면 다음과 같습니다.

EMB000011a03d05 src