통합 매뉴얼 14.회사 소개 수정하기
2012-02-18 01:41:07
(dcweb) 조회수 1105

07. 기본 페이지 수정하기

1 회사소개 수정하기

웹디모 솔루션에서 제공하는 기본페이지인“회사소개 기본 세팅이미지”를“회사소개 변경할 이미지”로 수정해 보도록 하겠습니다.

회사소개 기본 세팅 이미지

EMB000005e01ae2 src

회사소개 변경할 이미지

EMB000005e01ae3 src

(1) 회사소개 코딩하기

EMB000005e01ae4 src

? 회사소개의 본문타이틀입니다. 본문타이틀 HTML소스는 생성 후 홈페이지의 전체에서 사용할 수 있기 때문에 필자는 구분이 쉽도록 시작과 끝 부분에 주석을 삽입하였습니다.

? 회사소개 페이지에 이미지로 삽입 될 타이틀 인사말입니다.

? 인사말이 삽입되는 부분으로 [기본정보관리 》사이트정보 설정 》회사소개/약도]에서 {COMPANY_SOGE}변환코드를 통해 불러올 수 있습니다.

? html코딩을 통해 이미지 경로를 홈페이지 경로에 맞게 수정합니다. 필자는 위의 ?~?에 맞게 코딩하고 이미지 경로를 아래와 같이 변경하였습니다.

<!--본문타이틀 시작-->

<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="/img_up/shop_pds/uhome003/design/sub_company/sub_body.gif" width="125" height="52" /></td>

<td align="right" valign="bottom" style='padding:30 8 5 0'><span class="style1">· HOME &gt; 회사소개 &gt; <b>CEO인사말</b></td>

</tr>

</table>

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

<img src="/img_up/shop_pds/uhome003/design/sub_company/sub_body01.gif" width="739" height="3" /><br>

<img src="/img_up/shop_pds/uhome003/design/sub_company/sub_body01.gif" width="739" height="3" /><br>

<img src="/img_up/shop_pds/uhome003/design/sub_company/sub_body02.gif" width="379" height="105" />

<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td style='padding:34 0 0 93' height="340" valign="top" background="/img_up/shop_pds/uhome003/design/sub_company/sub_body_bg.gif">{COMPANY_SOGE}</td>

</tr>

</table>

<img src="/img_up/shop_pds/uhome003/design/sub_company/sub_body01.gif" width="739" height="3" /><br>

(2) 회사소개 적용하기

EMB000005e01ae5 src

? [디자인관리 》고급 디자인 관리 》세부 화면 디자인]으로 이동하여 기본페이지의 회사소개를 클릭합니다.

? 기본 템플릿으로“회사소개 A”를 선택하고 하단의“나만의 디자인으로 복사”버튼을 클릭합니다.

? 나만의 디자인에 생성된“회사소개A”를 선택한 후 [적용]버튼을 클릭합니다.

EMB000005e01ae6 src

? 페이지 디자인 관리의 소스입력창에 소스를 입력합니다.

? 수정버튼을 클릭하면 아래와 같이 회사소개페이지가 출력됩니다.

EMB000005e01ae7 src