이번 미션을 통해 아주 기본적인 페이지를 생성해보도록 하겠습니다.
생성할 메뉴는 아래와 같습니다.
- 매니져 프로필
- 매니져 사진
- 농장소개
- 농장연혁
필자는 위와 같이 메뉴명을 정했으나 여러분은 원하시는 메뉴명으로 정하시기 바랍니다 .^-^
[초급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="/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='./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://uhkr02.aramschool.co.kr
위 완성 화면과 같이 작동 한다면 다음 미션 고고고~~~
|
위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^
|
[초급3단] 게시판 5개 만들기
[초급1단] 홈페이지 기본계정 만들기
