아이디저장


더보기 >










[공지] 미션 도전하기 전에 꼭 읽어보세요.
[공지] 초급미션이 A코스,B코스로 분리되었습니다.

미션 B코스 [초급2단] 기본 페이지 만들기
2011-10-21 15:37:00
아람스쿨 조회수 3359

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

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

 

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

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

  

  

 

 [초급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://uhkr02b.aramschool.co.kr

 

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

 

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^

 

댓글 251개