이전 부분의 작업 후에 우리 웹 페이지는 그림과 텍스트로 설명되어 상당한 효과가 있지만 웹 페이지의 많은 웹 페이지가 유기적인 전체가 되기 위해서는 각 웹 페이지가 반드시 필요합니다. 슈퍼링크를 통해 처리되므로 시청자가 다른 페이지 간에 이동할 수 있습니다.
1. 사진과 텍스트 연결
일부 텍스트나 그림에 대한 링크를 만드는 것은 매우 편리합니다. 링크로 전환해야 하는 그림이나 텍스트를 마우스로 선택한 다음 필요한 대상 페이지의 주소를 입력하기만 하면 됩니다. 속성 패널의 "링크" 입력 상자로 이동하거나, 입력 상자 옆에 있는 폴더 아이콘을 눌러 이동하려는 파일을 선택하세요. 또한 Dreamweaver MX 2004는 웹 사이트 창을 통해 파일을 빠르게 링크하는 방법도 제공합니다.
1단계: 먼저 "사이트→사이트 관리" 명령을 실행하고 팝업 메뉴에서 이미 생성된 사이트를 선택하면 오른쪽에 팝업 사이트 관리 창이 나타납니다.
2단계: 편집 영역에서 텍스트나 이미지를 선택하고 속성 패널의 '링크' 입력 상자 옆에 있는 원형 대상 아이콘을 직접 드래그하면 웹사이트 관리자에서 파일을 가리키면 화살표가 나타납니다. 파일 주위에 상자가 나타납니다(그림 1).
그림 1
3단계: 마우스를 놓으면 선택한 텍스트 하단에 밑줄이 나타나고 단어 색상이 파란색으로 바뀌며 "링크" 입력 상자에 대상 파일의 주소가 자동으로 표시됩니다. .
팁: 링크를 설정할 때 URL의 두 가지 방법에 주의해야 합니다. 1. 절대 주소: www. 알파벳. com/test. 2. 상대 주소: download/1 등. htm, 설명 페이지 1. htm은 서버의 루트 디렉터리에 있습니다.
2. 하나의 사진에 여러 개의 링크를 설정합니다.
일부 웹 페이지에는 큰 사진에 여러 개의 링크가 있으므로 방문자가 사진의 다른 위치를 클릭하여 다른 페이지로 이동할 수 있습니다. 이를 달성하려면 아래 단계를 따르십시오.
1단계: Dreamweaver MX 2004에서는 먼저 이미지를 선택할 수 있습니다. 이때 이미지 속성 패널에 "지도" 영역이 표시됩니다. 그 아래에는 직사각형, 원, 다각형이라는 세 개의 연한 파란색 도구 아이콘이 있습니다.
2단계: 마우스를 사용하여 필요에 따라 그 중 하나를 선택한 다음 마우스를 이미지로 이동하고 연한 파란색 영역을 끌어냅니다.
3단계: 속성 패널의 "링크" 입력란에 링크할 웹페이지 주소를 입력하면 이미지 핫 영역이 준비됩니다.
마찬가지로, 이 이미지에 대해 여러 이미지 핫 영역을 설정하면 이미지의 다른 영역을 클릭하여 다른 페이지로 들어갈 수 있습니다.
3. 페이지 내의 점프 링크를 사용자 정의하십시오.
온라인으로 무료 전자 잡지를 자주 구독하거나 매우 긴 페이지를 탐색하는 경우 이는 쉽게 이동할 수 있는 디렉토리와 같은 목록에 익숙해야 합니다. 페이지 내의 모든 부분.
1단계: Dreamweaver MX 2004에서 먼저 링크가 가리키는 위치, 즉 화면이 이동한 후 링크가 유지될 위치를 결정한 다음 대상 텍스트를 선택하고 "삽입→명명된 앵커" 명령을 실행합니다.
2단계: "앵커 이름" 입력 상자에 레이블 이름(예: test3)을 입력합니다. 이때 일반 텍스트 내용과 구별하기 위해 앵커 태그가 텍스트 아래에 자동으로 나타납니다(그림 2).
그림 2
3단계: 속성 보드의 "링크" 입력 상자에 "#test3"을 입력합니다. 여기서 test3은 방금 설정된 이름이므로 페이지 점프 기능이 구현될 수 있습니다.
팁: 다른 페이지의 특정 위치를 가리키려면 이 앵커 태그를 해당 위치에 넣으세요.
4. 웹링크를 빠르게 확인하세요
. 인터넷 서핑을 하다가 가장 짜증나는 것은 "웹 서버 오류 4004: 파일을 찾을 수 없습니다" 같은 오류 메시지입니다. 웹 사이트에는 링크가 많기 때문에 조금만 주의하면 링크 오류가 많이 발생합니다. 그러나 Dreamweaver MX 2004에서는 링크를 쉽게 확인할 수 있습니다.
1단계: Dreamweaver MX 2004에서 "사이트→링크 SideWide 확인" 명령을 실행하면 링크 확인 패널이 활성화됩니다.
2단계: 패널 왼쪽 상단에 있는 "표시" 드롭다운 메뉴에서 끊어진 링크(깨진 링크), 외부 링크(외부 링크) 및 OrphanedFiles(고아 파일)를 선택할 수 있습니다. 고아 파일을 선택하면 Dreamweaver MX 2004가 현재 링크 상태를 확인하고 고아 파일 목록을 표시합니다.
3단계: 문제가 있는 파일의 경우 마우스 왼쪽 버튼을 두 번 클릭하여 열어서 수정하세요.
팁: 외부 링크는 외부 웹 사이트로 연결되는 링크 주소이며 Dreamweaver에서는 해당 링크의 정확성을 확인할 수 없습니다.
웹사이트는 일반적으로 수백 개의 페이지로 구성되어 있으므로 웹페이지에 대한 링크를 설정할 때 각별히 주의해야 합니다. 주의하지 않으면 빈 링크나 잘못된 링크가 표시되어 웹사이트 이미지에 매우 해로울 수 있습니다. 좋은 영향!