아직 [초급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^
|