2. 파일 제목을 빠르게 수정하세요. 새 파일을 만들 때 파일 제목의 내용을 무시하는 경우가 많습니다. 나중에 수정해야 할 때 각 파일을 열어서 별도로 수정해야 하는 경우가 많습니다. 실제로 이 작업은 사이트 창에서 쉽게 완료할 수 있습니다. 사이트 창의 보기 메뉴에서 페이지 제목 표시를 열어 사이트 창의 파일이 원래 파일 이름 대신 파일 헤더를 표시하도록 합니다. 기본 파일 헤더는 제목 없는 문서입니다. 두 번 클릭하여 기본 텍스트를 필요한 파일 헤더로 변경할 수 있습니다. 그림과 같이:
3. 사이트맵을 빠르게 생성하세요. 때로는 현재 사이트의 모든 파일 구조를 포함하는 사이트맵을 만들어야 하는데 적합한 방법을 찾을 수 없습니다. Dreamweaver 자체에는 이 기능이 있습니다. 방법은 다음과 같습니다. 파일 - 사이트 맵 저장 명령을 열고 팝업 대화 상자에 저장된 파일 이름을 입력하면 Dreamweaver가 루트 디렉토리에 자동으로 .bmp 또는 .png 형식의 사이트를 생성합니다. 현재 사이트의 사진입니다.
2. 페이지 레이아웃 단계의 기술
Dreamweaver는 훌륭한 페이지 생성 도구일 뿐만 아니라 정확한 페이지 조판 및 레이아웃을 수행할 수도 있습니다. 이 섹션에서는 몇 가지 페이지 레이아웃 기술을 소개합니다.
1. 보조 양식을 엽니다. 특히 디자인을 해본 친구들은 웹 페이지 요소의 위치를 정확하게 지정하고 싶어합니다. 각 요소가 원하는 대로 정확하게 배치될 수 있다는 점을 좋아합니다. Dreamweaver에 포함된 그리드 기능은 이러한 희망을 실현하는 데 도움이 될 수 있습니다. 좌표 지원을 켜려면 보기 - 그리드 편집 명령을 실행하고 그리드에 스냅을 켜면 나중에 새 요소를 삽입하거나 추가할 때 설정에 따라 정확하게 배치됩니다.
2. 테이블 레이아웃 페이지 기술을 사용하십시오. Dreamweaver의 표 기능을 올바르게 사용하면 페이지를 아름답게 만드는 목적을 쉽게 달성할 수 있습니다. 아래에서 몇 가지 기술을 소개하겠습니다.
1) 1px 테두리를 만듭니다. 일부 친구들은 Dreamweaver가 단일 픽셀 표 테두리를 만들 수 없다고 불평합니다. 실제로 표의 속성 패널을 주의 깊게 사용하면 이러한 단일 픽셀 표를 만들 수 있습니다. 먼저 개체 패널을 사용하여 표를 삽입하고 표의 너비, 높이, 행 및 열을 정의합니다. 이때 Dreamweaver에 삽입된 표의 기본 CellPad, CellSpace, Border는 모두 0입니다. 속성 패널에서 테이블의 테두리를 0으로, CellPad를 5로 정의합니다(셀 내용과 셀 가장자리 사이에 5픽셀을 유지함). CellSpace는 1(셀 사이에 1픽셀을 유지함)입니다. 항목). 테이블의 배경색을 어두운 색(예: #999999)으로 설정하고, 셀의 배경색을 밝은 색(예: #FFFFFF)으로 설정합니다. 그냥 찾아보고 효과를 관찰하십시오.
2) 데이터 테이블을 가져옵니다. Excel 파일에서 생성된 일부 테이블을 Dreamweaver로 가져와야 하는 경우가 있습니다. 원본 Excel 파일을 탭으로 구분된 .txt 텍스트 파일로 저장할 수 있습니다. 삽입을 실행하면 Dreamweaver에서 표 형식 날짜가 다음 창이 열립니다.
각 매개변수를 추가한 후 데이터를 Dreamweaver의 테이블로 가져올 수 있습니다.
3) 테이블의 형식을 지정합니다. 각 셀의 매개변수를 반복적으로 설정하는 데 지치면 표 서식 명령을 사용하여 명령 메뉴에 있습니다. 이 명령은 여러 표 색상 구성표 중 하나를 선택할 수 있습니다. 선택한 테이블에 색 구성표가 자동으로 적용됩니다. 그림과 같이:
4. 테이블과 레이어 간의 교환. 어떤 친구들은 페이지의 내용을 자유롭게 배열하는 것을 좋아하지만 표가 작동하는 방식을 좋아하지 않습니다. 실제로 유연한 레이어를 사용하여 페이지 콘텐츠를 정렬한 다음 만족스러우면 테이블로 변환할 수 있습니다. 변환할 레이어를 선택하고 수정 - 변환 - 레이어를 테이블로 명령을 실행합니다. 그림과 같이:
5. 동시에 여러 프레임 페이지를 업데이트합니다. 링크를 클릭하면 두 개 이상의 다른 프레임 페이지 내용을 동시에 업데이트해야 합니다. 이는 다음 단계를 통해 Dreamweaver의 비헤이비어를 사용하여 달성할 수 있습니다.
1) 링크의 텍스트나 이미지를 선택하세요.
2) 동작 패널(동작)을 열고 더하기 기호를 클릭하여 URL로 이동 동작을 추가합니다.
3) URL로 이동 대화 상자에는 현재 존재하는 모든 프레임 창이 표시됩니다. 창 이름을 각각 선택하고 각 창에서 업데이트할 파일 내용을 개별적으로 설정할 수 있습니다. Dreamweaver에서는 대상 파일이 설정된 창 뒤에 "*" 기호를 추가하여 이 프레임 창에 대해 URL이 설정되었음을 나타냅니다.
4) 완료 후 확인을 클릭하세요. 이 링크를 클릭하면 여러 창의 내용이 동시에 업데이트됩니다.
3. 내용
콘텐츠를 더 빠르고 편리하게 정리하는 방법은 모든 친구들이 알고 싶어하는 것입니다. 다음 팁은 알 수도 있고 모를 수도 있지만 중요한 것은 지속적으로 사용하면 그 장점을 발견할 수 있다는 것입니다.
1. 빠른 라벨 편집. 손으로 쓴 코드에 익숙한 친구의 경우 일부 코드를 수동으로 추가하기 위해 코드 창으로 전환해야 하는 경우가 많습니다. 실제로 Dreamweaver의 Quick Tag Editor를 사용하면 다양한 HTML 태그를 빠르게 삽입할 수 있습니다. 그 중 하나는 속성 패널을 클릭하는 것입니다.
아이콘 삽입, 또 다른 단축키는 Ctrl+T입니다. 두 방법 모두 빠른 태그 편집이 열리며 아래와 같이 목록에서 필요한 소스 코드 태그를 직접 선택할 수 있습니다.
2. 그림 테두리를 빠르게 추가하세요. 웹 페이지에 삽입된 많은 그림에는 테두리가 없습니다. 때로는 이를 위해 이미지 처리 소프트웨어를 열 필요가 없습니다. 한 가지 방법은 이미지를 선택하고 속성 패널에서 테두리를 1픽셀로 직접 정의하는 것입니다. 그러면 이미지에 1픽셀 테두리가 추가됩니다. 다른 방법은 스타일로 img 태그를 직접 정의하는 것입니다. 그러면 웹 페이지에 삽입된 모든 그림의 테두리가 동일해집니다. 그림과 같이:
3. 링크를 추가하려면 드래그를 사용하세요. Dreamweaver에서는 그림과 같이 문서에서 사이트의 다른 파일로 링크를 직접 드래그하는 기능을 지원합니다.
그런 다음 문서에서 연결해야 하는 텍스트를 선택하고 속성 패널을 열고 아래와 같이 링크 주소 표시줄 뒤의 파일 가리키기를 사이트 창의 대상 파일로 지정합니다.
4. 배경음을 추가하는 방법. 많은 친구들이 Dreamweaver에 일부 멀티미디어 사운드 파일을 삽입하는 것에 대해 약간 혼란스러워합니다. 실제로는 Dreamweaver 작업 창의 왼쪽 하단에 있는 탭을 클릭하고 동작 패널을 열고 + 기호를 클릭합니다. 팝업 동작 창에서 사운드 재생을 선택하고 필요한 사운드 파일을 추가할 수 있습니다. 문서 창에서 사운드 파일 로고를 선택하고 속성 패널에서 매개 변수를 클릭하여 그림과 같이 배경 음악의 반복 횟수, 자동 재생 여부 및 기타 속성을 설정합니다.
4. 미화
다양한 웹 페이지 요소를 아름답게 만드는 것은 시간이 많이 걸리고 항상 효과적인 작업은 아닙니다. 다음 팁이 약간의 도움이 될 수 있습니다.
1. 색 구성표를 빠르게 만듭니다. 각 링크 상태의 텍스트 색상을 설정해야 하는 경우가 많습니다. 어떤 친구들은 자신의 색상 감각이 좋지 않다고 느껴서 항상 색상 일치 매뉴얼을 찾습니다. 실제로 Dreamweaver 자체에는 이미 몇 가지 색상 구성표가 제공되어 있습니다. Commands-Set Color Scheme 명령을 열면 각각 배경색, 텍스트 색상 및 각 링크의 색상을 정의하는 다양한 색상 구성표 세트가 있음을 알 수 있습니다. 한 종류만 선택하면 됩니다. 아래 그림을 참조하세요.
2. CSS 링크 스타일 기술. 텍스트 링크에는 일반적으로 링크, 마우스 오버, 활성 및 방문의 네 가지 상태가 있습니다. 일반적으로 텍스트 링크의 각 상태에 대해 서로 다른 색상과 스타일을 정의합니다. 그러나 친구들은 탐색할 때 정의한 스타일이 예상대로 보이지 않는 경우가 많습니다. 주된 이유는 스타일 시트의 링크 정의 순서에 대한 특정 요구 사항이 있기 때문입니다. 올바른 순서는 A:link - A:visited - A:hover입니다. 사실 일반 친구의 경우 마우스 오버 상태를 변경하기를 원하는 경우가 많습니다. 약간의 트릭은 위의 방법에 따라 링크 스타일을 정의하는 것이 아니라 a 및 a:hover 상태의 스타일을 정의하는 것입니다. 호버 상태만 있을 뿐입니다. 다른 상태와 스타일이 다릅니다. 수정 방법은 아래와 같습니다.
3. 다양한 색상으로 연결 텍스트와 밑줄을 만듭니다. 일반 링크 텍스트와 링크 밑줄은 동일한 색상을 갖습니다. 실제로 스타일 시트의 Border 속성을 사용하여 일반 링크의 밑줄을 대체할 수도 있습니다. 텍스트의 다양한 색상 정의를 통해 목적을 달성할 수 있습니다. 예를 들어 아래와 같이 테두리 옵션에서 텍스트를 검정색으로, 밑줄을 빨간색으로 정의할 수 있습니다.
5. 효율성 향상을 위한 기술
Dreamweaver에는 라이브러리 프로젝트 생성, 템플릿 사용, 기록 패널 기능, 검색 및 바꾸기 기능 등 작업 효율성을 크게 향상시킬 수 있는 많은 명령도 포함되어 있습니다. 여기에서는 이러한 명령의 강력한 기능을 보여주기 위한 몇 가지 작은 요령을 소개합니다.
1. Word 파일 정리 팁. 일부 Word 파일을 HTML 파일로 변환해야 하는 경우가 많지만 이 변환의 결과로 생성된 HTML 파일은 매우 크고 반복되는 코드가 많이 포함되어 있습니다. Dreamweaver의 여러 기능을 사용하면 쓸모없는 코드를 쉽게 정리할 수 있습니다. 먼저 Word에서 생성된 HTML 파일을 열고 명령 메뉴에서 Clean Up Word HTML 명령을 실행합니다. 프로그램은 자동으로 원래 Word 버전을 식별하고 쓸모 없는 코드를 제거합니다. 그러나 현재 파일에는 여전히 많은 수 의
태그가 포함된 반복 코드가 포함되어 있습니다. 명령 메뉴에서 HTML 정리 명령을 다시 실행하고 팝업에서 특정 태그 옵션을 선택할 수 있습니다. up 대화 상자에 공백으로 구분하여 SPAN 및 P 태그를 입력하면 모든 SPAN 및 P 태그가 지워집니다.
하지만 현재 파일의 각 이미지 속성에는 v:shapes="_x0000_i1025"와 유사한 속성도 포함되어 있으므로 이러한 속성을 지워야 합니다. 찾기 및 바꾸기 패널을 열고 아래와 같이 바꾸기 규칙을 설정하면 모든 이미지의 속성이 지워집니다. 그림과 같이;
2. 파일 제목을 빠르게 교체하세요. 앞서 사이트 창에서 파일 제목을 바꿀 수 있다고 소개했지만 한 번에 하나의 파일 제목만 바꿀 수 있습니다. 이전 단계에서 소개한 찾기 및 바꾸기 명령을 사용하여 여러 파일의 제목을 바꿀 수 있습니다. 파일을 한 번에. 일반적으로 새로 생성된 파일의 제목은 제목 없는 문서입니다. 편집-찾기 및 바꾸기 명령을 열고 다음 설정을 지정하여 현재 사이트의 제목 없는 문서라는 모든 파일을 자체 제목으로 바꿀 수 있습니다.
3. 기본 문서 형식을 설정합니다. 위의 방법은 빠르지만 새 파일을 만들 때마다 기본 파일 제목은 여전히 제목 없는 문서입니다. 새 문서를 만들 때 Dreamweaver는 기본 페이지를 기본 형식으로 호출하므로 이 파일은 Dreamweaver 4ConfigurationTemplatesDefault.html이므로 사이트에서 배경색과 같은 일부 통합 형식을 설정할 수 있습니다. , 글꼴 크기, 파일 제목 등을 설정한 후 위의 Default.html 파일을 덮어써서 저장합니다. 앞으로 새 파일을 만들 때 Dreamweaver는 우리가 설정한 형식을 자동으로 적용하므로 작업 효율성을 크게 향상시킬 수 있습니다.
6. 사후관리
좋아요, 위의 수많은 소개를 통해 우리는 웹 페이지 제작 기술을 어느 정도 익혔습니다. 그런데 완성된 페이지에 더 이상 오류가 없을까요? 귀하의 링크가 모두 올바른 링크입니까? 귀하의 페이지는 여러 브라우저에서 잘 작동합니까? 사이트에 더 이상 필요하지 않은 파일이 아직도 많이 있습니까? 유사한 문제가 여전히 많이 존재하며 이는 이후 사이트 감지 및 유지 관리에 속합니다. 여기서는 몇 가지 사후 탐지 기술을 더 소개합니다.
1. 링크 감지. 메뉴 파일 - 링크 확인 명령을 실행하면 Dreamweaver는 아래와 같이 현재 사이트의 모든 링크를 자동으로 감지하고 유효하지 않은 링크를 감지합니다.
감지된 결과를 두 번 클릭하면 자동으로 해당 페이지가 열리고 잘못된 링크를 직접 찾을 수 있으므로 링크 오류를 수정하는 데 매우 편리합니다.
2. 쓸모없는 파일을 빠르게 탐지합니다. 메뉴 명령 실행 사이트 - 링크 확인 사이트 전체에서는 이 기능을 사용하여 사이트에서 쓸모 없는 파일을 확인하고 삭제할 수도 있습니다. 상단 드롭다운 상자에서 분리된 파일을 선택하면 사이트의 모든 쓸모없는 파일이 아래에 나열됩니다. 모두 선택하고 삭제 키를 누르면 삭제됩니다.
