Dreamweaver를 가열하는 방법

DreamWeaver에 핫스팟 추가

DreamWeaver에 핫스팟 추가는 일반적으로 이미지 내에서 클릭 가능한 영역을 만드는 것을 나타냅니다. 이것은 단일 "핫스팟"도구를 통해 직접 수행하는 것이 아니라 이미지 맵을 사용하여 수행합니다. 다음은 다음과 같습니다. 이미지 삽입 :

먼저, 먼저 "삽입"메뉴를 사용하여 DreamWeaver 문서에 이미지를 삽입하거나 드래그하고 떨어 뜨려서 이미지 맵 생성 : 이미지가 제자리에 있으면 선택하십시오. 속성 패널 (보통 오른쪽)에는 이미지 맵을 만들 수있는 옵션이 표시됩니다. 이것을 클릭하면 이미지 맵 편집기가 열립니다. 핫스팟 정의 :

이미지 맵 편집기를 사용하면 이미지를 클릭하고 드래그하여 직사각형, 원형 ​​또는 다각형 핫스팟을 정의 할 수 있습니다. 각 핫스팟마다 URL (링크 대상)을 제공해야합니다.

링크 속성 설정 : 이미지 맵 편집기 내에서 URL을 지정하고 대상을 지정할 수 있습니다 (새 탭 또는 창에서 열겠습니다 - 다음 섹션에서 열리십시오) 및 각 핫스팟에 대한 ALT 텍스트 및 alt alt and Preview : 저장 및 미리보기. 기능을 테스트하기 위해 브라우저에 있습니다. 이미지 내에서 정의 된 영역을 클릭하면 지정된 URL로 이동해야합니다. 이미지 맵은 클라이언트 측이므로 브라우저는 맵 데이터를 렌더링하고 처리해야합니다. DreamWeaver에서 하이퍼 링크를 만드는 것은 DreamWeaver에서 하이퍼 링크를 만드는 것이 간단합니다. 여러 가지 방법 으로이 작업을 수행 할 수 있습니다. 메소드 1 : 삽입 하이퍼 링크 기능 사용 :
1. 텍스트 또는 이미지 선택 : 하이퍼 링크로 작성하려는 텍스트를 강조 표시하거나 이미지를 선택하십시오. "하이퍼 링크." 또는 도구 모음 (일반적으로 체인 링크)에서 하이퍼 링크 아이콘을 사용할 수 있습니다.
ENTER URL :
2. 나타나는 대화 상자에 링크를 입력하려는 URL (웹 주소)을 입력하십시오. 또한 선택적으로 대상을 지정할 수 있습니다 (새 탭 또는 창에서 링크를 열려면 - 다음 섹션 참조) 및 Alt 텍스트를 참조하십시오. 확인을 클릭하십시오. "OK"를 클릭하여 하이퍼 링크를 만듭니다. DreamWeaver는 선택한 텍스트 또는 이미지를 하이퍼 링크로 자동으로 포맷합니다.
3. 메소드 2 : 하이퍼 링크를 수동으로 코딩합니다. 예를 들어 : 는 example에 링크하는 텍스트 "여기를 클릭"하는 텍스트와 하이퍼 링크를 만듭니다. 이것은 링크의 속성을 더 잘 제어 할 수 있습니다.
DreamWeaver의 HyperLinks 스타일링
4. DreamWeaver는 하이퍼 링크를 스타일링하는 몇 가지 방법을 제공합니다. 1. CSS 사용 : 가장 효율적이고 권장되는 방법은 계단식 스타일 시트 (CSS)를 사용하는 것입니다. 하이퍼 링크 용 CSS 클래스를 작성하여 링크에 적용 할 수 있습니다. 이를 통해 전체 웹 사이트에서 일관된 스타일이 가능합니다. 예를 들면 :

   이 CSS 코드 스타일은 모든 하이퍼 링크를 파란색으로 묶고 밑줄을 긋고 색상을 빨간색으로 변경하고 호버의 밑줄을 제거합니다. 이 CSS를 HTML 문서에 링크 된 별도의 CSS 파일에 또는 태그를 사용하여 HTML의

   섹션 내에서 직접 적용 할 수 있습니다. 인라인 스타일링 :

   a {
     color: blue;
     text-decoration: underline;
   }
   
   a:hover {
     color: red;
     text-decoration: none;
   }

   태그 내의 속성을 ​​사용하여 개별 하이퍼 링크에 스타일을 직접 적용 할 수 있습니다. 예를 들면 :

   . 그러나 이것은 CSS를 사용하는 것보다 일반적으로 덜 효율적이고 유지하기가 어렵습니다. DreamWeaver의 속성 패널 : CSS만큼 강력하지는 않지만 DreamWeaver의 Properties 패널을 사용하면 현재 선택한 링크의 텍스트 색상 및 밑줄 스타일과 같은 기본 하이퍼 링크 속성을 변경할 수 있습니다. 이것은 사소한 조정을하는 빠른 방법이지만 CSS는 포괄적 인 스타일링에 선호됩니다. <style></style> DreamWeaver를 사용하여 새 탭에서 하이퍼 링크를 열어 놓는

   DreamWeaver를 사용하여 새 탭 또는 창에서 하이퍼 링크를 열 수있는 두 가지 주요 방법이 있습니다. 대상 속성 사용 : 하이퍼 링크를 만들 때 ( "삽입 하이퍼 링크"기능 또는 수동 코딩을 사용)

   속성을 ​​지정할 수 있습니다. 를 설정하면 새 탭이나 창에서 링크가 열립니다. 예를 들면 또는 DreamWeaver의 삽입 하이퍼 링크 대화 상자를 사용하고 "_blank"대상을 선택합니다. javaScript 사용 (권장 덜 권장) : 가능하지만 새 탭에서 javaScript를 사용하여 속성을 ​​사용하는 것보다 일반적으로 덜 효율적이고 선호하지 않습니다. 이 접근법은 추가 코드를 추가하고 잠재적 인 호환성 문제를 도입 할 수 있습니다. 속성은 더 깨끗하고 더 널리 지원되는 방법입니다. style

위 내용은 Dreamweaver를 가열하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!