- Dreamweaver 사용 안내서
- 소개
- Dreamweaver 및 Creative Cloud
- Dreamweaver 작업 영역 및 보기 옵션
- 사이트 설정
- 파일 관리
- 레이아웃 및 디자인
- CSS
- 페이지 내용 및 에셋
- 페이지 속성 설정
- CSS 머리글 속성 및 CSS 링크 속성 설정
- 텍스트 작업
- 텍스트, 태그, 속성 찾기 및 바꾸기
- DOM 패널
- 라이브 뷰에서 편집
- Dreamweaver에서 문서 인코딩
- 문서 창에서 요소 선택 및 보기
- 속성 관리자에서 텍스트 속성 설정
- 웹 페이지 맞춤법 검사
- Dreamweaver에서 가로줄 사용
- Dreamweaver에서 글꼴 조합 추가 및 수정
- 에셋을 사용하여 작업
- Dreamweaver에서 날짜 삽입 및 업데이트
- Dreamweaver에서 즐겨찾기 에셋 만들기 및 관리
- Dreamweaver에서 이미지 삽입 및 편집
- 미디어 오브젝트 추가
- Dreamweaver에서 비디오 추가
- HTML5 비디오 삽입
- SWF 파일 삽입
- 오디오 효과 추가
- Dreamweaver에서 HTML5 오디오 삽입
- 라이브러리 항목을 사용하여 작업
- Dreamweaver에서 아랍어 및 히브리어 텍스트 사용
- 링크 및 내비게이션
- jQuery 위젯 및 효과
- 웹 사이트 코딩
- Dreamweaver에서의 코딩 정보
- Dreamweaver의 코딩 환경
- 코딩 환경 설정
- 코드 색상 표시 맞춤 설정
- 코드 작성 및 편집
- 코드 힌트 및 코드 완성
- 코드 축소 및 확장
- 스니펫으로 코드 재사용
- 코드 린트
- 코드 최적화
- 디자인 뷰에서 코드 편집
- 페이지의 헤드 내용 작업
- Dreamweaver에 서버측 포함 삽입
- Dreamweaver에서 태그 라이브러리 사용
- Dreamweaver에 사용자 정의 태그 가져오기
- JavaScript 비헤이비어 사용(일반 지침)
- 빌트인 JavaScript 비헤이비어 적용
- XML 및 XSLT 정보
- Dreamweaver에서 서버측 XSL 변환 수행
- Dreamweaver에서 클라이언트측 XSL 변환 수행
- Dreamweaver에서 XSLT의 문자 엔티티 추가
- 코드 서식 지정
- 제품 간 워크플로
- 템플릿
- Dreamweaver 템플릿 정보
- 템플릿 및 템플릿 기반 문서 인식
- Dreamweaver 템플릿 만들기
- 템플릿에서 편집 가능 영역 만들기
- Dreamweaver에서 반복 영역 및 표 만들기
- 템플릿의 옵션 영역 사용
- Dreamweaver에서 편집 가능 태그 속성 정의
- Dreamweaver에서 중첩 템플릿을 만드는 방법
- 템플릿 편집, 업데이트 및 삭제
- Dreamweaver에서 xml 내용 내보내기 및 가져오기
- 기존 문서에서 템플릿 적용 또는 제거
- Dreamweaver 템플릿의 내용 편집
- Dreamweaver에서 템플릿 태그에 대한 구문 규칙
- 템플릿 영역의 강조 표시 환경 설정
- Dreamweaver에서 템플릿 사용 시 이점
- 모바일 및 멀티스크린
- 다이내믹 사이트, 페이지 및 웹 양식
- 웹 애플리케이션 이해
- 애플리케이션 개발용 컴퓨터 설정
- 데이터베이스 연결 문제 해결
- Dreamweaver에서 연결 스크립트 제거
- 다이내믹 페이지 디자인
- 다이내믹 콘텐츠 소스 개요
- 다이내믹 콘텐츠의 소스 정의
- 페이지에 다이내믹 콘텐츠 추가
- Dreamweaver에서 다이내믹 콘텐츠 변경
- 데이터베이스 레코드 표시
- Dreamweaver에서 라이브 데이터 제공 및 문제 해결
- Dreamweaver에서 사용자 정의 서버 비헤이비어 추가
- Dreamweaver를 사용하여 양식 구성
- 양식을 사용하여 사용자 정보 수집
- Dreamweaver에서 ColdFusion 양식 작성 및 활성화
- 웹 양식 제작
- 양식 요소를 위한 HTML5 지원 개선
- Dreamweaver를 사용하여 양식 개발
- 애플리케이션의 시각적 구성
- 웹 사이트 테스트, 미리보기 및 게시
- 문제 해결
기존 문서에서 Dreamweaver 템플릿을 만드는 방법, 에셋 패널을 사용하여 새 템플릿을 만드는 방법 또는 Contribute 사이트용 템플릿을 만드는 방법을 살펴봅니다.
HTML과 같은 기존 문서를 사용하여 템플릿을 만들거나, 새로운 문서에서 템플릿을 만들 수 있습니다.
템플릿을 만든 후에는 템플릿 영역을 삽입하고, 코드 색상 표시 및 템플릿 영역 강조 색상에 대한 템플릿 환경 설정도 지정할 수 있습니다.
템플릿을 만든 사람, 마지막 변경 시기, 특정 레이아웃으로 결정한 이유 등 템플릿에 대한 추가 정보를 템플릿의 디자인 노트 파일에 저장할 수 있습니다. 템플릿을 사용하는 문서는 템플릿의 디자인 노트를 상속하지 않습니다.
Dreamweaver의 템플릿은 Dreamweaver 템플릿의 페이지 섹션이 기본적으로 고정되어 편집할 수 없다는 점에서 기타 Adobe Creative Cloud 제품의 템플릿과 구분됩니다.
기존 문서에서 템플릿 제작
기존 문서에서 템플릿을 만들 수 있습니다.
-
템플릿으로 저장할 문서를 엽니다.
-
다음 중 하나를 수행합니다.
[삽입] > [템플릿] > [템플릿 만들기]를 선택합니다.
[삽입] 패널 [일반] 범주의 드롭다운 메뉴에서 [템플릿]을 클릭한 후, [템플릿 만들기] 옵션을 선택합니다.
참고:[이 메시지를 다시 표시 안 함]을 선택하지 않은 경우에는 저장하려는 문서에 편집 가능 영역이 없다는 경고 메시지가 표시됩니다. 문서를 템플릿으로 저장하려면 [확인]을 클릭하고, 템플릿을 만들지 않고 대화 상자를 닫으려면 [취소]를 클릭합니다.
-
[사이트] 팝업 메뉴에서 템플릿을 저장할 사이트를 선택한 다음 [다른 이름으로 저장] 필드에 템플릿의 고유 이름을 입력합니다.
-
[저장]을 클릭합니다. Dreamweaver는 사이트의 Templates 폴더에 있는 템플릿 파일에 .dwt라는 파일 확장명을 추가하여 이 파일을 사이트의 로컬 루트 폴더에 저장합니다. 새 템플릿을 저장할 때 사이트에 아직 Templates 폴더가 없으면 Dreamweaver에서 자동으로 만듭니다.참고:
템플릿을 Templates 폴더가 아닌 다른 곳으로 이동하거나 Templates 폴더에 템플릿이 아닌 파일을 저장하면 안 됩니다. Templates 폴더를 로컬 루트 폴더 밖으로 이동해도 안 됩니다. 그러면 템플릿의 경로에 오류가 발생합니다.
에셋 패널을 사용하여 새 템플릿 만들기
-
[에셋] 패널([윈도우] > [에셋])에서 패널 왼쪽에 있는 [템플릿] 아이콘을 선택합니다.
-
[에셋] 패널의 아래쪽에 있는 [새 템플릿] 아이콘을 클릭합니다.
에셋 패널의 템플릿 목록에 제목이 없는 새 템플릿이 추가됩니다.
-
템플릿이 선택된 상태에서 템플릿 이름을 입력한 다음 Enter(Windows) 또는 Return(Macintosh) 키를 누릅니다.
Dreamweaver에서 에셋 패널과 Templates 폴더에 빈 템플릿이 만들어집니다.
Contribute 사이트용 템플릿 만들기 정보
Dreamweaver를 사용하여 템플릿을 만들면 Adobe® Contribute® 사용자는 이를 이용해 일관성 있는 모양과 분위기가 있는 사이트를 만들 수 있고 여러 페이지의 레이아웃을 한 번에 업데이트할 수 있습니다.
템플릿을 만들어 서버로 업로드하면 특정 Contribute 역할에 템플릿 사용에 대한 제한 사항을 설정하지 않는 한, 이 사이트에 연결하는 모든 Contribute 사용자가 템플릿을 사용할 수 있게 됩니다. 템플릿 사용을 제한할 경우에는 각각의 새 템플릿을 Contribute 사용자가 사용할 수 있는 템플릿 목록에 추가해야 합니다(Contribute 관리 참조).
각 Contribute 사용자의 사이트에 정의된 사이트 루트 폴더가 Dreamweaver의 사이트에 정의된 사이트 루트 폴더와 같은지 확인해야 합니다. 정의된 사이트 루트 폴더와 사용자의 사이트 루트 폴더가 일치하지 않으면 해당 사용자는 템플릿을 사용할 수 없습니다.
Dreamweaver 템플릿 외에 Contribute 관리 도구를 사용하면 비-Dreamweaver 템플릿을 만들 수 있습니다. 비-Dreamweaver 템플릿은 Contribute 사용자가 새 페이지를 만드는 데 사용할 수 있는 기존 페이지입니다. 이 템플릿은 해당 템플릿을 변경하더라도 이를 사용하는 페이지가 업데이트되지 않는다는 점만 제외하면 Dreamweaver 템플릿과 유사합니다. 또한 비-Dreamweaver 템플릿은 편집 가능, 잠금, 반복 및 옵션 영역과 같은 Dreamweaver 템플릿 요소를 포함할 수 없습니다.
Contribute 사용자가 Dreamweaver 템플릿을 포함하는 사이트 내에서 새 문서를 만들면 Contribute에서는 [새 페이지] 대화 상자에 Dreamweaver 및 비-Dreamweaver 템플릿 등 사용 가능한 템플릿을 모두 나열합니다.
사이트에 Latin-1 이외의 인코딩을 사용하는 페이지를 포함하려면 Dreamweaver 템플릿이나 비-Dreamweaver 템플릿을 만들어야 합니다. Contribute 사용자는 페이지에 사용된 인코딩에 상관없이 페이지를 편집할 수 있지만, 비어 있는 새 페이지를 만들 경우에는 Latin-1 인코딩을 사용합니다. 다른 인코딩을 사용하는 페이지를 만들기 위해 Contribute 사용자는 다른 인코딩을 사용하는 기존 페이지의 사본을 만들거나 다른 인코딩을 사용하는 템플릿을 사용할 수 있습니다. 그러나 다른 인코딩을 사용하는 페이지나 템플릿이 사이트에 없을 경우에는 먼저 Dreamweaver에서 다른 인코딩을 사용하는 페이지나 템플릿을 만들어야 합니다.
Contribute 사이트용 템플릿 만들기
-
[사이트] > [사이트 관리]를 선택합니다.
-
편집할 사이트를 더블 클릭합니다.
-
[사이트 설정] 대화 상자에서 [고급 설정] > [Contribute]를 선택합니다.
-
Contribute 호환성을 아직 활성화하지 않은 경우 활성화합니다.
[Contribute 호환성 활성화] 옵션을 선택한 후 사이트 루트 URL을 입력합니다.
-
[Contribute에서 사이트 관리]를 클릭합니다.
-
관리자 암호 입력 프롬프트가 나타나면 암호를 입력하고 [확인]을 클릭합니다.
-
[사용자 및 역할] 범주에서 역할을 선택한 후 [역할 설정 편집] 버튼을 클릭합니다.
-
[새 페이지] 범주를 선택하고 기존 페이지를 [아래 목록에서 페이지를 복사하여 새 페이지 만들기]에 있는 목록에 추가합니다.
자세한 내용은 Contribute 관리를 참조하십시오.
-
[확인]을 두 번 클릭하여 대화 상자를 닫습니다.