비디오: 드림위버_사운드 잘못되었네요.꺼주세요) span사용,올바른 class 사용법 ... Dreamweaver) Define class, use the correct class 2025
Dreamweaver의 속성 검사기는 상황에 따라 다릅니다. 이미지를 클릭하면 해당 이미지의 HTML 속성이 표시되고 편집 할 수 있습니다. 편집 가능한 이미지 속성 중 일부는 디자인 요소보다 "기술적 인"요소입니다.
예를 들어, 이미지 ID는 이미지가 JavaScript 프로그램이나 데이터베이스에 연결될 때 사용됩니다. 속성 검사기의 다른 이미지 속성은 실제 이미지 편집 도구 세트를 제한적으로 구성합니다. 이러한 도구에는 자르기, 대비 편집 및 이미지 선명 화가 포함됩니다. 가장 중요한 옵션을 살펴보십시오.
지도 영역 도구: 지도 영역 도구는 선택한 이미지에서 클릭 가능한 핫스팟을 만들고 다른 핫스팟에 대해 별도의 링크를 정의합니다. 핫스팟은 링크 역할을하는 이미지 섹션입니다. 사각형, 원형 및 다각형 핫스팟 도구를 사용하여 선택한 이미지에 섹션을 그린 다음 속성 검사기에서 해당 핫팟에 특정 링크를 할당 할 수 있습니다.
이 세트의 네 번째 도구 인 포인터 핫스팟 도구는 기존 핫스팟을 선택, 이동 또는 편집하는 데 사용됩니다.
V 공간 및 H 공간: 선택한 이미지 주위에 수평 및 수직 간격을 정의하십시오.
정렬: 왼쪽 또는 오른쪽 정렬 중에서 선택하려면이 팝업을 사용하십시오. (다른 옵션은 기술적으로 사용할 수 있지만 텍스트 크기의 그래픽 심볼을 텍스트 행에 직접 삽입하고 이미지 정렬에서 오늘 사용하지 않는 시대의 잔재입니다.)
Src: 이 필드는 포함 된 링크 된 이미지.
Alt: 이미지가 보이지 않을 때 표시되는 텍스트를 변경하거나 큰 소리로 읽습니다.
테두리: 테두리 너비 (기본적으로 0 픽셀)를 정의하거나 이미지가 링크 역할을하는 경우 1 픽셀을 정의합니다.
링크: 이미지를 클릭 할 때 열리는 링크를 정의하십시오. 링크가 정의 된 경우 대상 팝업에서 _blank를 선택하여 링크를 새 브라우저 창에서 열도록 설정할 수 있습니다.
클래스: CSS 클래스 스타일이 페이지에 정의되어 있거나 링크되어 있으면이 팝업을 사용하여 CSS 클래스 스타일을 지정하십시오.
W (너비) 및 H (높이): 이미지의 크기를 조정합니다. Toggle Size Constraints 아이콘의 선택을 해제하면 높이와 너비의 연결이 해제되므로 크기를 조정할 때 원본 높이와 너비의 종횡비를 유지하는 대신 이미지를 늘리거나 찌그러 뜨릴 수 있습니다. 선택한 이미지의 오른쪽 아래 모서리 핸들을 클릭하고 드래그하여 대화 형으로 크기를 조정할 수도 있습니다. 크기를 조정할 때 Shift 키를 누른 상태에서 높이와 폭의 비율을 유지합니다.
Resample: CS6의 새로운 도구를 사용하면 크기가 조정 된 (더 작은) 이미지를 다시 샘플링 할 수 있습니다.리샘플링은 불필요한 데이터를 제거하고 이미지 파일을 더 작게 만듭니다. 즉, 이미지를 더 빨리 다운로드 할 수 있습니다. 커밋 이미지 크기 확인란을 선택하여 이미지를 다시 샘플링하거나 속성 관리자에서 크기 조정 옆에있는 원래 크기로 재설정 단추를 클릭하여 크기 조정을 취소합니다.
