이번 미션을 통해 아주 기본적인 페이지를 생성해보도록 하겠습니다.

생성할 메뉴는 아래와 같습니다.

 

- 매니져 프로필
- 매니져 사진
- 농장소개
- 농장연혁

 

필자는 위와 같이 메뉴명을 정했으나 여러분은 원하시는 메뉴명으로 정하시기 바랍니다 .^^

 

1. [초급1단]에서 완성한 홈페이지의 관리자 모드로 로그인 해주세요.

 

2. [디자인관리 》 고급 디자인 관리 》 추가 페이지 관리]으로 이동하신 후 "페이지 추가"버튼을 클릭 합니다.

 

3. 입력 폼에서 아래 그램과 같이 입력 합니다.

 

※ HTML 소스

<br><Br>
안녕하세요~~<br><Br>
<br><Br>
매니져 농장에 오신것을 환영합니다.<br><Br>
<br><Br>
자주 놀러오세요~~~<br><Br>
<br><Br>
<br><Br>

 

4. 위와 같은 방식으로 아래와 같이 페이지를 생성 합니다.

   page2 -> 매니져 사진
   page3 -> 농장소개
   page4 -> 농장연혁

  

5. 페이지를 추가 후 [디자인관리 》 고급 디자인 관리 》 추가 페이지 관리]으로 이동하시면 아래와 같이 페이지가 추가되었음을 확인 할 수 있습니다.

위 화면에서 URL_code를 클릭 하면 새창으로 제작된 화면을 볼수 있습니다.

 

    -  인터넷 주소창에 있는 URL주소를 메모해두시기 바랍니다. (또는 Ctrl+C )

 

 

6. [디자인관리 》 고급 디자인 관리 》 메인 화면 디자인] 으로 이동 후 [상단 디자인]을 선택 합니다.  

   그럼 [초급1단]에서 입력한 html 소스가 출력될것입니다.

   필자는 소스를 아래와 같이 수정하였습니다.  

 

※ html 소스

<table width="960" border="1">
  <tr>
    <td><br>
      <a href="/shop_main/main_body.htm">웹디모 초간단 홈페이지</a><br>
      <br>
      우리 홈피 메뉴 :
<a href='/shop_add_page/index.htm?page_code=page1'>매니져 프로필</a>
<a href='/shop_add_page/index.htm?page_code=page2'>매니져 사진</a>
<a href='/shop_add_page/index.htm?page_code=page3'>농장소개</a>
<a href='/shop_add_page/index.htm?page_code=page4'>농장연혁</a>
      <br>
      <br>
    </td>
  </tr>
</table>

 

 

 

주의) 링크 주소를 입력시 아래와 같이 도메인 주소를 제외한 절대주소로 입력 하셔야 정상적으로 작동 됩니다. (절대주소란?  / 시작하는 주소를 말합니다.)

(x)<a href='./shop_add_page/index.htm?page_code=page1'>메뉴명</a>

(x)<a href='http://내도메인/shop_add_page/index.htm?page_code=page1'>메뉴명</a>
(o)<a href='/shop_add_page/index.htm?page_code=page1'>메뉴명</a>

 

 

수고하셨습니다.

 

 

완성화면 : http://myhome51.webdimo.co.kr/

 

위 완성 화면과 같이 작동 한다면 다음 미션 고고고~~~