1. 스타일을 유연하게 사용하세요.
웹 디자인에 익숙한 네티즌들은 스타일을 호출하는 방법이 다양하다는 것을 알고 있습니다. 마우스 오른쪽 버튼을 클릭하고 Custon 스타일을 선택하면 스타일 표준을 마우스 오른쪽 버튼으로 클릭할 수도 있습니다. 스타일을 호출하려면 상태 표시줄을 클릭하세요. 서로 다른 방법으로 얻는 효과는 동일한 것처럼 보이지만 실제로 생성되는 HTML 코드는 완전히 다릅니다. 예를 들어 Custon Style을 사용하여 스타일 표준을 호출하면 웹 페이지 코드에 <span> 태그가 생성됩니다. 이러한 태그가 너무 많으면 파일이 너무 커지고 브라우저의 구문 분석 속도에 영향을 미치므로 스타일을 호출할 목록입니다.
2. 표 서식 명령을 최대한 활용하세요
. 복잡한 웹 디자인에서는 표를 가장 많이 사용합니다. 표를 사용하면 웹 페이지의 텍스트와 이미지의 특정 위치를 자유롭게 제어할 수 있어 전체 웹 페이지가 컴팩트해 보일 수 있기 때문입니다. 그리고 통일. 이 점에서 Dreamweaver는 크게 뒤처지지 않습니다. "표 서식 지정" 명령을 사용하면 미리 디자인된 스타일을 표에 빠르게 적용할 수 있습니다. 미리 디자인된 스타일을 사용하려면 먼저 테이블의 아무 셀에나 커서를 놓은 다음 "명령" → "테이블 형식" 명령을 선택하십시오. 후속 대화 상자에서 왼쪽 목록에서 디자인 구성표를 선택하십시오. 효과가 만족스럽지 않으면 "적용" 버튼을 눌러 테두리 두께, 배경색 등 일부 매개변수의 값을 재설정하거나 수정할 수도 있습니다.
3. 동시에 두 개의 웹 페이지에 연결합니다.
하이퍼링크는 한 번에 한 페이지에만 연결할 수 있다는 것을 우리 모두 알고 있습니다. 한 번에 다른 프레임 페이지에서 문서를 열려면 "URL로 이동" JavaScript 동작을 사용할 수 있습니다. 프레임이 있는 웹 페이지를 열고 텍스트나 이미지를 선택한 다음 액션 패널에서 "URL로 이동"을 선택합니다. Dreamweaver에서는 "URL로 이동" 대화 상자에 사용 가능한 모든 프레임이 표시됩니다. 연결하려는 프레임 중 하나를 선택하고 해당 URL을 입력한 다음 다른 프레임을 선택하고 다른 URL을 입력합니다.
4. 파일에 중국어 이름을 지정하지 마십시오.
웹 페이지를 만든 후에는 일반적으로 웹 페이지에 대표적인 중국어 이름을 지정합니다. 첫째, 파일 이름을 보면 파일 내용을 대략적으로 이해할 수 있습니다. 다양한 하이퍼링크 간의 상호 호출을 용이하게 할 수 있습니다. 하지만 드림위버에서 이렇게 하면 드림위버에서는 중국어 파일명을 잘 지원하지 못하고, 잘못된 페이지 호출이 자주 발생한다는 것을 알 수 있으므로, 앞으로 드림위버에서 웹페이지를 저장할 때에는 영어나 숫자를 사용하도록 하시기 바랍니다. 파일 이름을 변경하면 위의 오류 현상을 피할 수 있습니다.
5. 웹 페이지를 만들 때 글꼴 해상도를 영리하게 설정합니다.
즉, 생성된 웹 페이지가 로컬 컴퓨터에서 탐색할 때는 정상이지만 다른 컴퓨터에서 탐색할 때 원래의 아름다운 웹 페이지가 나타나는 경우가 있습니다. 정말 이상해요, 왜 그럴까요? 각 컴퓨터의 해상도는 귀하의 홈페이지가 다른 해상도에서도 정상적으로 표시될 수 있어야 한다는 것이 밝혀졌는데, 이는 Dreamweaver에서 더 잘 해결되었습니다. 문서 창의 오른쪽 아래 모서리에 Dreamweaver는 현재 문서가 디자인된 해상도 크기를 표시합니다. 어떤 숫자를 클릭하면 팝업 메뉴에서 현재 페이지의 디스플레이 해상도를 지정할 수 있으며, 이를 수정하여 홈페이지를 더욱 유연하게 만들 수 있습니다. 따라서 해상도가 다른 모니터가 더 잘 표시될 수 있습니다.
6. 태그를 영리하게 숨깁니다.
보이지 않는 요소가 웹 페이지에 삽입되면 Dreamweaver는 보이지 않는 요소를 선택할 수 있도록 해당 요소 태그를 페이지에 자동으로 추가합니다. 그러나 이것이 항상 좋은 것은 아닙니다. 예를 들어 레이어가 많은 페이지의 첫 번째 행에 테이블을 삽입하면 레이어 요소가 너무 많기 때문에 테이블이 자동으로 페이지의 첫 번째 행으로 후퇴하는 것을 알 수 있습니다. 첫 번째 행에 정렬된 태그입니다. 두 번째 줄은 탐색할 때 효과에 영향을 미치지 않지만 실제로 작업을 방해합니다. 따라서 요소 레이블이 방해가 된다고 느끼면 간단히 차단합니다. 방법은 Ctrl+U를 눌러 기본 설정 패널을 열고 카테고리에서 Invisibel 요소를 선택하는 것입니다. 그러면 모든 요소 레이블이 패널 오른쪽에 나타납니다. 불필요한 요소 태그 앞의 체크 표시를 제거하기만 하면 앞으로 다시는 나타나지 않도록 보장됩니다.
7. 드래그 앤 드롭 기술을 잘 활용하세요.
Dreamweaver를 사용하여 웹 페이지를 편집할 때 삽입할 이미지가 많으면 기존 방식에 따라 작업하는 것이 매우 번거로울 수 있습니다. 방법. 우리는 드래그 앤 드롭 기술을 사용하여 이 문제를 아주 잘 해결할 수 있습니다. 먼저 Dreamweaver의 작업 창을 활성 창으로 전환하여 탐색기 창을 표시할 수 있는 공간을 확보한 후 삽입할 이미지 파일을 찾은 후 마우스로 웹 페이지의 해당 부분으로 하나씩 드래그하면 Dreamweaver가 실행됩니다. 물론, 드래그한 이미지 파일은 gif, jpg 등의 웹 이미지 형식 파일이어야 합니다. 이미 웹페이지에 있는 이미지도 마찬가지입니다. 그냥 드래그하면 됩니다. 하지만 드래그한 이미지에 하이퍼링크가 있으면 하이퍼링크 주소만 드래그되기 때문에 더 이상 드래그 기술을 사용할 수 없습니다.
8. 업데이트 시간을 자동으로 설정합니다.
웹페이지의 재방문을 늘리려면 지속적으로 업데이트하는 것이 매우 중요합니다. 그러나 개인 웹페이지의 경우 매일 제때에 업데이트하는 것이 쉽지 않을 수 있습니다. 따라서 웹 페이지가 자동으로 업데이트될 수 있기를 바랍니다. 아래 작성자는 수정 시간을 자동으로 업데이트할 수 있는 소스 코드를 제공할 것입니다. < /BODY> 의 목적을 달성하기 위한 것입니다. 시간 업데이트:
< Script Language="JavaScript"> </ /style>; 두 번째는 Dreamweaver에서 마우스를 사용하여 Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag를 선택한 다음 선택하는 것입니다. 장식에는 없음을 선택하고 마지막으로 확인을 클릭하면 성공합니다.
12. 텍스트를 영리하게 복사하세요.
여러 다른 응용 프로그램 간에 텍스트를 복사하는 것은 실제 작업에서 자주 할 수 있는 작업입니다. 그런데 편집 영역의 텍스트를 Dreamweaver에서 다른 응용 프로그램으로 복사하면 HTML 코드와 텍스트도 함께 복사됩니다. 그렇다면 편집 영역의 텍스트만 어떻게 복사할 수 있을까요? 복사할 때 일반적으로 단축키 Ctrl - C를 사용하여 복사할 때 C 키를 한 번 더 누르면 Dreamweaver는 선택한 텍스트만 복사합니다.
13. 단축키를 잘 활용하자
작업 효율성을 높이기 위해 Ctrl-B 또는 Ctrl-I를 사용하여 텍스트에 굵게 또는 기울임꼴 형식을 적용하는 등 Dreamweaver의 단축키를 사용할 수 있습니다. 또한 다음 키보드 단축키를 사용하여 HTML 형식을 적용할 수도 있습니다. 선택한 텍스트로: Ctrl-0: 서식 없음 Ctrl-T: 단락 Ctrl-1: 제목 1 Ctrl-2: 제목 2 Ctrl-3: 제목 3 Ctrl-4: 제목 4 Ctrl-5: 제목 5 Ctrl-6: 제목 6
14. 웹페이지 자동 닫기
웹페이지가 지정된 시간 내에 자동으로 닫히도록 하려면 웹페이지 소스 코드의 태그 뒤에 다음 코드를 추가하면 됩니다: < script LANGUAGE="JavaScript"> </ /script>
코드에서 3000은 3초를 의미하며 단위는 밀리초입니다.
15. 개체 이름을 영리하게 설정하세요
매우 복잡한 효과를 만들기 위해 Dreamweaver를 사용할 때 하나 이상의 객체를 반복적으로 사용해야 할 수도 있습니다. 예를 들어 특정 테이블, 이미지 등을 찾아야 하는 경우가 많습니다. 여러 객체의 이름을 지정하면 번거롭거나 오류가 발생할 수 있습니다. 이러한 물체를 반복적으로 사용할 때 발생하기 쉽습니다. 이러한 개체를 쉽게 호출하려면 새 개체를 만들 때마다 대표적이고 기억하기 쉬운 이름을 지정하는 것을 기억해야 합니다. 이러한 개체의 이름을 지정할 때 개체의 "속성" 패널을 통해 이름을 지정할 수 있습니다.
16. 이미지 링크에 동적 효과 추가
때로는 현실적인 효과를 얻기 위해 특정 링크 위로 마우스를 이동할 때 움직임이 있기를 바랍니다. 이 효과는 Dreamweaver를 사용하여 쉽게 얻을 수 있습니다. 디자인할 때 먼저 두 개의 이미지를 준비해야 합니다. 첫 번째는 원본 이미지이고 두 번째는 마우스를 위로 이동한 후의 이미지입니다. 그런 다음 첫 번째 그림을 마우스로 클릭하고 속성 패널의 링크 열에 연결할 파일을 입력한 다음 키보드의 F8 키를 클릭하고 팝업 동작 창에서 "+" 기호를 클릭한 다음 "이미지 교체"를 선택하고 나타나는 창에서 두 번째 이미지를 선택한 다음 마지막으로 확인을 클릭합니다.