아이디저장


더보기 >










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

미션 B코스 [초급3단] 게시판 5개 만들기
2011-10-21 15:56:00
아람스쿨 조회수 2796

아직 [초급2단]을 완성하지 못하셨다면 완성 후 도전해주세요.^-^

 

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

 

 

 [커뮤니티 게시판 관리 게시판 관리 ]로 이동합니다.

 

[게시판 생성] 버튼을 클릭하신 후 아래와 같이 생성 하시기 바랍니다.

 

 

 

          - 게시판 코드를 bbs1, bbs2, bbs3, bbs4, bbs5 와 같이 수정해주세요.

          - 게시판 이름을  1 일반형, 2 앨범형, 3.웹진형, 4.블로그형, 5. 달력형 으로 변경하세요.

          - 스킨은 [초급1단]에서 생성한  default 스킨을 선택해주세요.

          - 게시판 권한설정을 모두 비회원에 체크해주세요.

          - 상세설정2 (디자인 관련 설정) 에 체크 하시고  게시판 가로 사이즈를 모두 700으로 수정해주세요.

          - 게시판 출력형태도 각 종류별로 수정해주세요.

 

 

         

 
 
 
              위와 같이 설정 하면 아래 그림과 같이 수정됩니다.

 

 
 
 
  

  

  

 

 [커뮤니티 게시판 관리 게시판 관리 ]에서 게시판 제목을 클릭하시면 수정된 게시판이 새창으로  열립니다.

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

         -  각 게시판 마다 게시물을 5건이상 등록바랍니다. (다음미션에 필요하므로 꼭!!! 등록해야 합니다. ^-^)

 

 

이렇게 새로운 게시판 및 디자인페이지가 추가 되면 홈페이지 상단메뉴(네비게이션)에서 바로 클릭할 수 있도록 메뉴를 추가해주어야 합니다.

메뉴를 추가 하려면  [디자인관리 > 고급 디자인 관리 > 스킨 관리]로 이동하면 후 [초급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>
     우리홈피 게시판:
     <a href='/bbs_shop/list.htm?board_code=bbs1'>1 일반형</a>
     <a href='/bbs_shop/list.htm?board_code=bbs2'>2 앨범형</a>
     <a href='/bbs_shop/list.htm?board_code=bbs3'>3.웹진형</a>
     <a href='/bbs_shop/list.htm?board_code=bbs4'>4.블로그형</a>
     <a href='/bbs_shop/list.htm?board_code=bbs5'>5.달력형 </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>

 

※ 본 솔루션은 html 및 <DIV>표준코딩 적용이 가능하므로 작업하기 편한 방법으로 코딩 하시기 바랍니다.


  

수고하셨습니다.

 

아래와 같이 상단메뉴가 나오고 게시판이 출력된다면 미션 성공 입니다.^-^


http://uhkr03b.aramschool.co.kr

 

완성 하신 분은 다음 미션으로 고고고~~~ 

 

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

 

댓글 201개