Home > 마케팅&교육센터 >메뉴얼

처음부터 만들기 매뉴얼 기본 페이지 만들기
2012-02-18 00:03:32
조회수 326
 아주 기본적인 페이지를 생성해보도록 하겠습니다.

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

 

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

 

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

 

 

 

 

 

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

 

 

 

 

 

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

 

 

 

 

 

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


※ HTML 소스

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


※ 본 솔루션은 html 및 <div> 표준 코딩 모두 적용 가능 합니다.


 

 

 

 

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

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

 

 

 

  

 

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

 

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

 

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

 


 

 

 

 

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

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

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

 


※ html 소스

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


<매우중요!!!>

링크 주소를 입력시 아래와 같이 도메인 주소를 제외한 절대주소로 입력 하셔야 정상적으로 작동 됩니다.

(절대주소란? / 시작하는 주소를 말합니다.)

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

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

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