쇼핑몰페이지 제작-드림위버 교재 P37내용

[솜사탕샘]

<쇼핑몰페이지제작> 드림위버 P37

1. 드림위버 실행

2. HTML클릭(또는 파일-새파일-만들기)

3. 파일-저장  위치 : 컴퓨터->D:->인터넷창업반->12-2
              파일이름 : top.html

4. 삽입->표     
   행 3
   열 1
   너비(width) 1000
   나머지 0
   확인
  
   코드 : <table width=1000~~~>

          </table>

5. 속성  정렬 가운데 설정
6. 첫행에서 오른쪽마우스 클릭 table->셀분할
   열 2  확인
   1) 첫번째셀 W 828
   2) 두번째셀 W 172

7. 첫행을 블록지정  H 28
   두번째행을 클릭  H 208
   세번째행을 클릭  H 64

   코드 : <tr>  행
          <td width=208 height=64>  셀  </td>
          </tr>

8. 삽입->이미지 top폴더를 더블클릭하고 home이미지를 넣고
   다음셀을 클릭하고 로그인 이미지 넣고
   연속해서 이미지를 넣습니다.

   코드 : <img src="top/파일이름" width=200 height=100>
         
9. 이미지에 하이퍼링크 연결하기
   1) 쇼핑몰플래너-아이디,비밀번호 로그인
      실기시험문제풀이 기출문제 클릭
      12회 클릭, 문제풀이 2급
   2) 개별디자인->메인디자인-왼쪽메뉴관리
      화면하단 카테고리를 확인

10. 카테고리메뉴 링크연결하기
   1) <a href="/shop/~~~ O">  shop부터 O까지 블록지정
      ctrl+C
   2) 드림위버   summer클릭   링크 /입력 ctrl+V
                              테두리 0
   3) <a href="/shop/~~~ O">  shop부터 O까지 블록지정
      ctrl+C
   4) 드림위버   top클릭   링크 /입력 ctrl+V
                              테두리 0

   코드 : <a href="연결할 주소">
            <img src="top/파일이름">
          </a>

11. 쇼핑몰관련 메뉴 링크연결하기
    HOME       [HOME]    0
    LOGIN      [LOGIN]   0
    CART       [BASKET]  0
    FAVORITE   [FAVORITE]  0   

12. 코드에서 따옴표 없애기
    11번에서 연결한 링크에 대괄호 양쪽에 있는 따옴표 삭제

13. 개별디자인에서 폴더 생성하고 파일 업로드하기
    1) 개별디자인 클릭
    2) 신규폴더 top 폴더생성 클릭
    3) 업로드창개수를 클릭해서 10개를 만들고
    4) 찾아보기 클릭  컴퓨터->D:->인터넷창업->플래너->12-2
       top을 더블클릭하고 처음부터 순서대로 이미지 삽입한다.
    

14. 배경이미지 만들기
    1) 드림위버에서 바깥쪽을 클릭하고
    2) 속성창에서 페이지속성 클릭
    3) 배경이미지의 탐색을 클릭하고 top_bg 이미지를 삽입
    4) 반복 repeat
    5) 확인

15. 이미지 경로 바꾸기
    1) 코드를 클릭
    2) top/ 를 블록으로 지정하고
    3) ctrl+F를 누르고
    4) 찾기    top/
       바꾸기  /design/shw0720/top/    ctrl+V
    5) 모두바꾸기 클릭

16. 코드 복사하기
    1) ctrl+A
    2) ctrl+C
    3) 쇼핑몰관리자 -> 개별디자인 -> 메인디자인
       ->상단메뉴관리클릭
    4) ctrl+V로 붙여넣기

17. 확인->확인
    Myshop 클릭