Dreamweaver로 웹 페이지를 만드는 20가지 팁
저자：Eve Cole
업데이트 시간：2009-06-01 01:02:13
1) Dreamweaver를 IE 브라우저에 통합하는 방법은 무엇입니까?
Dreamweaver 설치 프로그램은 상황에 맞는 메뉴에 "Dreamweaver로 편집" 명령을 추가하여 Windows 레지스트리를 수정하여 IE와 통합할 수도 있습니다. MS Word, Frontpage 및 Notepad와 마찬가지로 Dreamweaver는 IE 도구 모음의 편집 버튼을 통해 현재 웹 페이지를 열도록 호출됩니다.
다음 텍스트의 마지막 줄을 자신의 Dreamweaver 설치 경로로 변경하고 *.reg 파일로 저장한 다음 두 번 클릭하여 레지스트리에 정보를 추가합니다.
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"
IE의 기본 편집기로 설정하려면 IE의 "인터넷 옵션"을 열고 프로그램 탭에서 지정하세요.
2) 특정 스크립트를 사용하려면 그래픽이나 텍스트에 빈 링크를 추가해야 하는 경우가 많습니다. 그러나 탐색 중에 빈 링크가 있는 개체를 클릭하면 페이지 상단으로 이동합니다. 이것?
브라우저는 링크가 동일한 페이지로 연결되어 있다고 생각하지만 정의된 북마크(앵커)를 찾을 수 없기 때문에 페이지 상단에 유지됩니다. 이 문제를 해결하려면 빈 링크의 " # "을 " javascript:void(null) "로 바꾸십시오.
3) CSS와 레이어를 사용할 때 브라우저마다 효과가 다르며 때로는 정렬 불량이 발생하는 경우도 있습니다.
다양한 브라우저와의 호환성 측면에서 Dreamweaver는 훌륭하지만 이것이 Dreamweaver로 만든 웹 페이지가 IE와 Netscape에서 완전히 동일하다는 의미는 아닙니다. 일반적인 상황에서는 서로 다른 브라우저에서 탐색한 동일한 웹페이지의 모양이 완전히 동일할 수 없습니다. 이는 서로 다른 제조업체의 브라우저에 따라 결정됩니다.
일반적으로 다음 문제에 주의를 기울이십시오.
레이어와 테이블 레이아웃을 혼합하지 마십시오. 레이어의 테이블과 같이 상위-하위 관계가 있는 경우에는 이 원칙의 범위에 속하지 않습니다.
인라인 CSS는 Netscape Navigator에서 문제를 일으키는 경우가 많습니다. 연결이나 인라인을 사용하세요.
Netscape Navigator에서 효과를 보장하기 위해 빈 레이어에 표나 투명한 그림을 삽입해야 하는 경우도 있습니다. 폭이나 높이가 몇 픽셀에 불과한 레이어의 경우 대신 이미지를 사용하세요.
W3C 조직에서 권장하지 않는 인쇄 속성을 사용하지 말고 대신 CSS를 사용하세요.
4) 다른 문서의 텍스트를 Dreamweaver로 복사할 때 모든 단락이 함께 뭉쳐지고 Dreamweaver 내에 서식 지정 코드가 있는 이유는 무엇입니까?
Dreamweaver에는 텍스트를 복사하고 붙여넣는 데 두 가지 범주가 있습니다. 표준 방법은 객체를 해당 속성과 함께 복사하고 클립보드의 내용을 HTML 코드로 사용하며, 다른 방법은 복사할 때 HTML 형식을 무시하고 텍스트만 복사하거나 붙여넣는 것입니다. 그런 다음 HTML 코드를 텍스트로 붙여넣습니다. 후자 방식으로 작동하려면 "Shift"(Ctrl+Shift+C/Ctrl+Shift+V) 키를 하나 더 누르세요.
5) IE를 사용하면 정상적으로 웹페이지를 열람할 수 있는데 넷스케이프 네비게이터를 사용하면 요구사항을 충족하지 못하거나 심지어 오류까지 발생하며, 드림위버의 문서창에서는 왜 잘 수정되지 않는 걸까요?
코드를 확인해주세요. WYSIWYG 편집기를 사용하여 페이지의 특정 부분을 반복적으로 수정하기 때문에 중복 링크와 같은 일부 중복 코드가 남을 수 있으며 이러한 코드는 Dreamweaver 문서 창에서 볼 수 없으며 IE에서는 이를 무시합니다. 그러나 Netscape Navigator는 더 엄격한 코드 요구 사항을 갖고 있으며 미리 보기 중에 놀라운 현상이 발생합니다.
6) 넷스케이프 내비게이터에서 일부 북마크(앵커)가 작동하지 않고, 일부가 사라진 것 같나요?
Netscape Navigator의 북마크는 대소문자를 구분합니다. 네비게이터에서는 다중 레이어 중첩 테이블의 북마크가 손실됩니다. 북마크를 테이블 외부에 배치합니다.
7) 드림위버 문서 창은 다양한 패널로 가득 차 있는데, 문서를 편집하려면 빈칸 하나하나를 열어야 하는데 어떻게 해야 하나요?
800X600 해상도 화면은 실제로 Dreamweaver에 비해 너무 작지만 1024X768도 모든 패널에 맞을 수는 없습니다. 핵심은 잘 정리하는 것입니다.
편집에 일시적으로 사용되지 않는 패널은 닫고 자주 사용하는 패널을 모아서 화면 공간을 절약하세요.
지금 사용해야 하는 경우가 아니면 "HTML 소스 검사기"를 닫으십시오. 화면 공간을 차지하는 것 외에도 상당한 시스템 리소스를 차지합니다.
열려 있는 모든 패널을 숨기고 전체 문서를 보려면 F4 키를 누르고, 패널을 표시하려면 다시 F4 키를 누르세요.
"창" 메뉴에는 "부동 팔레트 정렬" 명령이 있습니다. 이 명령을 사용하면 열려 있는 모든 패널을 서로 겹치지 않게 창 주위에 배치할 수 있습니다.
단축키를 자주 사용하고 능숙하게 익히는 것은 업무 효율을 높이는 좋은 방법입니다.
보이지 않는 객체를 추가할 때 Dreamweaver에서는 문서 창의 페이지 상단에 해당 아이콘을 추가합니다. 아이콘이 너무 많으면 편집에 방해가 될 수 있습니다. "Ctrl+Shift+I"(메인 메뉴 보기|보이지 않는 요소)를 눌러 숨기거나 표시할 수 있습니다. 이러한 아이콘이 표시되지 않도록 설정할 수도 있지만 편집할 개체를 선택하는 데 도움이 되므로 권장되지 않습니다.
8) Head 개체 패널은 내용 추가만 가능합니다. <head> 태그의 내용은 문서 창에서 수정할 수 있나요?
할 수 있다. 매우 직관적인 방법이 있습니다. "Ctrl+Shift+W"(기본 메뉴 보기|머리 내용)를 누르면 문서 창의 기본 메뉴 표시줄 아래에 아이콘 행이 표시됩니다. 이 아이콘을 클릭하여 수정합니다.
9) 1X1px과 같이 테이블과 레이어에서 매우 작은 사진을 선택하는 방법은 무엇입니까?
표 셀을 클릭한 다음 "Shift" 키를 누른 채 화살표 키로 이동하여 선택합니다.
먼저 표 셀(Ctrl 키를 누르고 해당 셀을 마우스로 클릭)이나 레이어를 선택한 다음 "HTML 소스 검사기" 패널의 강조 표시된 코드에서 <img src="...">를 선택할 수도 있습니다. 문서 창으로 돌아가면 그림이 선택됩니다.
10) 프레임워크 시스템의 이름(제목)은 어떻게 편집하나요?
"Ctrl+F10"을 눌러 "프레임" 패널을 열고 가장 바깥쪽 프레임을 클릭한 다음 "Ctrl+J"(주 메뉴 수정|페이지 속성)를 누릅니다.
11) "행동"의 기본 이벤트를 변경하는 방법은 무엇입니까?
이벤트 설정 파일은 Dreamweaver 설치 디렉토리의 "ConfigurationBehaviorsEvents" 폴더에 있습니다. 예를 들어, 버전 4.0 이상의 브라우저에서는 "4.0 이상 Browsers.htm" 파일을 엽니다.
< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
" onClick="*" "의 "*"를 " onMouseOver="" "로 이동하고 다음과 같이 변경합니다. < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= " " onMouseOut="" onMouseOver="*" onMouseUp="">
Dreamweaver를 다시 시작하면 이 유형의 기본 이벤트는 "onMouseOver"가 됩니다. 다른 비유.
12) Dreamweaver를 사용하여 페이지를 열 때 동시에 작은 창을 열 수 있나요?
예, 코드 한 줄도 작성하지 않고 가능합니다. "동작" 패널에 내장된 "브라우저 창 열기" 스크립트를 사용하여 페이지, 창 크기 및 속성을 설정합니다. 그림과 같이:
13) 테이블을 삽입할 때 테이블 셀에 항상 공백(< td> < /td>)이 발생하는 것을 방지하려면 어떻게 해야 합니까?
이는 Dreamweaver에서 자동으로 생성되므로 삭제하지 마십시오. 테이블 셀에 아무것도 없으면 Netscape Navigator는 셀을 표시하지 않습니다.
14) 템플릿 문서의 <head> 태그는 웹 페이지 테마를 제외하고 편집할 수 없습니다. 이 템플릿을 기반으로 웹 페이지에 동작을 추가하려면 어떻게 해야 합니까?
다음과 같이 "HTML 소스 관리자" 패널을 사용하여 템플릿 문서의 "</head>" 앞에 편집 가능한 태그를 추가합니다.
< !-- #BeginEditable "자바스크립트" -->
<스크립트 언어="자바스크립트">
</script>
< !-- #EndEditable -->
15) 드림위버의 등록/검토 시스템을 이용하여 웹사이트 개발 및 관리 협력 시, 원격 서버에 있는 웹사이트 관련 파일에 서로 다른 접근권한이 추가되나요?
체크인/체크아웃은 Dreamweaver 내부에서 사용되는 관리 메커니즘이며 파일 속성과는 아무런 관련이 없습니다. "체크아웃"은 파일이 내가 사용 중이고 다른 사람이 편집할 수 없음을 의미합니다. "체크인"은 파일을 다른 동료가 체크아웃하고 편집할 수 있으며 로컬 파일이 읽기 전용이 되어 내가 이를 방지할 수 있음을 의미합니다. 내용을 변경합니다.
Dreamweaver는 로컬 및 원격 서버에 해당 ".lck" 파일을 생성하여 체크인/체크아웃 기능을 구현합니다. 이러한 파일은 "사이트" 창에 표시되지 않습니다. Dreamweaver에서는 이러한 파일을 읽을 수 있습니다. 파일에 속성이 추가되지 않습니다. 다른 Ftp 도구 및 편집기를 사용하는 경우에도 열 수 있습니다.
16) 웹페이지를 만들 때 마우스가 날아다니면서 설정된 그림의 크기가 바뀌는 현상이 자주 발생합니다. 이미지를 다시 보지 않고도 이 문제를 수정할 수 있나요?
이미지 크기가 일치하지 않으면 속성 패널에서 해당 값이 굵게 표시됩니다. 패널의 "새로 고침" 버튼을 눌러 실제 크기로 복원하세요.
17) 링크를 클릭하고 동시에 여러 프레임을 변경하려면 어떻게 해야 합니까?
가장 직접적인 방법은 링크에 대한 프레임 시스템을 만드는 것입니다.
Dreamweaver의 "URL로 이동" 동작을 사용하는 것이 더 쉽습니다. 대화 상자에는 모든 프레임이 표시됩니다. 아래의 "URL" 열에 해당 페이지를 입력하면 됩니다.
18) 텍스트에 동작을 추가하고 싶은데 동작 패널의 항목이 모두 흐리게 표시되어 선택할 수 없습니다. 어떻게 해야 합니까?
이전에 이런 상황이 발생했을 때 나는 보통 텍스트 옆에 그림을 삽입하고 그림에 필요한 동작을 추가했습니다. 그런 다음 코드를 편집하고 텍스트 위로 이동한 다음 이미지를 제거합니다.
위의 방법은 더 번거롭습니다. 편리한 방법은 텍스트를 "javascript:void(null)"에 연결하는 것입니다. 그러면 해당 동작이 솔직하게 드러납니다.
19) 비헤이비어를 사용하는 레이어를 라이브러리에 넣을 때 Dreamweaver에서는 레이어의 비헤이비어가 따르도록 허용하지 않습니다. 어떻게 해야 합니까?
템플릿을 사용하세요.
20) Flash 플러그인을 확인하고 리다이렉트하는 스크립트가 가끔 이상할 때가 있습니다. 다른 방법은 없나요?
Flash 웹 페이지를 만들 때 사람들은 리디렉션을 위해 Dreamweaver의 "플러그인 확인" 동작을 사용하는 데 익숙합니다. 그런데 때로는 플러그인이 분명히 설치되어 있는데 그렇지 않은 것으로 잘못 보고되는 경우가 있습니다. 리디렉션하는 확실한 방법은 다음과 같습니다.
리디렉션 페이지로 새 홈 페이지를 만듭니다. 그림과 같이 "head" 개체 패널에서 "새로 고침 삽입"을 사용하면 Flash 기술을 사용하지 않는 웹 페이지로 이동할 수 있습니다. 페이지 헤드에 다음 코드를 추가합니다: < Meta http-equiv="refresh" content="4;URL=noflash.htm">
또 다른 작은 Flash 비디오를 만들고 첫 번째 프레임에 "URL 가져오기" 동작을 추가하여 Flash 기술을 사용하여 페이지를 가리킵니다. 타겟팅 목적으로 이 짧은 비디오를 홈 페이지에 삽입하세요.
분명히 이 리디렉션된 페이지는 매우 안정적입니다.
