Dreamweaver에서 일반적으로 사용되는 방법 및 기술 요약

이 글은 Dreamweaver에서 일반적으로 사용되는 방법과 기법을 요약한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

Dreamweaver에는 거부할 수 없는 풍부한 사용자 마법사 기능이 많이 있습니다. 이 따라하기 쉬운 팁은 새 사이트를 원활하게 만드는 데 도움이 될 것입니다.

연결 창

Dreamweaver의 사용자 인터페이스는 여러 개의 창으로 나누어져 작동할 때 화면에 몇 개의 창만 표시될 수 있습니다. 실제 작동 상태를 유지하기 위한 가장 좋은 전략은 열려 있는 창을 함께 도킹하는 것입니다. 창의 제목 표시줄을 드래그해 보셨을 수도 있습니다. 이 작업은 많은 프로그램에서 수행할 수 있지만 Dreamweaver에서는 작동하지 않습니다.

창 연결을 구현하는 비결은 마우스를 사용하여 제목 표시줄 대신 창의 탭 표시줄을 드래그하는 것입니다. 한 창의 탭 표시줄을 클릭하여 다른 창 위로 드래그해 보세요. 검은색 테두리가 나타나면 마우스 버튼을 놓으면 두 창이 결합된 것을 확인할 수 있습니다. 이제 원하는 만큼 많은 창을 연결하고 하나로 병합하여 화면 공간을 많이 절약하고 실제로 작동하는 내용을 확인할 수 있습니다. 하지만 참고하세요: 로더 창, 속성 창 및 사이트 창은 연결할 수 없습니다.

데이터 입력

Dreamweaver를 사용하면 테이블에 직접 데이터를 입력할 수 있습니다. 이는 내용을 셀에 계속해서 잘라내어 붙여넣는 것보다 훨씬 쉽습니다. 그러나 입력되는 데이터에 삽입/테이블 데이터 명령이 포함되어 있으면 문제가 발생합니다. 안타깝게도 Dreamweaver에서는 구분 기호가 있는 .txt 파일만 가져올 수 있습니다. Word 또는 Excel 파일을 처리하려면 먼저 해당 파일을 .txt 파일로 출력한 다음 Dreamweaver로 가져올 수 있습니다. 이 처리 방법이 꿈처럼 훌륭하다는 것을 알게 될 것입니다!

삭제, 복원, 반복

테이블에 데이터를 입력하면 많은 시간을 절약할 수 있지만 Dreamweaver의 가장 유용한 기능 중 하나는 기록 창입니다. 이 창에서는 문서가 열리면 수행된 모든 후속 작업이 기록되므로 작업을 추적하고 마지막 단계를 실행 취소하거나 반복할 수 있습니다. 기록 창에서 마지막 단계를 선택하고 삭제 키를 누르거나 슬라이더를 특정 단계로 드래그하면 여러 단계를 한 번에 삭제할 수 있습니다. 마찬가지로, 단계를 다시 수행하려면 창에서 재생 버튼을 클릭하세요.

50걸음 이상 저장할 수 없다는 게 이상하죠? 이것이 기본값입니다. 이 값을 높이려면 "편집/기본 설정"을 선택하고 "일반" 기능 페이지에 있는지 확인한 다음 "과거 단계 최대값" 필드에 더 높은 값을 입력합니다. 설정한 저장 단계 수가 많을수록 더 많은 콘텐츠가 소모되므로 주의하시기 바랍니다.

확장! 확장하다!

확장 기능을 사용하면 Dreamweaver에 더 많은 성능을 추가할 수 있습니다. 많은 개발자가 확장 기능을 만들어 더 많은 사람들이 무료로 사용할 수 있도록 합니다. Macromedia 사이트를 방문하여 모든 사람과 작품을 교환할 수 있습니다. Dreamweaver를 실행할 때 "명령/추가 명령 가져오기"를 선택하면 브라우저가 자동으로 실행되어 교환 사이트로 이동합니다. 새로운 팁을 모두 수집하기 전에 Extension Manager를 다운로드하면 확장 프로그램을 쉽게 추적할 수 있습니다.

다음 팁은 대규모 사이트를 관리하고 다른 웹 개발자와 협력하는 개발자에게 도움이 됩니다.

앨범 만들기 　

한 번에 많은 그래픽의 썸네일을 만드는 것은 지루한 작업입니다. 특히 숙련된 그래픽 전문가가 아닌 경우에는 더욱 그렇습니다. 문제가 되지 않습니다. Dreamweaver에는 새로운 기능이 있습니다. 그래픽 디자인 보조 역할을 하여 요구 사항에 따라 썸네일 디자인 작업을 완료할 수 있습니다. 그래픽이 포함된 폴더를 Dreamweaver에 지정하면 해당 폴더에 있는 각 그래픽의 축소판, 전체 그래픽이 포함된 페이지, 모든 축소판이 포함된 인덱스 페이지가 생성됩니다. 이 기능을 사용하려면 먼저 Fireworks를 설치해야 합니다.

먼저 파일 구조를 설정합니다. 모든 그래픽 파일을 폴더에 넣습니다.

그런 다음 "명령/웹앨범 생성"을 선택하고 적절한 옵션을 설정하세요. 제목과 부제에 대해 지나치게 생각하지 마세요. 이 정보는 나중에 수정될 수 있습니다. 원본 도면 폴더와 대상 폴더를 지정하는 것이 중요합니다. 이 정보에 따라 처리되는 파일이 결정되기 때문입니다. 또한 축소판 크기, 형식 및 기타 옵션을 결정합니다.

