웹사이트를 개발하고 구축하는 과정에서 웹사이트의 상당 부분이 완성되었음에도 불구하고 일부 세부 사항을 수정해야 하는 상황에 직면할 수 있습니다. 이때 수동 변경에 전적으로 의존하는 것은 불가능합니다. Dreamwaver에서 검색 및 바꾸기를 사용하면 이러한 수정 작업을 수행하는 데 도움이 될 수 있습니다.
Dreamwaver의 검색 및 바꾸기 기능은 매우 강력하며 정확한 "쿼리 언어"를 사용하여 찾기 및 바꾸기 대화 상자에서 검색 프로세스를 제어할 수도 있습니다. Dreamwaver에서 "찾기 대화 상자"를 불러오는 단축키는 "Ctrl+H"입니다. 각 입력 상자의 기능은 다음과 같습니다. 상단의 "찾기" 항목은 검색 범위를 나타내는 데 사용됩니다. 현재 파일 내에서 검색하는 것이고, 두 번째 항목은 현재 사이트에서 검색하는 것이고, 세 번째 항목은 지정된 폴더에서 검색하는 것입니다. 이 항목을 선택하면 오른쪽에 있는 폴더 모양의 버튼을 클릭해야 합니다. 폴더를 지정하려면 다음을 수행합니다. "찾기" 항목은 검색 유형을 선택하는 데 사용됩니다. "텍스트"를 선택한 경우 검색 유형이 HTML(HTML 코드 아님)임을 의미합니다. 코드, 고급 텍스트 검색, 태그가 포함된 검색은 오른쪽에 있습니다. 찾을 내용을 입력 상자에 입력하세요. 아래의 "바꾸기"는 바꿀 내용을 나타냅니다.
찾기 기능을 사용하는 방법을 설명하는 예를 들어 보겠습니다. 본문 텍스트의 "dreamwaver"를 "Dreamwaver"로 바꾸고 싶다고 가정해 보겠습니다. 검색에 "Text"만 사용하는 경우 <title>의 "dreamwaver"도 이를 원하지 않습니다. 그래서 "텍스트 고급 검색"을 이용하여 검색 조건("+", "-" 버튼 오른쪽에 있는 내용)을 "Inside Tag"와 "Font"로 설정했는데, 이는 "dreamwaver"라는 텍스트를 내부에서 찾는다는 의미입니다. 그런 다음 글꼴 태그를 "Dreamwaver"로 바꿉니다. 한 가지 설명해야 할 점은 검색 수준 옵션을 "대소문자 일치"로 선택해야 한다는 것입니다. 즉, 검색 조건이 정확하게 일치해야 하며, 그렇지 않으면 텍스트의 대소문자 차이가 무시됩니다.
설정 후 "모두 교체"를 클릭하면 검색 및 교체 프로세스가 시작됩니다. 교체가 완료되면 교체 정보 목록에 교체된 모든 장소가 표시됩니다. 파일 앞의 작은 녹색 점은 교체가 성공했음을 나타냅니다. .
그렇다면 태그를 포함하는 검색 및 바꾸기를 구현하는 방법은 무엇입니까? 우리 웹 사이트의 모든 이미지에는 "alt" 속성이 설정되어 있다고 가정합니다(배경 이미지와 일부 보조 각도 이미지에만 이 속성이 설정되어 있지 않음). 그러나 우리가 "Border" 속성 값 설정에 주의를 기울이지 않았기 때문입니다. 웹 페이지를 만들 때 이미지를 "0"으로 설정해야 하며, 일부 사진에는 탐색 시 테두리가 있어 탐색 효과에 영향을 줍니다. 따라서 "alt" 값이 있는 모든 그림의 "테두리" 값은 "0"으로 설정되어야 합니다. 사진이 많아 일일이 가리는 것은 불가능합니다. 변경을 원하실 경우 태그가 포함된 Dreamwaver의 검색 및 바꾸기 기능을 이용하시면 쉽게 문제를 해결할 수 있습니다.
먼저 폴더를 선택한 다음 img 태그에 포함된 폴더가 "alt" 속성을 갖고 검색 조건으로 "alt=any value"와 일치하도록 설정한 다음 "Action"을 "Set Attribute"로 설정합니다. Border", " 0", 이 설정의 의미는 조건을 만족하는 이미지의 "Border" 속성을 "0"으로 일률적으로 설정하고 "모두 바꾸기" 버튼을 클릭한다는 것입니다. 곧 검색 및 바꾸기가 완료되고 이미지 속성이 정확하게 수정됩니다.
검색 및 교체를 수행할 때, 작업 중인 파일이 편집된 상태가 되어서는 안 되며, 그렇지 않으면 교체 오류가 발생할 수 있으므로 주의하시기 바랍니다.