Dreamweaver에서 웹 페이지를 만들기 위한 20가지 팁

이 문서에서는 dreamweaver에서 웹 페이지를 만드는 데 필요한 20가지 팁을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

관련 권장 사항: "dreamweaver 튜토리얼"

Dreamweaver를 사용하여 웹 페이지를 만드는 데 필요한 20가지 팁. 이것이 도움이 되기를 바랍니다.

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:프로그램 파일MacromediaDreamweaver 3dreamweaver.exe %1"

If 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에서는 정상적으로 웹페이지가 열릴 수 있는데, Netscape Navigator를 사용하면 요구사항을 충족하지 못하거나 심지어 오류까지 발생하고, Dreamweaver의 문서창이 항상 수정되지 않는 이유는 무엇인가요?

코드를 확인해주세요. WYSIWYG 편집기를 사용하여 페이지의 특정 부분을 반복적으로 수정하기 때문에 중복 링크와 같은 일부 중복 코드가 남을 수 있으며 이러한 코드는 Dreamweaver 문서 창에서 볼 수 없으며 IE에서는 이를 무시합니다. 그러나 Netscape Navigator는 더 엄격한 코드 요구 사항을 갖고 있으며 미리 보기 중에 놀라운 현상이 발생합니다.

6) 넷스케이프 내비게이터에서 일부 북마크(앵커)가 작동하지 않고 일부는 사라진 것 같나요?

Netscape Navigator의 북마크는 대소문자를 구분합니다. 네비게이터에서는 다중 레이어 중첩 테이블의 북마크가 손실됩니다. 북마크를 테이블 외부에 배치합니다.

7) 드림위버 문서창은 다양한 패널로 가득 차 있는데, 문서를 편집하려면 빈틈을 하나하나 열어야 하는데 어떻게 해야 하나요?

800X600 해상도의 화면은 실제로 Dreamweaver에 비해 너무 작지만, 1024X768도 모든 패널에 들어갈 수는 없습니다. 핵심은 잘 정리하는 것입니다.

편집에 일시적으로 사용되지 않는 패널을 닫고 자주 사용하는 패널을 모아서 화면 공간을 절약하세요.

지금 사용해야 하는 것이 아니라면 "HTML 소스 검사기"를 닫으세요. 또한 많은 공간을 차지합니다.

F4를 누르면 열려 있는 모든 패널이 숨겨지고 전체 문서가 표시됩니다.

"창" 메뉴에 "부동 팔레트 정렬" 명령이 있습니다. 이 명령을 사용하면 열려 있는 모든 패널을 서로 겹치지 않게 창 주위에 배치할 수 있습니다.

여러 개의 단축키를 사용하고 이를 능숙하게 익히는 것은 작업 효율성을 높이는 좋은 방법입니다.

보이지 않는 개체를 추가할 때 Dreamweaver는 문서 창의 페이지 상단에 해당 아이콘을 추가합니다. 아이콘이 너무 많으면 편집에 방해가 될 수 있습니다. "Ctrl Shift I"(메인 메뉴 보기|보이지 않는 요소)을 눌러 숨기거나 표시할 수 있습니다. 이러한 아이콘이 표시되지 않도록 설정할 수도 있지만 편집할 개체를 선택하는 데 도움이 되므로 권장되지 않습니다.

8) Head 개체 패널은 내용 추가만 가능합니다. < head> 표시의 내용은 문서 창에서 수정할 수 있나요?

그렇습니다. 매우 직관적인 방법이 있습니다. "Ctrl Shift W"(기본 메뉴 보기|머리 내용)를 누르면 문서 창의 기본 메뉴 표시줄 아래에 아이콘 행이 표시됩니다. 이 아이콘을 클릭하여 수정합니다.

9) 1X1px과 같이 테이블과 레이어에서 매우 작은 사진을 선택하는 방법은 무엇입니까?

표 셀을 클릭한 다음 "Shift" 키를 누르고 화살표 키로 이동하여 선택하세요.

먼저 표 셀(Ctrl 키를 누르고 해당 셀을 마우스로 클릭)이나 레이어를 선택한 다음 "HTML"의 강조 표시된 코드에서 < Source Inspector" 패널 ; 을 클릭하고 문서 창으로 돌아가면 그림이 선택됩니다.

10) 프레임워크 시스템의 이름(제목)을 어떻게 편집하나요?

"Ctrl F10"을 눌러 "프레임" 패널을 열고 가장 바깥쪽 프레임을 클릭한 다음 "Ctrl J"(메인 메뉴 수정|페이지 속성)를 누르세요.

11) "행동"의 기본 이벤트를 어떻게 변경하나요?

이벤트 설정 파일은 Dreamweaver 설치 디렉토리 아래의 "ConfigurationBehaviorsEvents" 폴더에 있습니다. 예를 들어 브라우저 4.0 이상의 경우 "4.0 이상 Browsers.htm" 파일을 엽니다.

< onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">

은 " onClick= "*" "의 "*"는 " onMouseOver="" "로 이동되고 다음과 같이 변경됩니다. < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut ="" onMouseOver="*" onMouseUp="">

Dreamweaver를 다시 시작하면 이 유형의 기본 이벤트는 "onMouseOver"가 됩니다. 다른 비유.

12) 페이지를 열 때 작은 창도 동시에 열 수 있나요? 드림위버를 사용할 수 있나요?

예, 코드 한 줄도 작성할 필요가 없습니다. "동작" 패널에 내장된 "브라우저 창 열기" 스크립트를 사용하여 페이지, 창 크기 및 속성을 설정합니다. 사진과 같이 :

