인터넷의 대중화로 인해 많은 사람들은 더 이상 인터넷 서핑에만 만족하지 않고, 깊이 있게 참여하고 싶어 합니다. 이제 자신만의 웹사이트를 갖는 것이 하나의 추세가 되었습니다. 간단한 웹 페이지를 만드는 것은 어렵지 않지만 특별한 웹 사이트를 만드는 것은 그리 쉽지 않습니다. 따라서 최신 웹 사이트 디자인 소프트웨어 Dreamweaver MX 2004에 대한 일련의 튜토리얼을 특별히 준비했습니다. 당신에게 도움이 됩니다.
일반적으로 웹 사이트에는 기본적으로 유사한 스타일을 가진 페이지가 수십 또는 수백 개 있습니다.
웹 페이지 구조와 탐색 막대 및 다양한 아이콘을 동일한 열 아래에 매번
재설정하는 것은 매우 번거로운 작업입니다 . 그러나 MX에서는 Dreamweaver를 사용할 수 있습니다.2004의 템플릿 기능은 작업을 단순화합니다. 실제로 템플릿의 기능은 웹 페이지의 레이아웃과 콘텐츠를 분리하는 것입니다. 레이아웃을 디자인한 후 템플릿으로 저장하면 템플릿을 통해 동일한 레이아웃의 페이지를 만들 수 있습니다. 업무 효율성을 크게 향상시킬 수 있습니다.
1. 템플릿 만들기 템플릿을 만드는
것은 페이지의 모든 부분을 만들 필요가 없다는 점을 제외하면 일반 페이지를 만드는 것과 똑같습니다. 탐색 표시줄과 같은 각 페이지의 공통 부분만 만들면 됩니다. 제목 표시줄을 선택하고 중간 영역을 페이지와 함께 사용하세요. 특정 내용을 입력하세요.
1단계: 먼저 Dreamweaver MX 2004에서 "파일→새로 만들기" 명령을 실행한 다음 그림 1에 표시된 창에서 "템플릿 페이지→HTML 템플릿" 옵션을 선택하고 "만들기" 버튼을 클릭하여 템플릿 문서를 만듭니다.
2단계: 웹 페이지 프레임, 탐색 모음, 플래시 제목 및 모든 페이지에 공통되는 기타 요소를 페이지 디자인 보기(그림 2)에 삽입한 다음 "파일→저장" 명령을 실행하여 템플릿을 저장합니다.
팁: 먼저 원하는 웹 페이지를 다운로드한 다음 Dreamweaver MX 2004에서 열고 프레임과 기타 요소만 유지한 다음 "파일→템플릿으로 저장" 명령을 통해 템플릿으로 저장할 수 있습니다. 템플릿을 만드는 데 시간이 많이 걸립니다.
편집 중 잘못된 조작으로 인해 템플릿의 요소가 변경되는 것을 방지하기 위해 템플릿의 내용은 기본적으로 편집 가능하지 않습니다. 특정 영역이나 특정 텍스트를 편집 가능으로 설정한 후에만 생성된 문서에서 변경할 수 있습니다. 템플릿입니다. 먼저 마우스를 사용하여 영역(즉, 각 페이지에 다른 내용이 있는 영역)을 선택한 다음 "수정→템플릿→새 편집 가능 영역" 명령을 실행하고 팝업 대화 상자에서 이 영역의 이름을 설정합니다. 을 클릭하면 영역 설정 편집이 완료됩니다.
팁: 편집 영역을 설정한 후 "파일→저장" 명령을 실행하여 변경 사항을 저장해야 합니다.
2. 템플릿을 사용하세요.
템플릿이 있으면 웹페이지를 편집할 때 이를 사용해야 합니다. Dreamweaver MX 2004의 기본 창에서 "파일→새로 만들기" 명령을 실행하면 그림 1과 같은 새 창이 표시되고 "템플릿" 탭에 들어가면 저장된 템플릿을 볼 수도 있습니다. 미리 보기 영역의 오른쪽 미리 보기(그림 3)에서 하나를 선택하고 마지막으로 원하는 템플릿을 선택하고 하단의 "만들기" 버튼을 클릭하여 이 템플릿을 엽니다.
열린 템플릿에서는 편집할 수 없는 영역이 강조 표시되지만 일부 위치는 잠긴 영역이지만 강조 표시되지 않습니다. 이는 주로 그림이 배경색을 가리고 있기 때문입니다. 이 경우 "편집→기본 설정" 명령을 실행하고 팝업 창의 "범주" 목록에서 "강조 표시" 항목을 선택한 다음 "잠긴 영역" 옆에 있는 "표시" 옵션을 선택할 수 있습니다. 오른쪽 영역(그림 4 )을 클릭하고 강조 색상을 파란색으로 설정하면 템플릿에서 잠긴 영역을 명확하게 식별할 수 있습니다.
팁: 여전히 강조 효과를 볼 수 없다면 "보기→시각 자료→보이지 않는 요소" 명령을 순서대로 선택할 수도 있습니다.
마지막으로 텍스트 설명을 추가하거나 해당 그림을 삽입하는 등 편집 가능한 영역에 웹 페이지의 콘텐츠를 추가하고 마지막으로 "파일→저장" 명령을 통해 페이지를 저장하기만 하면 됩니다.
3. 템플릿을 수정하고 교체합니다.
템플릿을 통해 여러 페이지를 만든 후 페이지를 변경하거나 열을 추가해야 하는 경우 모든 페이지를 수동으로 수정하는 것은 매우 번거로운 일이므로 의 템플릿 수정 기능을 통해 이 문제를 해결할 수 있습니다. 드림위버 MX 2004.. 예를 들어, 템플릿을 수정한 후 "파일→저장" 명령을 실행하여 템플릿을 저장합니다. 이때 템플릿을 사용하는 모든 페이지를 업데이트할지 묻는 프롬프트 상자가 나타납니다(그림 5). 업데이트된 페이지의 총 개수, 업데이트 시간 및 기타 정보가 표시됩니다.
게다가 드림위버 MX 2004는 웹페이지용 템플릿을 바꾸는 기능도 제공하는데, 템플릿을 바꾸는 것은 사람의 옷을 갈아입혀주는 것과 비슷하다. 단, 템플릿을 임의로 교체할 수는 없습니다. 템플릿 교체 조건은 교체할 페이지가 템플릿을 통해 생성되어야 하며, 페이지의 편집 가능한 영역 번호 및 이름이 템플릿의 편집 가능한 영역 번호 및 이름과 일치해야 한다는 것입니다. 교체할 템플릿. 예를 들어, 웹 페이지에는 각각 t1, t2, t3이라는 세 개의 편집 가능한 영역이 있습니다. 템플릿도 있습니다. 이 템플릿의 구조가 무엇이든 편집 가능한 영역이 3개 있고 이름이 t1, t2 및 t3인 한 이를 사용하여 원본 웹 페이지를 새 템플릿으로 바꿀 수 있습니다. , 페이지의 편집 가능한 3개 영역은 이에 따라 편집 영역의 내용은 변경되지 않고 그대로 유지됩니다. 템플릿을 교체하는 구체적인 방법도 매우 간단합니다. "Windows→템플릿" 명령을 실행하여 템플릿 패널을 열면 상단 영역에서 해당 템플릿을 선택한 후 "페이지에 적용"을 클릭하면 됩니다. 버튼을 눌러 템플릿 교체 작업을 빠르게 완료할 수 있습니다.
팁: 이 기능을 사용하여 웹사이트 홈페이지의 여름 및 겨울 버전을 생성하면 템플릿 변경이 매우 편리해집니다.
사실 템플릿에 관련된 내용은 많지만 지면의 제약으로 인해 몇 가지 소개만 선정할 수 있게 되었습니다. 모두가 하나의 예에서 추론을 이끌어내고 템플릿의 미묘함을 완전히 이해할 수 있기를 바랍니다.