문서 창에서 디자인 뷰로 전환하고 라이브러리 항목으로 저장할 문서의 부분을 선택합니다.
마지막 업데이트 날짜
2021년 12월 20일
이 항목을 통해 Dreamweaver에서 라이브러리 항목을 만들고, 문서에서 라이브러리 항목을 삽입하고 편집하는 방법을 살펴보시기 바랍니다.
라이브러리는 웹 페이지에 배치할 수 있는 개별 에셋이나 에셋 사본 모음을 포함하는 특별한 Dreamweaver 파일입니다. 라이브러리에 있는 이러한 에셋을 라이브러리 항목이라고 합니다. 라이브러리에 저장할 수 있는 항목에는 이미지, 테이블, 사운드, Adobe Flash로 만든 파일이 포함됩니다. 라이브러리 항목을 편집할 때마다 해당 라이브러리 항목을 사용하는 모든 페이지를 자동으로 업데이트할 수 있습니다.
예를 들어, 모든 페이지에 슬로건을 표시하려는 기업을 위해 큰 사이트를 제작한다고 가정해 보겠습니다. 슬로건을 포함하는 라이브러리 항목을 만들어 모든 페이지에서 해당 라이브러리 항목을 사용할 수 있습니다. 슬로건이 변경되면 라이브러리 항목을 변경하여 이를 사용하는 모든 페이지를 자동으로 업데이트할 수 있습니다.
Dreamweaver는 각 사이트의 로컬 루트 폴더 내 Library 폴더에 라이브러리 항목을 저장합니다. 각 사이트에는 고유한 라이브러리가 있습니다.
텍스트, 테이블, 양식, Java 애플릿, 플러그인, ActiveX 요소, 탐색 막대, 이미지를 포함하여 문서의 본문 섹션에 있는 모든 요소에서 라이브러리 항목을 만들 수 있습니다.
이미지와 같은 연결된 항목의 경우 라이브러리는 해당 항목에 대한 참조만 저장합니다. 라이브러리 항목이 올바르게 작동하려면 원본 파일이 지정된 위치에 그대로 있어야 합니다.
그러나 라이브러리 항목에 이미지를 저장하는 것이 유용할 수도 있습니다. 예를 들어, 완전한 img 태그를 라이브러리 항목에 저장하여 사이트 전체에서 이미지의 alt 텍스트나 src 속성까지 쉽게 변경할 수 있습니다. (단, 이미지 편집기를 사용하여 이미지의 실제 크기도 변경하지 않는 한 이 방법을 사용해서 이미지의 폭 및 높이 속성을 변경하지는 마십시오.)
라이브러리 항목에 링크가 포함된 경우 새 사이트에서는 이 링크가 작동하지 않습니다. 또한 라이브러리 항목의 이미지는 새 사이트로 복사되지 않습니다.
라이브러리 항목을 사용하면 Dreamweaver가 항목 자체가 아닌 해당 항목에 대한 링크를 웹 페이지에 삽입합니다. 즉, Dreamweaver가 해당 항목의 HTML 소스 코드 사본을 문서에 삽입하고 원본 외부 항목에 대한 참조가 포함된 HTML 주석을 추가합니다.이러한 외부 참조 덕분에 자동 업데이트가 가능합니다.
Dreamweaver 비헤이비어가 첨부된 요소를 포함하는 라이브러리 항목을 만들면 Dreamweaver가 해당 요소와 이벤트 핸들러(어떤 이벤트가 액션을 트리거할지 지정하는 속성(예: onClick, onLoad, onMouseOver)와 이벤트 발생 시 호출할 액션)를 라이브러리 항목 파일에 복사합니다.Dreamweaver는 관련 JavaScript 함수를 라이브러리 항목에 복사하지 않습니다. 대신 라이브러리 항목을 문서에 삽입하면 Dreamweaver가 자동으로 적절한 JavaScript 함수를 해당 문서의 head 섹션에 삽입합니다(아직 없는 경우).
JavaScript를 하드 코딩하는 경우(Dreamweaver 비헤이비어를 사용하지 않고 직접 만드는 경우) 코드 실행 시 JavaScript 호출 비헤이비어를 사용하면 JavaScript 코드를 라이브러리 항목의 일부로 만들 수 있습니다. Dreamweaver 비헤이비어를 사용하지 않고 코드를 실행하면 코드가 라이브러리 항목의 일부로 유지되지 않습니다.
라이브러리 항목에서 비헤이비어를 편집할 때 특별한 요구 사항이 있습니다.스타일 시트의 코드는 head 섹션의 일부이므로 라이브러리 항목에는 스타일 시트를 포함할 수 없습니다.
선택 항목을 기반으로 라이브러리 항목 만들기
[도구] > [라이브러리] > [라이브러리에 오브젝트 추가]를 선택합니다.
새 라이브러리 항목의 이름을 입력한 다음 Enter 키
(Windows) 또는 Return 키(Macintosh)를 누르십시오.
Dreamweaver는 각 라이브러리 항목을 사이트 로컬 루트 폴더의 Library 폴더에 별도 파일(.lbi 확장자)로 저장합니다.
빈 라이브러리 항목 만들기
[문서] 창에서 아무것도 선택되지 않았는지
확인하십시오.
선택된 항목이 있으면 새 라이브러리 항목에 배치됩니다.
에셋 패널에서 [라이브러리] 범주를 선택합니다.
패널 하단에 있는 [새 라이브러리 항목] 버튼을 클릭합니다.
항목이 여전히 선택된 상태에서 이름을 입력한 다음
Enter(Windows) 또는 Return(Macintosh) 키를 누르십시오.
문서에 라이브러리 항목 삽입
라이브러리 항목을 페이지에 추가하면 실제 콘텐츠가 라이브러리 항목에 대한 참조와 함께 문서에 삽입됩니다.
삽입 포인터를 문서 창에 놓습니다.
에셋 패널에서 [라이브러리] 범주를 선택합니다.
다음 중 하나를 수행합니다.
- 에셋 패널의 라이브러리 항목을 문서 창으로 드래그합니다.
메모
라이브러리 항목에 대한 참조를 제외하고 문서에 항목 내용만 삽입하려면 Ctrl 키(Windows) 또는 Option 키(Macintosh)를 누른 채로 항목을 에셋 패널 밖으로 드래그합니다. 이 방법으로 항목을 삽입하면 문서에서 항목을 편집할 수 있지만 라이브러리 항목을 사용하는 페이지를 업데이트할 때 문서가 업데이트되지는 않습니다.
라이브러리 항목을 선택하고 [삽입]을 클릭합니다.
라이브러리 항목 편집 및 문서 업데이트
라이브러리 항목을 편집하면 해당 항목을 사용하는 모든 문서를 업데이트할 수 있습니다. 업데이트하지 않기로 선택하면 문서는 라이브러리 항목과 연결된 상태로 유지되며 나중에 업데이트할 수 있습니다.
항목의 이름을 바꿔 문서나 템플릿과의 연결을 끊거나, 사이트의 라이브러리에서 항목을 삭제하거나, 누락된 라이브러리 항목을 다시 만들 수 있습니다.
라이브러리 항목 편집
에셋 패널에서 [라이브러리] 범주를 선택합니다.
라이브러리 항목을 선택합니다.
[편집] 버튼을 클릭하거나 라이브러리 항목을 더블 클릭합니다.
Dreamweaver에서 라이브러리 항목을 편집하기 위해 문서 창과 유사한 새 창을 엽니다. 회색 배경은 문서가 아닌 라이브러리 항목을 편집하고 있음을 나타냅니다.
원하는 대로 변경한 다음 저장합니다.
로컬 사이트에서 라이브러리 항목이 사용된 문서를 업데이트할지 여부를 지정합니다. 즉시 업데이트하려면 [업데이트]를 선택합니다. [업데이트 안 함]을 선택하면 [도구] > [라이브러리] > [현재 페이지 업데이트] 또는 [페이지 업데이트]를 선택할 때까지 문서가 업데이트되지 않습니다.
현재 문서를 업데이트하여 모든 라이브러리 항목의 현재 버전을 사용하십시오
[도구] > [라이브러리] > [현재 페이지 업데이트]를 선택합니다.
특정 라이브러리 항목을 사용하는 전체 위치 또는 모든 문서를 업데이트합니다
[도구] > [라이브러리] > [페이지 업데이트]를 선택합니다.
[찾는 위치] 팝업 메뉴에서 업데이트 대상을 지정합니다.
선택한 사이트의 모든 페이지를 업데이트하여 모든 라이브러리 항목의 현재 버전을 사용하려면 전체 사이트를 선택한 다음 인접한 팝업 메뉴에서 사이트 이름을 선택하십시오.
라이브러리 항목을 사용하는 현재 사이트의 모든 페이지를 업데이트하려면 [사용하는 파일]을 선택한 다음 인접한 팝업 메뉴에서 라이브러리 항목 이름을 선택하십시오.
[업데이트] 옵션에서 [라이브러리 항목]이 선택되어 있는지 확인하십시오.
템플릿을 동시에 업데이트하려면 [템플릿]도 선택합니다.
[시작]을 클릭합니다.
Dreamweaver가 지시된 대로 파일을 업데이트합니다. [로그 표시] 옵션을 선택한 경우 Dreamweaver에서 파일이 성공적으로 업데이트되었는지 여부와 기타 정보를 보여주는 보고서를 생성합니다.
라이브러리 항목 이름 변경
에셋 패널에서 [라이브러리] 범주를 선택합니다.
라이브러리 항목을 선택한 다음 다시 클릭합니다.
이때 더블 클릭하면 편집을 위해 항목이 열리므로 더블 클릭하지 마십시오.
새 이름을 입력합니다.
다른 곳을 클릭하거나 Enter 키(Windows) 또는 Return 키(Macintosh)를 누릅니다.
항목을 사용하는 문서를 업데이트할지 여부를
[업데이트] 또는 [업데이트 안 함] 중에서 선택하여 지정하십시오.
라이브러리에서 라이브러리 항목 삭제
라이브러리 항목을 삭제하면 Dreamweaver가 라이브러리에서 해당 항목을 제거하지만 그 항목을 사용하는 문서의 콘텐츠는 변경하지 않습니다.
에셋 패널에서 [라이브러리] 범주를 선택합니다.
해당 라이브러리 항목을 선택합니다.
[삭제] 버튼을 클릭하거나 Delete 키를 누른 다음
항목을 삭제할 것인지 확인하십시오.
라이브러리 항목을 삭제하는 경우 실행 취소 명령을 사용하여 항목을 복구할 수 없습니다. 그러나 항목을 다시 만들 수는 있습니다.
누락되거나 삭제된 라이브러리 항목을 다시 만듭니다
문서 중 하나에서
항목의 인스턴스를 선택하십시오.
속성 검사기([창] > [속성])에서 [다시 만들기] 버튼을 클릭하십시오.
라이브러리 항목의 강조 표시를 사용자 지정합니다
강조 표시 환경 설정을 통해 라이브러리 항목의 강조 색상을 사용자 지정하고 강조 표시를 표시하거나 숨길 수 있습니다.
라이브러리 항목의 강조 색상을 변경합니다
[편집] > [환경 설정](Windows) 또는 [Dreamweaver] > [환경 설정](Macintosh)을 선택합니다.
환경 설정 대화 상자 왼쪽 목록에서 강조 표시 카테고리를 선택하십시오.
[라이브러리 항목] 색상 상자를 클릭한 다음 색상 피커를 사용하여 강조
색상을 선택하십시오(또는 텍스트 상자에 16진수 색상 값을
입력하십시오).
문서 창에서 강조 색상을 표시하려면 [표시]를 선택합니다.
[확인]을 클릭합니다.
문서 창에서 강조 표시를 표시하거나 숨기려면
[보기] > [디자인 뷰 옵션] > [시각 도구] > [보이지 않는 요소]를 선택합니다. 강조 표시를 숨기려면 [보이지 않는 요소]의 선택을 해제합니다.
라이브러리 항목의 속성 편집
속성 관리자를 사용하여 편집할 라이브러리 항목을 열거나, 선택한 라이브러리 항목을 소스 파일에서 분리하거나, 현재 선택한 라이브러리 항목으로 항목을 덮어쓸 수 있습니다.
문서에서 라이브러리 항목을 선택합니다.
속성 관리자에서 다음 옵션 중 하나를 선택합니다([창] > [속성]):
소스
라이브러리 항목에 대한 소스 파일의 파일 이름과 위치를 표시합니다.이 정보는 편집할 수 없습니다.
열기
편집을 위해 라이브러리 항목의 소스 파일을 엽니다. 이는 에셋 패널에서 항목을 선택하고 [편집] 버튼을 클릭하는 것과 동일합니다.
원본에서 떼어내기
선택한 라이브러리 항목과 해당 소스 파일 간의 링크를 끊습니다.문서에서 분리된 항목을 편집할 수 있지만, 더 이상 라이브러리 항목이 아니며 원본을 변경할 때 업데이트되지 않습니다.
다시 만들기
원본 라이브러리 항목을 현재 선택한 내용으로 덮어씁니다. 원본 라이브러리 항목이 누락되었거나 실수로 삭제된 경우 라이브러리 항목을 다시 만들려면 이 옵션을 사용합니다.
문서에서 라이브러리 항목 편집 가능하게 만들기
문서에 라이브러리 항목을 추가했고 해당 페이지에 특별히 항목을 편집하려면 문서의 항목과 라이브러리 간의 링크를 끊어야 합니다.라이브러리 항목의 인스턴스를 편집 가능하게 만들면 해당 인스턴스는 라이브러리 항목이 변경될 때 업데이트되지 않습니다.
현재 문서에서 라이브러리 항목을 선택합니다.
속성 관리자([창] >
[속성])에서 [원본에서 분리]를
클릭합니다.
라이브러리 항목의 비헤이비어 편집
라이브러리 항목의 동작을 편집하려면 먼저 문서에 항목을 삽입한 다음 해당 문서에서 항목을 편집 가능하게 만들어야 합니다.변경한 후에는 라이브러리 항목을 다시 만들어서 라이브러리의 항목을 문서의 편집된 항목으로 바꿀 수 있습니다.
라이브러리 항목이 포함된 문서를 엽니다.
라이브러리 항목의 이름과 포함된 정확한 태그를 기록해 두십시오.나중에 이 정보가 필요합니다.
라이브러리 항목을 선택한 다음 속성 관리자([창] > [속성])에서 [원본에서 분리]를
클릭합니다.
동작이 연결된
요소를 선택합니다.
[동작] 패널([창] > [동작])에서
변경하려는 작업을 두 번 클릭합니다.
표시되는 대화 상자에서 변경 작업을 수행한 다음 [확인]을 클릭합니다.
에셋 패널에서 [라이브러리] 범주를 선택합니다.
원본 라이브러리 항목의 정확한 이름과 대소문자 표기를 기록하고, 해당 항목을 선택한 다음 [삭제] 버튼을 클릭합니다.
문서 창에서 라이브러리 항목을 구성하는
모든 요소를 선택합니다.
원본 라이브러리 항목에 있던 것과 정확히 동일한 요소를 선택하도록 주의합니다.
에셋 패널에서 [새 라이브러리 항목] 버튼을 클릭한 다음 동일한 철자와 대/소문자를 사용하여 삭제한 항목과 같은 이름으로 새 항목을 지정합니다.
사이트의 다른 문서에서 라이브러리 항목을 업데이트하려면 [도구] > [라이브러리] > [페이지 업데이트]를 선택합니다.
[찾는 위치] 팝업 메뉴에서 [사용된 파일]을 선택합니다.
인접한 팝업 메뉴에서 방금 만든 라이브러리
항목의 이름을 선택합니다.
[업데이트] 옵션에서 [라이브러리 항목]이 선택되어 있는지 확인한 다음 [시작]을 클릭합니다.
업데이트가 완료되면 [닫기]를 클릭합니다.
