드림위버에서 이미지맵 작업하기

1. 드림위버 설치

어도비 사이트에서 드림위버를 구매하고 설치합니다.

https://www.adobe.com/kr/products/dreamweaver.html

 

 

2. html 파일 열기

파일탭에서 이미지가 포함된 html 파일을 생성 or 불러옵니다.

 

 

 

3. 드림위버 세팅

이미지맵을 그리기 위해 분할 탭에서 분할, 디자인 클릭해서 미리보기 화면을 띄워줍니다. [보기] - [분할] - [코드-디자인(D)]

이미지맵을 생성할 도구를 선택하기 위해 ctrl + F3 으로 속성탭을 띄워줍니다. [윈도우] - [속성]

 

 

 

4. 이미지맵 그리기 

하단 속성탭에서 이미지맵을 그릴 도형을 선택하고 미리보기 화면에 드래그해서 그려줍니다.

드래그 시 코드창에 이미지맵 좌표가 추가되는 것을 볼 수 있습니다.