콘텐츠
"보는 것"은 인터페이스입니다. 인터페이스 Adobe Dreamweaver는 수동으로 코드를 입력하는 대신 시각적 디자인 모드를 사용하여 웹 사이트를 만듭니다. 이 디자인 모드를 사용하면 Dreamweaver에서 자동으로 코드를 생성합니다. 그러나 디자인 창에서 본 이미지에 문제가 발생할 수 있습니다. 이 문제는 거의 항상 부당하게 참조되거나 존재하지 않는 이미지와 연관됩니다.
이미지 참조
절대 참조는 인코딩 된 이미지의 정확한 위치를 가리 킵니다 (예 : "http://www.somedomain.com/images/image.jpg"). 상대 참조는 현재 페이지의 상대 위치를 사용합니다 (예 : "/images/image.jpg"). 절대 참조를 사용하려면 Dreamweaver에서 이미지를 온라인으로 액세스해야합니다. 인터넷 연결을 사용할 수 없거나 이미지가 아직로드되지 않은 경우 Dreamweaver에서 이미지를 표시 할 수 없습니다.
뿌리
절대 및 상대 참조와 마찬가지로 Dreamweaver는 현재 문서 또는 사이트의 가장 중요한 디렉토리 인 로컬 사이트의 루트에 상대적인 이미지 위치를 정의합니다. Dreamweaver는이 옵션을 선택하면 로컬 사이트의 루트를 기반으로 이미지 참조를 인코딩합니다. 사이트의 루트가 변경되면 이미지 참조도 변경됩니다. Dreamweaver에서 자동으로 링크를 업데이트하도록 허용하지 않으면 이미지가 페이지에서 부적절하게 참조 될 수 있습니다.
템플릿
템플릿을 사용하면 새 페이지를 만들 때 공통 요소를 추가하여 여러 페이지를 쉽게 작성할 수 있습니다. 인라인 캐스 케이 딩 스타일 시트 또는 CSS는 다른 디렉토리에 나타날 때도 문서에서 최신이 아닌 이미지를 참조하는 문자를 생성합니다. 이로 인해 이미지가 부적절하게 참조됩니다. 가장 좋은 방법은 별도의 CSS 스타일 시트 파일을 사용하여 이미지를 참조하는 것입니다. 파일에 대한 링크는 새 페이지에서 업데이트되며이 스타일 시트에는 이미 이미지의 적절한 참조가 포함됩니다.
복사하여 붙여 넣기 대 이동
Dreamweaver의 사이트 관리자에서 이미지를 복사하여 붙여 넣으면 원본 이미지 파일이 유효하므로 Dreamweaver 문서의 링크는 업데이트되지 않습니다. 원본 이미지가 삭제되면 이미지가 더 이상 Dreamweaver에 표시되지 않습니다. 이미지를 이동해야하는 경우 사이트 관리자에서 이미지를 클릭하여 새 위치로 끕니다. 이렇게하면 Dreamweaver에서 모든 적용 가능한 페이지의 이미지 위치를 자동으로 업데이트 할 수 있습니다.
외부 변화
Dreamweaver는 외부에서 수행 된 이미지 변경 사항을 모니터링하지 않습니다. Windows 탐색기 이미지 참조 파일을 이동, 삭제 또는 이름을 변경하면 Dreamweaver에서 변경 사항을 따르지 않습니다. 결과적으로 이미지는 더 이상 프로그램에 표시되지 않습니다. 이 문제를 방지하려면 Dreamweaver 사이트 관리자에서 직접 이러한 모든 변경 작업을 수행하십시오.