통합 매뉴얼 14.회사 소개 수정하기
2010-10-20 13:13:37

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