Home > 고객지원 > 질문&답변

처음부터 만들기 매뉴얼 [초급1단] 초간단 홈페이지 만들기 (기본 레이아웃 구성)
2009-12-24 17:55:06

1. 디자인이 없는 홍보형 (개인보급형) 을 통해 계정을 만드세요.

    계정을 만드실때 반드시 네이버ID로 만드시기 바라며 이미 등록된 ID 라면 네이버ID+임의숫자 형태로 만드셔야  합니다.

 

2. http://계정ID.webdimo.co.kr/admin/ 으로 로그인 하시면  초급자 모드(level1)와 전문자모드(level2)를 선택하는 화면이 나옵니다. 여기서 전문가모드(level2)를 선택해주세요.

 

3. 위에서 만든 계정의 관리자 모드로 로그인 하신 후  [디자인관리 고급 디자인 관리 전체 화면 구성]에서   "구역별 배경 설정" 이라고 있습니다. 여기서 메인 가로 크기를 740,  왼쪽 가로크기를 220으로 설정하고 저장 합니다.

 

4.[디자인관리 고급 디자인 관리 메인 화면 디자인] 으로 이동 후 [상단 디자인]을 선택 합니다.   

 

5.최초 사이트 생성시 상단디자인은 "공란"으로 되어있습니다. 

편집기 윗부분에  <> 이렇게 생긴 버튼을 클릭하시면 html 소스를 입력 할 수있습니다.

필자는 아래와 같이 입력 하였으며 여러분은 좀 더 이쁘게  다듬어 보시기 바랍니다.


※ HTML 소스

<table width="960" border="1">
  <tr>
    <td><br>
      <a href="/shop_main/main_body.htm">웹디모 초간단 홈페이지</a><br>
      <br>
      우리 홈피 메뉴 : ( 아직없음^^;;)<br>
      <br>
    </td>
  </tr>
</table>

 

 

위 소스에서 /shop_main/main_body.htm 은 메인으로 이동하는 링크이므로 꼭 기억해두세요

(x)<a href='/'>메인으로 이동</a>

(x)<a href='http://내도메인'>메인으로 이동</a>

(o)<a href='/shop_main/main_body.htm '>메인으로 이동</a>

 

6. 위와 같은 방식으로 왼쪽 디자인도 아래와 같이 수정 해봅시다.

 

※ html 소스

<table width="200" border="1">
  <tr>
    <td>
     <br>
     <br>
      로그인 박스<br>
     <br>
      <br>
      배너1 <br>
      배너2 <br>
     배너3 <br>
     배너4 <br>
    </td>
  </tr>
</table>

 

 


html 입력시 매번 <> 버튼을 클릭해야 하므로 불편 하실겁니다.

우리는 공부하는 차원에서 html 을 자주 다루어야 하므로 이 기능을 없애도록 합니다. ^^

[기본정보관리 기타운영정보설정 기타 설정]으로 이동 하신후 "편집기를 사용하지 않습니다"를 선택 해주세요.

 



 

7. 위와 같은 방식으로 Body디자인을 수정해보겠습니다. Body디자인은 아래와 같이 기본 내용이 들어가 있습니다.

 



위 소스를 모두 지우고 아래와 같이 입력해주세요.

 


※ HTML 소스

<table width="740" border="1">
  <tr>
    <td>
      <p><br>
        안녕하세요 000 네 홈페이지 입니다.</p>
      <p>(여기에 간단한 홈페이지 소개말입력해주세요 ^^)<br>
      </p>
    </td>
  </tr>
</table>

 

 

8. 그럼 마지막으로 하단디자인을 수정합니다.

하단디자인도 위와 똑같은 방법으로 수정가능합니다.

필자는 아래와 같이 수정 하였습니다.

 


※ HTML 소스

<table width="960" border="1">
  <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>


 

 

 

방문자수는 다다다음 미션에서 프로그램을 입혀 보도록 하구요 우선임의로 00 입력하시면 됩니다.

 

여기까지 잘 따라하셨다면 아래와 같이 완성되었을것 입니다.

 

완성화면 : http://myhome5.webdimo.co.kr

 

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

 

 

 


 

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