웹사이트 구축의 고민은 업데이트인데, 특히 대규모 업데이트의 경우 많은 작업이 필요합니다. 끊임없이 창의적이고 열심히 일하는 "웹마스터"가 어떻게 가끔씩 웹사이트에 "대규모 변경"을 하느라 바쁜지 모르겠습니다.
이 비밀을 말씀드리겠습니다. 그 중 많은 부분이 "도매" 웹 페이지에 있고 귀하의 컴퓨터에도 "도매 스테이션"이 있습니다. 이 좋은 점은 바로 템플릿입니다. 일반적인 웹 페이지 생성 도구인 FrontPage와 DreamWeaver에는 이 기능이 있습니다. 예를 들어 DreamWeaver 3.0을 사용하여 웹사이트를 만들 때 템플릿을 사용하면 반복적인 작업을 많이 줄일 수 있습니다.
1. 템플릿 만들기
1.
템플릿 페이지를 만드는 가장 쉬운 방법은 웹 페이지를 템플릿 파일로 저장하는 것입니다. 파일 → 템플릿으로 저장 명령을 실행하면 DreamWeaver의 루트 디렉토리에 템플릿 폴더가 생성됩니다. 템플릿을 저장할 웹사이트입니다.
물론 새 템플릿을 만들 수도 있습니다. 창→템플릿 패널이 나타나면 오른쪽 하단에 있는 새 템플릿 버튼을 클릭하고 파일 이름을 입력하면 빈 템플릿이 생성됩니다. 버튼을 클릭하면 템플릿이 열리고 웹사이트 템플릿 폴더인 Templates에 자동으로 저장됩니다.
새로 생성되어 열리는 템플릿 페이지는 일반 웹 페이지와 다르지 않습니다. 테이블, 레이어, 그림, 애니메이션, 스크립트를 추가하고 페이지 속성을 설정할 수도 있습니다.
예: 다음은 템플릿을 만드는 예입니다. 이 페이지에서는 왼쪽의 웹사이트 로고 이미지와 하단의 탐색 이미지가 모든 페이지에 표시되기를 원합니다. 로고 그림은 두 개의 겹쳐진 그림으로 구성되어 있으며, 내비게이션 지도에 있는 "최신 업데이트", "온라인 읽기", "패키지 다운로드" 등의 텍스트가 여러 개의 핫 영역으로 구분되어 각각 다른 파일에 연결되어 있습니다. 각 페이지에는 아무것도 변경되지 않습니다. 오른쪽 상단의 메인 페이지 영역과 왼쪽 하단의 팝업 메뉴 버튼 아래에 있는 페이지 설명이 다릅니다. 페이지를 깔끔하게 유지하기 위해 표를 사용하여 이러한 요소를 배치합니다.
정확히 말하면 편집 가능한 영역이 없는 "준템플릿"일 뿐입니다. 편집 가능한 영역은 아래와 같습니다.
2. 편집 가능 영역 설정
일반적으로 템플릿의 편집 가능 영역을 설정하는 방법에는 두 가지가 있습니다.
새 편집 가능 영역 만들기: 수정→템플릿→새 편집 가능 영역 명령을 선택합니다. 빈 영역을 클릭하고 이 명령을 실행하면 해당 영역을 편집 가능하게 만듭니다.
특정 영역을 편집 가능한 영역으로 표시: 선택 명령: 수정→템플릿→선택 가능한 영역으로 선택 표시. 특정 영역에 이미 일부 텍스트가 있고 나중에 새 하이퍼텍스트 파일에 해당 내용의 일부를 유지하려면 해당 영역을 선택한 다음 mark 명령을 실행하면 됩니다.
편집 가능한 상태 취소: 수정→템플릿→편집 가능 영역 표시 해제 명령을 선택합니다. 이 명령을 실행하면 현재 편집 가능한 영역 목록이 포함된 대화 상자가 나타납니다. 취소할 영역 이름을 선택하고 확인합니다.
예: 넓은 빈 영역을 무작위로 클릭하고 수정→템플릿→새 편집 가능 영역 명령을 실행하고 팝업 대화 상자에 이름을 입력합니다. 기본 왼쪽 하단에서 이 페이지 설명 아래의 텍스트를 선택하고 실행합니다. 수정→템플릿→편집 가능한 영역으로 선택 표시 명령, 이름 입력: exp. 편집 가능한 영역이 연한 파란색으로 표시되고, 저장 후 템플릿 생성이 완료된 것을 확인할 수 있습니다.
2. 템플릿 사용
1. 템플릿
명령인 파일→템플릿에서 새로 만들기를 기반으로 새 페이지를 만듭니다. 대화 상자가 나타나고 템플릿 목록에서 템플릿을 선택하면 나타나는 새 페이지에는 편집 가능한 영역을 제외하고 연한 노란색 배경이 표시되며 수정할 수 없습니다. 빈 기본 편집 영역은 표, 텍스트, 그림 등을 직접 삽입하는 데 사용할 수 있습니다. Exp 편집 영역은 원본 텍스트를 유지하므로 수정하거나 다시 편집할 수 있습니다.
2.이미 콘텐츠가 있는 페이지에
템플릿 명령을 적용합니다
. 수정→템플릿→페이지에 템플릿 적용.템플릿을 선택하면 기존 고아 콘텐츠를 저장할 편집 가능 영역을 선택할 수 있는 대화 상자가 나타납니다(고아 콘텐츠의 편집 가능 영역 선택). 유지하고 싶지 않다면 "(없음)"을 선택하시면 됩니다.
예를 들어, 먼저 새로운 일반 페이지를 생성하고 "CIW Computer Studio"를 입력한 후 수정→템플릿→페이지에 템플릿 적용 명령을 실행하고 템플릿 테스트를 선택한 다음 기존 콘텐츠 저장 영역에 대해 메인을 선택하면 됩니다. 페이지가 자동으로 다음과 같이 변경됩니다. 템플릿 페이지의 형식이 변경되고 기본 편집 창에 "CIW Computer Studio"라는 단어가 나타납니다.
3. 템플릿을 업데이트하여 사이트를 완전히 업데이트합니다.
특정 템플릿을 기반으로 일부 페이지를 만든 후 템플릿을 수정하고 저장하면 템플릿을 사용하는 모든 페이지를 나열하고 원하는지 묻는 대화 상자가 자동으로 나타납니다. 그것을 업데이트합니다.
또 다른 방법은 수정→템플릿→페이지 업데이트 명령을 실행하는 것입니다. 페이지 업데이트 대화 상자에서 사이트 또는 사이트의 특정 템플릿을 선택하고(동일한 사이트에서 여러 템플릿을 사용할 수 있음) 오른쪽에 있는 시작 버튼을 클릭하면 소프트웨어가 템플릿과 연결된 웹 페이지를 자동으로 검색합니다. 업데이트하세요. 매우 편리합니다!
예를 들어 테스트 템플릿 왼쪽의 그래픽에 있는 "Reading to Break 10,000 Stations" 그림이 레이어가 있는 다른 그림 위에 겹쳐져 있습니다. 모든 페이지의 사진을 삭제하세요. 템플릿 test.dwt를 열고 레이어를 삭제한 후 템플릿을 저장하고 오른쪽의 "업데이트" 버튼을 클릭하면 됩니다.
참고: 템플릿을 만들고 사용하기 전에 사이트를 정의해야 합니다. 방법은 사이트→사이트 정의 명령을 실행하는 것입니다. 사이트 이름과 로컬 루트 디렉터리(로컬 루트)를 지정합니다. 템플릿은 상대 경로를 사용합니다. 웹 사이트의 로컬 위치가 지정되지 않으면 소프트웨어가 템플릿 파일을 정확하게 찾아서 저장할 수 없으며 페이지를 생성하고 업데이트하기 위해 템플릿을 적용할 때 페이지의 하이퍼링크는 다음에 따라 변경될 수 없습니다. 그에 따라 페이지 파일이 저장되는 위치를 변경합니다.