Dreamweaver의 설치 과정은 매우 간단합니다. 성공적으로 설치되면 시작 메뉴에서 Dreamweaver 옵션을 찾을 수 있습니다.
편집 창
Dreamweaver를 처음 시작하면 가장 먼저 보게 되는 것은 Dreamweaver 편집 창입니다. 위의 조밀한 부동 창에 겁먹지 마세요. 실제로 가장 일반적으로 사용되는 창은 다음과 같습니다.
① 메인 메뉴: 편집 창의 대부분의 기능을 여기에서 찾을 수 있습니다. ② 툴바: Dreamweaver4의 새로운 기능입니다. ③ 개체 패널(개체): 웹 페이지 편집 과정에서 개체 패널의 버튼을 클릭하면 그림, 표, 레이어, 플래시 등 해당 요소를 웹 페이지에 추가할 수 있습니다. 우리는 이러한 요소를 객체라고 부릅니다. 개체 패널에서 아래쪽 화살표를 클릭하면 특수 문자(Characters), 양식(Froms) 등 다른 유형의 개체를 삽입할 수 있습니다.
④ 속성 패널: 선택한 웹페이지 요소의 속성을 표시하는데 사용되며, 속성 패널에서 수정할 수 있습니다. 다른 웹 페이지 요소를 선택하면 속성 패널에 표시되는 콘텐츠도 달라집니다. 예를 들어 그림과 표에 표시되는 속성이 다릅니다. 또한 속성 패널의 오른쪽 하단에 있는 작은 삼각형을 클릭하면 사용 요구에 따라 속성 패널을 축소하거나 확장할 수 있습니다. 일반적인 상황에서는 확장 모드로 설정하는 것이 좋습니다. ⑤ 패널 그룹(도킹 가능한 부동 패널이라고도 함): Dreamweaver에는 다른 부동 패널도 많이 있습니다. 우리는 자신의 선호도에 따라 다양한 부동 패널을 다시 결합할 수 있습니다. Photoshop에도 비슷한 개념이 있습니다. ⑥ 빠른 실행 표시줄(실행 패널이라고도 함): 응답을 표시하거나 숨기는 데 사용되는 플로팅 패널입니다. 오른쪽 하단 모서리에 있는 실행 패널 및 미니 실행 표시줄 그 중 일대일 대응; 사이트 관리자로 전환하는 것입니다. 동작 패널로 전환하는 것입니다. 웹페이지의 소스코드를 보는 것입니다. 7 편집 영역: 편집된 웹 페이지의 내용을 "보이는 대로 표시합니다" 방식으로 표시합니다.
[팁 1] 화면에서 플로팅 패널의 위치가 너무 지저분하거나 데스크탑 범위를 벗어나 조작하기 불편한 경우(특히 모니터 해상도를 변경한 후 발생할 가능성이 높음) "창"을 선택할 수 있습니다. >" 주 메뉴에서. 패널 정렬"은 부동 패널을 자동으로 재정렬합니다.
[팁 2] 다음은 플로팅 패널을 빠르게 열고 닫는 데 일반적으로 사용되는 몇 가지 단축키입니다. 제작 과정에서 자주 사용되므로 기억해 두세요.
속성 패널: Crtl+F3 CSS 스타일 스타일 패널: Shift+F11 동작 동작 패널: Shift+F3 개체 개체 패널: Crtl+F2 사이트 창
사이트 창은 Dreamweaver의 또 다른 중요한 창입니다. 왼쪽 절반은 일반적으로 비어 있는 상태로 표시되며, 오른쪽 절반은 현재 편집 중인 로컬 디렉터리입니다. 윈도우 탐색기랑 좀 비슷하지 않나요? 예, 사이트 창의 기능은 실제로 하드 드라이브의 파일처럼 사이트를 직관적이고 편리하게 관리할 수 있도록 하는 것입니다.
편집 창
그 중 일대일 대응;
사이트 관리자로 전환하는 것입니다.
동작 패널로 전환하는 것입니다.
웹페이지의 소스코드를 보는 것입니다.