확인을 클릭하면 Dreamweaver는 제어권을 Fireworks로 넘겨주고 파일을 일괄 처리하기 시작하여 매우 멋진 작은 사진 앨범이나 지속적인 제품 카탈로그를 만듭니다. 사진이 많은 경우 설정하고 실행한 다음 잠시 쉬면 Dreamweaver와 Fireworks가 모든 작업을 수행합니다.

사용자 정의 명령 만들기

Dreamweaver의 가장 유용한 기능 중 하나가 기록 창이라는 것을 기억하시나요? 농담이 아닙니다. Dreamweaver는 기록 창에 나열된 작업을 기반으로 새로운 명령 시퀀스를 만들 수 있습니다.

명령을 생성하려면 기록하려는 단계를 따르기만 하면 됩니다. 그런 다음 기록 창에서 저장하려는 단계를 선택하고 오른쪽 하단에 있는 "다른 이름으로 저장" 아이콘을 클릭한 후 이름을 지정한 후 확인을 클릭합니다. 이제 사용자 정의 명령이 "명령" 메뉴에 나타나고 사용할 준비가 됩니다.

다른 사람과 함께 작업하기

다른 사람과 함께 작업하는 웹 개발자의 경우 다른 사람이 공유한 파일을 수정하는 것에 대해 걱정할 필요가 없습니다. Dreamweaver는 체크인 및 체크아웃 시스템을 사용하여 열려 있는 파일을 보호합니다. 다음 팁은 Dreamweaver를 확장하고 사용자 정의하는 데 도움이 됩니다. 구현 과정에서 일부 Dreamweaver 구성 파일을 편집해야 하므로 먼저 원본 파일을 백업해 두시기 바랍니다.

사용자 정의 개체 만들기

개체 창을 사용하면 양식, 프레임 등과 같은 항목을 페이지에 빠르게 삽입할 수 있습니다. 사용자 정의 개체를 만들려면 먼저 문서에 삽입하려는 코드가 포함된 파일을 만듭니다. 예를 들어 CNET Builder.com의 뉴스 상자를 만들려면 먼저 이 코드를 다운로드하여 newsletters.htm으로 저장하세요. 그런 다음 개체 창에 새 패널을 만들려면 Dreamweaver/Configuration/Objects 아래에 원하는 이름(예: My Objects)으로 폴더를 만듭니다. newsletters.htm 파일을 이 디렉토리에 넣습니다. 동시에 새 객체를 나타내는 그래픽 파일이 필요합니다. 그래픽 파일을 직접 만들 수도 있고 Dreamweaver에서 일반 아이콘을 삽입하도록 할 수도 있습니다. 아이콘을 직접 제작하시는 경우에는 반드시 18X18픽셀의 GIF 파일을 생성해 주시기 바랍니다. 새 객체와 동일한 이름으로 동일한 디렉터리에 그래픽 파일을 저장합니다. 여기에서 그래픽 파일을 사용할 수 있습니다.

이제 Dreamweaver를 다시 시작하거나 Extensions로 다시 로드하도록 선택하면(Ctrl 키를 누르고 개체 창 팝업 메뉴 클릭) 개체 창에 새 기능 페이지가 표시되며 그래픽은 사용자가 설정한 것입니다. 다른 개체와 마찬가지로 이 새 개체를 페이지로 끌 수 있습니다. JavaScript에 익숙하다면 부동 패널, 동작 등과 같은 더 복잡한 개체와 기타 확장을 만들 수 있습니다. 또는 Macromedia Exchange에서 미리 만들어진 개체를 다운로드하기만 하면 됩니다. 전체 개체 코드를 확인하세요.

메뉴 재배치

Dreamweaver의 선형 메뉴가 싫증나시나요? 창 메뉴를 맨 오른쪽으로 이동하고 싶으십니까? 도움말 메뉴보다 더 자주 사용되기 때문입니다. 이러한 목표를 달성하는 데 전혀 문제가 없습니다! 먼저 Dreamweaver 설치 폴더를 열고 Configuration/Menus/menus.xml 파일을 찾아 백업을 만들어 다른 위치에 저장합니다. 그런 다음 텍스트 편집기에서 Configuration/Menus/menus.xml을 열고 d89f552c6b8a4e72759a5a7a5e7c6fb7로 시작하는 코드 블록을 찾으세요. 여기에는 0b7df42684eb9fe72495ead5eee5d512 "창" 메뉴를 나타내는 코드 세그먼트를 찾으려면 다음 방법을 따르십시오.

< menu name="_Window" id="DWMenu_Window">
...
< /menu>

이 코드를 잘라내어 "도움말" 메뉴를 나타내는 코드 세그먼트에 붙여넣습니다(f792772aebea7996124cacaf113a8bc2.. .5a9a0e9117a868e744002d2d9e892511), 파일을 저장하고 Dreamweaver를 다시 시작하면 새로운 메뉴 순서가 표시됩니다. menus.xml을 편집하여 메뉴 항목(9b8d7b889acba92c978f783c55ba01dc...89a5789a3f15e118e2e41278ab35ace0)을 재정렬하고, 메뉴 이름을 변경하고(NAME 속성 사용), 구분 기호를 추가하거나 키보드 단축키를 추가, 수정 또는 삭제할 수도 있습니다. menus.xml 파일의 백업을 생성하는 것을 잊지 마세요! 수정 과정에서 잘못된 코드가 입력되면 Dreamweaver는 자동으로 이전 상태로 복원되지 않습니다.

위 내용은 Dreamweaver에서 일반적으로 사용되는 방법 및 기술 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!