차례:
비디오: 영화 이야기를 영어 스피킹 3단계 템플릿으로 말하는 방법 How to talk about movies with the 3-step technique 2024
많은 웹 디자인 프로그램이 HTML 템플릿을 자랑합니다.. 그들이 실제로 의미하는 바는 프로그램에 기성품 페이지 디자인이 포함되어 있다는 것입니다. Dreamweaver에서는 페이지의 기본 디자인을 만들고 변경할 수있는 섹션과 변경할 수없는 섹션을 제어 할 수있는 템플릿 디자인 기능을 제공하여이 개념을 한층 발전 시켰습니다. 다양한 기술 수준의 개발자로 구성된 팀과 함께 작업하는 경우 유용한 기능입니다. 예를 들어, 부동산 회사 용 사이트를 만들고 직원들이 페이지 디자인을 엉망으로 만들지 않고 판매 목록을 업데이트 할 수있게하려는 경우 템플릿이 완벽한 솔루션이 될 수 있습니다.
템플릿은 배경색이나 탐색 요소와 같은 특정 특징을 공유하는 여러 페이지를 만들 때 가장 잘 사용됩니다. 새 페이지마다 올바른 속성을 설정하거나 페이지 후 페이지에서 동일한 변경을 수행하는 대신 템플릿을 사용하여 한 번에 여러 페이지를 변경할 수 있습니다.
템플릿 유지
Dreamweaver 템플릿 기능을 사용하면 큰 이점 중 하나는 템플릿의 영역을 변경할 수 있다는 것입니다. 이것은 HTML에서 다양한 기술 수준을 가진 사람들과 일하고 있고, 고급 디자이너가 경험이 부족한 사람이 나중에 엉망이 될 수없는 페이지를 만들길 원할 때 특히 유용합니다. 이러한 목표를 염두에두고 템플릿에는 편집 가능한 영역과 잠긴 (편집 할 수없는) 영역이 있습니다. 변경되는 내용 (예: 제품 설명)은 편집 가능 영역 을 사용하십시오. 로고 또는 사이트 탐색 요소와 같이 정적 인 변경되지 않는 내용에는 고정 영역을 사용하십시오.
문서를 만드는 데 사용한 후에도 템플릿을 수정할 수 있습니다. 그런 다음 템플릿을 사용하는 문서를 업데이트하면 해당 문서의 편집 할 수없는 섹션이 템플릿에서 변경 한 내용과 일치하도록 업데이트됩니다.
템플릿 자체를 편집하는 동안 편집 가능 영역 또는 잠긴 영역이더라도 파일의 모든 부분을 변경할 수 있습니다. 그러나 템플릿으로 작성된 문서를 편집하는 동안 문서의 편집 가능 영역에만 변경 작업을 수행 할 수 있습니다. 돌아가서 템플릿을 만든 후 변경하면 Dreamweaver에서는 해당 템플릿으로 만든 모든 페이지 또는 현재 편집중인 페이지에만 해당 변경 사항을 반영 할 수있는 옵션을 제공합니다.
템플릿 만들기
템플릿을 만드는 작업은 Dreamweaver에서 다른 파일을 만드는 것처럼 쉽습니다. 다음 단계에서 볼 수 있습니다. 기존 HTML 문서로 시작하여 필요에 맞게 수정할 수도 있고 완전히 새로운 문서를 만들 수도 있습니다.파일을 서식 파일로 저장하면 파일은 웹 사이트의 주 폴더에있는 Templates 폴더에 자동으로 저장됩니다. Dreamweaver의 자동화 된 기능이 제대로 작동하려면이 공용 폴더에 템플릿을 저장해야합니다. 웹 사이트에 Templates 폴더가없는 경우 첫 번째 템플릿을 저장할 때 Dreamweaver가 자동으로 템플릿 폴더를 만듭니다.
Dreamweaver에서 웹 사이트를 정의한 경우에만 템플리트 기능이 작동합니다.
템플리트의 모든 요소는 태그로 표시된 문서 제목 섹션을 제외하고 기본적으로 잠겨 있습니다. (잠겨 있지 않은 문서 제목 섹션은 Dreamweaver 4에서 개선 된 기능입니다. Dreamweaver 3에서는 제목 영역을 편집 할 수 없게되었습니다.) 템플리트가 새 페이지 작성을 위해 사용되도록하려면 페이지의 다른 영역도 편집 가능해야합니다. 언제든지 템플릿으로 돌아가 더 많은 영역을 편집하거나 나중에 특정 영역을 편집 할 수있는 기능을 제거 할 수 있습니다.
편집 가능 영역이있는 템플릿을 만들려면 다음 단계를 따르십시오.
1. 창 -> 템플릿을 선택하십시오. 2. 템플릿 패널의 오른쪽 상단에있는 화살표를 클릭하고 열리는 드롭 다운 메뉴에서 새 템플릿을 선택합니다.
제목이없는 새로운 템플릿이 패널의 템플릿 목록에 추가됩니다. 3. 템플리트가 선택된 상태에서 Mac의 Finder 또는 PC의 탐색기에서 파일의 이름을 지정할 때와 마찬가지로 템플리트의 이름을 입력하십시오.
새 템플리트가 템플리트 사이트 목록에 추가됩니다. 4. 새 템플릿의 이름을 지정한 후 이름을 두 번 클릭하여 엽니 다.
Dreamweaver에서 다른 HTML 페이지와 마찬가지로 템플릿 페이지가 열립니다. 단, 파일 이름이 확장자로 끝나는 것만 다릅니다. dwt.
이제 이미지, 텍스트, 표 등을 삽입하여 다른 HTML 페이지처럼이 페이지를 편집 할 수 있습니다. 5. 수정 -> 페이지 속성을 선택하여 배경, 텍스트 및 링크 색상을 지정합니다.
다음에는 변경하려는 정보의 자리 표시 자로 페이지에 텍스트 나 이미지를 배치합니다. 6. 이미지 또는 텍스트 영역을 편집 가능하게 만들려면 이미지 또는 텍스트를 선택한 다음 수정 -> 템플릿 -> 새 편집 가능 영역을 선택합니다. 편집 가능한 이미지 또는 텍스트는 템플릿으로 만든 모든 페이지에서 변경할 수있는 영역이됩니다. 편집 가능으로 표시하지 않은 영역은 고정되며 템플릿 자체를 수정하는 경우에만 변경할 수 있습니다.
새 편집 가능 영역 대화 상자가 열립니다.
7. 이름 텍스트 상자에 편집 가능 영역의 이름을 입력하십시오.
텍스트 또는 이미지가 템플릿에서 강조 표시되어 편집 가능함을 나타냅니다. 지역에 원하는 이름을 붙일 수 있지만, 정보 유형에 해당하는 것을 선택하면 그 지역에 놓을 것입니다. 8. 다른 이미지 나 텍스트 영역을 편집 가능하게하려면 6 단계와 7 단계를 반복하십시오.
9. 완료되면 템플릿을 저장하고 파일을 닫습니다.
전체 표 또는 개별 표 셀을 편집 가능하게 만들 수 있지만 먼저 병합하지 않으면 여러 셀을 동시에 편집 할 수 없습니다.표의 셀 중 일부를 편집 가능하게하려면 다른 셀은 선택하지 말고 각 셀을 한 번에 하나씩 선택해야합니다. 레이어 및 레이어 내용도 별도 요소로 처리되지만 편집 가능한 것으로 표시 될 수 있습니다. 편집 가능한 레이어를 만들면 해당 레이어의 위치를 변경할 수 있습니다. 레이어 내용을 편집 가능하게 만드는 것은 레이어의 텍스트 또는 이미지와 같은 레이어의 내용을 변경할 수 있음을 의미합니다.
