비디오: (재업) [오픈마켓 팁] 11번가 상세페이지 이미지 링크 거는 법 (HTML, 하이퍼링크 태그, 아이프레임 태그) 2025
Dreamweaver의 이미지 추적 기능은 디자이너에게 특히 인기가 있습니다. 초기 디자인으로 거슬러 올라가는이 개념은 얇은 투명한 종이를 통해 만화를 복사하는 것처럼 페이지 디자인의 가이드로 그래픽을 사용할 수있게 해줍니다.
이미지 추적 기능은 Photoshop이나 Fireworks와 같은 프로그램에서 처음으로 디자인을 만들고 나서 웹 페이지를 모델링하는 사람들에게 이상적입니다. 이미지 추적 기능을 사용하면 모든 웹 지원 이미지를 Dreamweaver 페이지의 배경에 삽입 할 수 있습니다.
그런 다음 태그 위치를 지정하거나 테이블 또는 기타 요소를 추적 이미지 위에 삽입하여 Dreamweaver에서 디자인을 쉽게 다시 만들 수 있습니다. JPG, GIF 또는 PNG 이미지를 추적 이미지로 사용할 수 있으며 이러한 형식을 지원하는 모든 그래픽 응용 프로그램에서 이미지를 만들 수 있습니다.
추적 이미지는 페이지 배경에 나타나지만 배경 이미지 대신 브라우저에 나타나지 않습니다.
-페이지에 추적 이미지를 추가하려면 다음 단계를 따르십시오.
-
Dreamweaver에서 새 페이지를 만들거나 기존 페이지를 엽니 다.
-
보기 → 이미지 추적 →로드를 선택하십시오.
이미지 소스 선택 대화 상자가 열립니다.
-
추적 이미지로 사용할 이미지를 선택하고 확인을 클릭하십시오.
페이지 속성 대화 상자가 열리고 이미지 추적 범주가 선택됩니다.
-
찾아보기 버튼을 클릭하여 추적 이미지로 사용할 이미지를 찾습니다.
이미지 소스 선택 대화 상자가 나타납니다.
-
추적 할 이미지를 클릭 한 다음 적용을 클릭하여 이미지가 페이지 뒤의 모양을 미리 봅니다.
-
투명도 슬라이더를 사용하여 추적 이미지의 불투명도를 설정합니다.
투명도 레벨을 낮추면 추적 이미지가 흐리게 표시되므로 추적 이미지와 페이지의 내용을 쉽게 구분할 수 있습니다. 환경 설정에 맞게 투명도 수준을 설정할 수 있지만 대부분의 이미지에서는 약 50 % 정도가 잘 작동합니다.
-
확인을 클릭하십시오.
트레이싱 이미지가 문서 윈도우에 나타나고 대화 상자가 닫힙니다.
이미지 추적 기능으로 몇 가지 옵션이 있습니다. 보기 → 이미지 추적을 선택하여 다음 옵션을 표시합니다.
-
표시: 이미지없이 이미지를 확인하지만 이미지를 제거하지 않으려면 추적 이미지를 숨 깁니다.
-
선택 영역 정렬: 페이지에서 선택한 요소와 함께 추적 이미지를 자동으로 정렬 할 수 있습니다.
-
위치 조정: 화살표 키를 사용하거나 X, Y 좌표를 입력하여 페이지 뒤의 추적 이미지 위치를 제어 할 수 있습니다.
-
위치 재설정: X, Y 좌표에서 추적 이미지를 0, 0으로 재설정합니다.
-
로드: 추적 이미지를 추가하거나 바꿀 수 있습니다.
추적 이미지를 배치 한 후 페이지를 디자인 할 때 가이드로 사용할 수 있습니다. 추적 이미지는 페이지 뒤에 있기 때문에 디자인 작업을 방해하지 않으며 다른 웹 페이지에 추가 할 수있는 추적 이미지 위에 요소를 추가 할 수 있습니다. 추적 이미지를 참조로 사용하여 태그, 이미지 및 기타 요소를 삽입하고 위치를 지정합니다.
