드림위버로 이미지에 링크버튼 만들기

* 드림위버로 이메일 발송용 이미지에 링크버튼 만들기*

 

1) HTML 새창만들기

 

2) Insert > Image로 불러오기

 

 

3) 이미지에 Map 잡기

 

※ 처음에 이미지 불러왔을 때 Map이 안보일 수도 있는데, 

그럴 땐 가장 상단에 있는 Split 모드에서 Live>Design 모드로 잠시 활성화 시키면 Map창이 활성화 됨

작업할 때는 Split 모드로 돌아오기

 

 

4) Map에 링크 씌우기 (링크는 http~ 까지 포함하기)

 

 

5) 해당이미지 서버에 올리기(본인은 WIX 유료서버 이용 중)

서버에 올린 이미지주소 복사하기

 

6) 이미지서버 주소를 드림위버 html속 이미지주소랑 교체하기

※ 라이브 화면으로 활성화 확인하기 또는 F12눌러가 확인하기

 

 

 

7) 새창열기 코드 추가하기

버튼 링크 뒤에 target="=_blank" 추가하기 

 

<area shape="rect" coords="410,1793,700,1854" href="버튼 링크주소"  target="=_blank">

 

 

 

8) 드림위버 전체 HTML 소스를 복사해서 사용하기~!

 

 

끝