사용자 정의 명령 만들기
Dreamweaver의 가장 유용한 기능 중 하나는 작업 내역 패널입니다. Dreamweaver는 내역 패널을 기반으로 새로운 명령 시퀀스를 만들 수 있습니다. 명령을 생성하려면 기록하려는 단계를 수행하기만 하면 됩니다. 그런 다음 기록 패널에서 저장하려는 단계를 선택하고 오른쪽 하단에 있는 "다른 이름으로 저장" 아이콘을 클릭한 후 이름을 지정한 후 확인을 클릭하세요. 이 시점에서 사용자 정의 명령이 "명령" 메뉴에 나타나며 원하는 대로 사용할 수 있습니다.
사용자 정의 개체 만들기
"개체 패널"은 양식, 프레임 등과 같은 항목을 페이지에 빠르게 삽입하는 데 매우 유용합니다. 사용자 정의 개체를 만들려면 먼저 문서에 삽입하려는 코드가 포함된 파일을 만듭니다. 예를 들어 "CNET Builder.com"에 대한 뉴스 상자를 만들려면 먼저 이 코드를 다운로드하여 "newsletters.htm"으로 저장한 다음 개체 창에 새 패널을 만들려면 Dreamweaver의 "ConfigurationObjects"로 이동하세요. 설치 디렉터리 폴더 아래에 폴더를 만듭니다. 이름은 원하는 대로 설정할 수 있습니다. 예를 들어 "My Objects"라고 부릅니다. "newsletters.htm" 파일을 이 디렉토리에 넣으십시오. 동시에 새 개체를 나타내려면 아이콘 파일이 필요합니다. 아이콘 파일을 직접 만들거나 Dreamweaver에서 일반 아이콘을 삽입하도록 할 수 있습니다. 아이콘을 직접 제작하시는 경우 반드시 18×18픽셀의 GIF 파일을 생성해 주시기 바랍니다. 새 객체와 동일한 이름으로 동일한 디렉터리에 그래픽 파일을 저장합니다.
이제 Dreamweaver를 다시 시작하거나 Extensions로 다시 로드하도록 선택하면(Ctrl 키를 누르고 개체 창 팝업 메뉴 클릭) 개체 창에 새 기능 페이지가 표시되며 아이콘은 사용자가 설정한 것입니다. 다른 개체와 마찬가지로 이 새 개체를 페이지로 끌 수 있습니다.
Javascript에 익숙하다면 부동 패널, 동작 등과 같은 더 복잡한 개체와 기타 확장을 만들 수 있습니다. 또는 Macromedia Exchange에서 미리 만들어진 개체를 다운로드하기만 하면 됩니다.
뷰어의 마우스 상태 변경은
CSS 스타일 시트를 편집하여 수행됩니다. 구체적인 방법은 다음과 같습니다. "텍스트 > CSS 스타일 > 스타일 시트 편집"을 선택하면 스타일 시트 편집 창이 팝업으로 표시되고 그 안에서 "새로 만들기" 버튼을 클릭합니다. 그런 다음 "사용자 정의 스타일 만들기"를 선택하고 스타일 시트에 이름을 지정한 다음 확인을 클릭합니다. 스타일 시트를 편집하고 왼쪽의 "확장" 항목을 선택한 후, 오른쪽의 "커서" 항목에 나타날 포인터 효과를 선택하세요.
Dreamweaver의 앵커 태그를 사용하여 페이지에 점프 링크를 만들 수 있습니다.
Dreamweaver의 "앵커 태그"를 사용하면 이 기능을 구현할 수 있습니다. 구체적인 방법은 점프하고 싶은 곳으로 커서를 이동시킨 후 메뉴에서 '삽입 > 명명된 앵커'를 선택하고 앵커 이름을 입력하는 것입니다. 다음으로, 링크를 호출하려는 링크 대상 상자에 "#북마크 이름"을 입력하면 해당 페이지 내 점프 링크가 준비됩니다. 여기서 앵커 이름 앞에 웹 페이지 이름을 입력하면 다른 페이지의 북마크로 이동합니다. 예를 들어, 링크에 "index.htm#top"을 입력하면 사용자가 이 링크를 클릭하면 인덱스 페이지의 "top" 앵커로 이동합니다.
그림과 표 사이의 간격을 제거합니다.
그림과 표 사이에 간격이 없도록 하려면 표 속성 패널에서 테두리를 "0"으로 설정하는 것만으로는 충분하지 않습니다. 테이블 속성 패널의 셀 측면은 "0"으로 설정됩니다(예: cellpacing="0" 및 cellpadding="0").
추적 이미지를 사용하면 웹 페이지에서 각 요소의 위치를 쉽게 찾을 수 있습니다.
"이미지 추적"은 사용자가 원본 그래픽 디자인 초안을 웹 페이지의 보조 배경으로 사용할 수 있는 Dreamweaver의 매우 효과적인 기능입니다. 이러한 방식으로 사용자는 페이지에서 텍스트, 이미지, 표, 레이어 및 기타 웹 페이지 요소를 쉽게 찾을 수 있습니다. 추적 이미지의 구체적인 용도는 다음과 같습니다. 먼저 다양한 그리기 소프트웨어를 사용하여 가상의 웹 페이지 레이아웃 다이어그램을 만든 다음 이 다이어그램을 네트워크 이미지 형식(gif, jpg, jpeg 및 png 포함)으로 저장합니다. Dreamweaver를 사용하여 편집 중인 웹 페이지를 열고 메뉴에서 "수정 > 페이지 속성"을 선택한 다음 팝업 대화 상자의 "이미지 추적" 항목에 방금 만든 웹 페이지 레이아웃 패턴의 위치를 입력합니다. . 그런 다음 이미지 투명도, OK에서 추적 이미지의 투명도를 설정합니다. 이러한 방식으로 현재 웹 페이지에서 각 웹 페이지 요소의 위치를 쉽게 찾을 수 있습니다. 추적 이미지를 사용하는 웹 페이지는 Dreamweaver로 편집할 때 더 이상 배경 패턴을 표시하지 않지만, 브라우저로 탐색할 때는 그 반대가 되며 편집된 웹 페이지가 표시됩니다(물론 배경 패턴이 표시될 수 있음). 표시됨).
"표 너비를 픽셀로 변환" 및 "표 너비를 백분율로 변환" 정보
"표 너비를 픽셀로 변환" 및 "표 너비를 백분율로 변환"은 표 너비 설정을 위한 Dreamweaver의 두 가지 중요한 기능입니다. 표가 있는 웹 페이지를 열 때 표를 선택하면 이후에 표시되는 표 속성 도구 패널에 이 두 개의 버튼이 표시됩니다. 이름에서 알 수 있듯이 "표 너비를 픽셀로 변환"은 표에 있는 모든 셀의 너비를 픽셀 단위로 표현하는 것이고, "표 너비를 백분율로 변환"은 표에 있는 모든 셀의 너비를 백분율로 표현하는 것입니다. 테이블의 너비가 픽셀로 표시되는 경우 탐색 창을 확대해도 그에 따라 테이블의 셀 너비가 확대되지 않습니다. "표 너비를 픽셀로 변환"을 사용하면 "640×480" 해상도에서 생성한 100% 너비의 표를 더 높은 해상도에서도 100% 너비를 계속 유지할 수 있습니다. 따라서 이 두 가지 기능을 최대한 활용하면 웹 페이지 레이아웃을 더욱 효율적으로 만들 수 있습니다.