웹페이지를 최적화하고 웹페이지 다운로드 속도를 높이려면 이미지를 최적화하는 것 외에도 웹페이지의 다른 요소도 최적화해야 합니다. 웹 위빙 과정에서 편집 도구를 최대한 활용할 수 있다면 웹 제작에서도 최적화 목적을 달성할 수 있습니다. 다음은 Dreamweaver의 몇 가지 최적화 기술입니다.
웹 디자인을 위해CSS를 적절하게 호출
할 때스타일 시트 CSS를 사용하여 페이지 요소를 정렬하면 HTML 코드를 크게 줄일 수 있다는 것을 이미 알고 있습니다.
방법:
(1) 개체를 선택하고 마우스 오른쪽 버튼 클릭 메뉴에서 정의된 스타일을 선택하여 추가합니다. (2) 스타일 패널에서 개체의 스타일을 선택합니다.
(3) 라벨 선택기에서 라벨을 마우스 오른쪽 버튼으로 클릭합니다. 스타일.
이 세 가지 방법으로 얻는 페이지 효과는 동일하지만 첫 번째 방법은 HTML 코드에 "span" 태그를 생성하므로 과도하게 사용하면 웹 페이지 소스 파일의 비만도를 크게 증가시키고 다운로드 속도에 영향을 미칩니다. . 따라서 CSS를 호출할 때에는 두 번째와 세 번째 방법을 사용해야 한다.
서버의 부하를 줄입니다
.. 대화형 웹 페이지에서 사용자는 양식을 통해 서버에 데이터를 제출하고, 서버에서 데이터가 처리될 때까지 기다린 다음 브라우저로 돌아가는 경우가 많습니다. 대기 프로세스는 매우 짜증납니다. 이러한 이유로 웹 페이지를 편집할 때 서버도 고려해야 합니다. Dreamweaver에서 웹 페이지를 만들 때 서버의 부하를 줄일 수 있는 가장 좋은 방법 중 하나는 사용자가 제출한 양식의 적법성을 확인하는 것입니다. 확인을 위해 서버로 돌아가지 않고 브라우저 측에서만 수행하면 됩니다. , 이는 서버의 부하를 줄일 뿐만 아니라, 시청자의 부담을 덜어주어 기다리는 시간이 덜 슬프게 됩니다. 방법: 양식을 선택하고 "동작" 패널을 열고 "+" 기호를 클릭하여 "ValidateForm"을 선택한 다음 설정합니다. 그런데 이 확인 프로세스는 실제로 브라우저 측 확인을 위해 JavaScript를 사용한다는 점에 유의하시기 바랍니다. Dreamweaver에서 위 작업을 수행하면 이 JavaScript 코드가 웹 페이지의 머리글과 중간에 배치됩니다. 그러면 브라우저가 다른 페이지 요소를 다운로드하기 전에 먼저 이 코드를 다운로드해야 하기 때문에 페이지의 전체 표시 시간이 확실히 길어집니다. . 따라서 Dreamweaver에서 코드 편집기를 열고 이 스크립트를 소스 코드 끝에 잘라내어 붙여넣은 다음 마지막에 다운로드하도록 하는 것이 가장 좋습니다. 또한 웹 페이지에 JavaScript 스크립트 효과를 추가할 때 페이지가 나타날 때 즉시 적용되기를 원하지 않으면 다음과 같이 설정하는 것이 좋습니다.
셀프 - "체중 감량"
현재 웹 페이지에는 많은 "체중 감량 차"가 있으며 어디에서나 찾을 수 있습니다. Dreamweaver에서는 자체 "체중 감량 차"를 사용하여 어디에서나 "체중 감량 차"를 찾을 필요가 없습니다. " 기능을 사용하면 웹페이지를 "슬림하고 쾌적하게" 만들 수 있습니다.
방법: "명령" 메뉴에서 "Clean upHTML"을 선택하여 웹 페이지에서 중복 코드를 지우는 설정을 구성합니다.
테이블을 합리적으로 적용함으로써
서버의 부하를 줄여야 할 뿐만 아니라 우리가 사용하는 브라우저의 부하도 줄여야 합니다. 즉, 페이지에 대한 브라우저의 구문 분석 시간을 최대한 줄여야 합니다. 위에서 언급한 JavaScript 스크립트는 예시입니다. 브라우저의 페이지 파싱에도 영향을 미치는 것은 표입니다. 왜냐하면 브라우저의 표 파싱 시간은 표의 크기와 복잡도에 비례하고 Dreamweaver의 레이아웃 배열을 위해 위치 지정을 위해 많은 수의 표를 추가하기 때문입니다. , 어떤 사람들은 큰 테이블에 여러 개의 작은 테이블을 포함하기도 하는데, 이는 본질적으로 브라우저의 부담을 증가시키고 페이지 렌더링 시간을 크게 연장시킵니다. 그렇기 때문에 테이블을 사용할 때에는 테이블을 최대한 쪼개어 사용하고, 테이블은 최대한 피하는 것이 좋습니다.