그림 1

13) 표를 삽입할 때 표 셀에 항상 공백이 있습니다( < td> < /td> ). 이를 방지하려면 어떻게 해야 합니까?

Dreamweaver에서 자동으로 생성된 것이므로 삭제하지 마세요. 테이블 셀에 아무것도 없으면 Netscape Navigator는 셀을 표시하지 않습니다.

14) 템플릿 문서의 < head> 태그는 웹 페이지 테마를 제외하고는 편집할 수 없습니다. 이 템플릿을 기반으로 웹 페이지에 동작을 추가하려면 어떻게 해야 합니까?

다음과 같이 "HTML 소스 검사기" 패널을 사용하여 템플릿 문서의 "< /head>" 앞에 편집 가능한 태그를 추가합니다.

< !-- #BeginEditable "Javascript" -->

< 스크립트 언어 ="JavaScript">

< /script>

< !-- #EndEditable -->

15) 웹사이트 개발 및 관리에 협력할 때 Dreamweaver의 등록/확인 시스템을 사용하여 원격 서버입니다. 웹사이트 관련 파일에 다른 접근 권한이 추가되어 있나요?

체크인/체크아웃은 Dreamweaver 내부에서 사용되는 관리 메커니즘이며 파일 속성과는 아무런 관련이 없습니다. "체크아웃"은 ​​파일이 내가 사용 중이고 다른 사람이 편집할 수 없음을 의미합니다. "체크인"은 파일을 다른 동료가 체크아웃하고 편집할 수 있으며 로컬 파일이 읽기 전용이 되어 내가 이를 방지할 수 있음을 의미합니다. 내용을 변경합니다.

Dreamweaver는 로컬 및 원격 서버에 해당 ".lck" 파일을 생성하여 체크인/체크아웃 기능을 구현합니다. 이러한 파일은 "사이트" 창에 표시되지 않습니다. Dreamweaver에서만 해당 파일을 읽을 수 있습니다. 파일에 속성이 추가되지 않습니다. 다른 Ftp 도구와 편집기를 사용하는 경우에도 열 수 있습니다.

16) 웹페이지를 만들 때 마우스가 날아다니면서 설정된 사진의 크기가 바뀌는 경우가 종종 있습니다. 이미지를 다시 보지 않고도 이 문제를 수정할 수 있나요?

이미지 크기가 일치하지 않으면 속성 패널에서 해당 값이 굵게 표시됩니다. 패널의 "새로 고침" 버튼을 눌러 실제 크기로 복원하세요.

17) 링크를 클릭하고 동시에 여러 프레임을 변경하려면 어떻게 해야 하나요?

가장 직접적인 방법은 링크에 대한 프레임워크를 만드는 것입니다.

Dreamweaver의 "URL로 이동" 동작을 사용하는 것이 더 쉽습니다. 대화 상자에는 모든 프레임이 표시됩니다. 아래의 "URL" 열에 해당 페이지를 입력하면 됩니다.

18) 텍스트에 동작을 추가하고 싶은데 동작 패널의 항목이 모두 흐리게 표시되어 선택할 수 없습니다. 어떻게 해야 하나요?

이전에도 이런 상황이 발생했을 때 보통 텍스트 옆에 그림을 삽입하고 그림에 필요한 동작을 추가했습니다. 그런 다음 코드를 편집하고 텍스트 위로 이동한 다음 이미지를 제거합니다.

위의 방법은 더 번거롭습니다. 편리한 방법은 텍스트를 "javascript: void(null)"에 연결하는 것입니다. 그러면 해당 동작이 드러납니다.

19) 비헤이비어를 사용하는 레이어를 라이브러리에 넣을 때 Dreamweaver에서는 레이어의 비헤이비어가 따르도록 허용하지 않습니다. 어떻게 해야 합니까?

템플릿을 사용하여 만들어보세요.

20) 플래시 플러그인을 확인하고 리다이렉트하는 스크립트가 가끔 비정상인 경우가 있나요?

Flash 웹 페이지를 만들 때 사람들은 리디렉션을 위해 Dreamweaver의 "플러그인 확인" 동작을 사용하는 데 익숙합니다. 그런데 때로는 플러그인이 분명히 설치되어 있는데 그렇지 않은 것으로 잘못 보고되는 경우가 있습니다. 리디렉션하는 확실한 방법은 다음과 같습니다.

새 홈페이지를 리디렉션 페이지로 만드세요. 그림과 같이 Flash 기술을 사용하지 않는 웹페이지로 이동하려면 "head" 개체 패널에서 "새로 고침 삽입"을 사용하세요. 페이지 헤드에 다음 코드가 추가됩니다. < Meta http-equiv="refresh" content="4;URL=noflash.htm">

또 다른 작은 Flash 비디오를 만들어 첫 번째 프레임에 추가합니다. 이전의 "URL 가져오기" 동작은 Flash 기술을 사용하는 페이지를 가리킵니다. 타겟팅 목적을 위해 이 짧은 비디오를 홈 페이지에 삽입하세요.

분명히 이 리디렉션된 페이지는 매우 안정적입니다.

이제 Dreamweaver를 사용하여 웹 페이지를 만드는 20가지 팁을 마치겠습니다. 읽어주셔서 감사합니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 배우기를 방문하세요! !

위 내용은 Dreamweaver에서 웹 페이지를 만들기 위한 20가지 팁의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!