이번 미션을 통해 아주 기본적인 페이지를 생성해보도록 하겠습니다.
생성할 메뉴는 아래와 같습니다.
- 매니져 프로필
- 매니져 사진
- 농장소개
- 농장연혁
필자는 위와 같이 메뉴명을 정했으나 여러분은 원하시는 메뉴명으로 정하시기 바랍니다 .^-^
[초급1단]에서 완성한 홈페이지로 접속하여 로그인해주세요.
http://계정ID.aramschool.co.kr/admin/
[디자인관리 》 고급 디자인 관리 》 추가 페이지 관리]로 이동하신 후 오른쪽 하단 [페이지 추가]버튼을 클릭 합니다.
입력 폼에서 아래 그림과 같이 빈칸에 내용과 스킨을 선택 후 소스를 복사해서 붙여넣으시고 저장합니다.
|
<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단계]에서 생성한 default 스킨을 선택하여 아래와 같이 새로운 소스로 복사하여 붙여넣기한 후 수정합니다.
|
<!-- 상단 디자인 출력 부분 -->
<table width="960" border="1" align=center>
<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>
<!-- BODY 본문 디자인 출력 부분 -->
<table width="960" border="1" align=center>
<tr>
<td width=200 valign=top>
<table width="200" border="1">
<tr>
<td>
<br>
<br>
로그인 박스<br>
<br>
<br>
배너1 <br>
배너2 <br>
배너3 <br>
배너4 <br>
</td>
</tr>
</table>
</td>
<Td valign=top>
{BODY_CONTENT}
</td>
</tr>
</table>
<!-- 하단 디자인 출력 부분 -->
<table width="960" border="1" align=center>
<tr>
<td width="200">
<p><br>
<a href='/shop_main/main_body.htm'> 하단 로고</a><br>
</p>
</td>
<td> <br>
홈페이지명 : 초급미션홈피<br>
운영자:웹돌이<br>
이메일주소 : aaaa@naver.com<br>
<br>
총방문자수 : 00 / 이달방문자수 : 00 / 오늘 방문자수 : 00 </td>
</tr>
</table>
|
|
<매우중요!!!>
링크 주소를 입력시 아래와 같이 도메인 주소를 제외한 절대주소로 입력 하셔야 정상적으로 작동 됩니다.
(절대주소란? / 시작하는 주소를 말합니다.)
(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://uhkr02c.aramschool.co.kr
[초급3단] 게시판 5개 만들기
[초급1단] 홈페이지 기본계정 만들기 
