차례:
비디오: [드림위버CC강좌 IB96추천]3.문서를 연결하는 링크 설정하기,동영상,강좌,강의,교육. 2025
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver는 웹 페이지에서 앵커를 만드는 기능을 지원합니다. 앵커 는 링크의 동일한 페이지 또는 다른 페이지의 페이지의 특정 섹션에 대한 링크입니다. 예를 들어, Back to Top 버튼을 클릭했을 때 앵커를보고 사용했을 것입니다. 앵커는 시청자에게 매우 유용하며 가능할 때마다 구현되어야합니다.
Dreamweaver에서 간단한 앵커를 만들려면 다음 단계를 수행하십시오.
-
링크하려는 페이지의 위치에 커서를 삽입하십시오.
앵커는 텍스트 줄 앞에 또는 자체 줄에 배치 할 수 있습니다.
-
삽입 패널의 일반 범주에서 명명 된 앵커 버튼을 클릭합니다.
키보드 단축키 Ctrl + Alt + A (Windows) 또는 Command + Option + A (Mac)를 사용하여 앵커 버튼을 클릭하지 않아도됩니다.
-
페이지의 내용이나 위치와 관련된 짧은 이름을 입력하십시오 (예: TopOfPage).
앵커는 대소 문자를 구별하므로 이름을 결정할 때이를 명심하십시오.
-
확인을 클릭하십시오.
새로운 앵커가 귀하의 페이지에 나타납니다.
위쪽: 명명 된 앵커 대화 상자에 간단한 앵커 이름을 만듭니다. 하단: 완성 된 앵커.
앵커를 만들었지 만 아직 링크가 만들어지지 않았습니다. 속성 관리자를 사용하거나 [파일에 점 도구] 도구를 사용하여 앵커를 링크로 수동 정의 할 수 있습니다.
->수동 앵커 링크
앵커에 수동으로 링크하여 작업중인 페이지 내에서 링크를 만들거나 전혀 다른 페이지의 앵커에 링크를 연결할 수 있습니다.
-
링크가 될 텍스트를 선택하십시오.
-
속성 관리자가 열려 있지 않으면 윈도우 → 속성을 선택합니다.
-
새 명명 된 앵커에 연결할 텍스트를 선택하고 [삽입] 패널에있는 [하이퍼 링크] 단추를 클릭합니다.
-
하이퍼 링크 대화 상자에서 링크 필드를 찾아서 옆에있는 드롭 다운 목록을 클릭하십시오.
명명 된 앵커가 선택 항목으로 나타납니다.
-
적용 할 앵커를 선택한 다음 확인을 클릭하십시오.
하이퍼 링크 대화 상자에서 앵커 이름을 선택하십시오.
속성 관리자 앵커 링크
페이지에 링크하여 속성 관리자에서 앵커 참조를 추가 할 수도 있습니다. 예를 들어 다른 페이지의이 지점에 연결하려면 해당 페이지에서 요소를 선택하고 링크 텍스트 상자 (HTML보기에서)에 페이지 이름, 파운드 기호 (#) 및 이름 예를 들어, 마리의 앵커. html # 카나리아
이 작업은 브라우저에서 새 페이지로 이동 한 다음 해당 페이지 내의 카나리아 앵커로 이동합니다.
파이프 기호 (|)로 구분 된 앵커가 자주 표시됩니다. Shift +를 누르면이 유형 문자를 만들 수 있습니다. 백 슬래시 키는 Enter (Windows) 또는 Return (Mac) 키 바로 위에 있습니다.
파일 앵커 링크를 가리 키십시오
이전에 앵커를 만들기위한 하이퍼 링크를 만들 때 사용한 것과 같은 멋진 가리킨 파일 아이콘을 사용할 수 있습니다. 속성 관리자의 점 대 점 (Point to File) 아이콘은 페이지에서 작성한 앵커를 대상으로 할 수도 있습니다.
-
페이지의 링크로 사용할 텍스트를 선택하십시오.
-
속성 관리자에서 링크 필드 옆에있는 파일 대지 아이콘을 찾아 아이콘 위에 클릭하여 드래그 한 다음 페이지의 앵커 아이콘 위에 화살표를 직접 놓습니다.
이제 텍스트가 앵커에 링크되고 앵커 이름이 파운드 기호 (예: #canary ) 앞에 붙은 속성 관리자의 링크 텍스트 필드에 나타납니다.
