David Powers
마지막 업데이트 날짜
2022년 11월 28일
- 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 HTML5 지원을 위해 일부 양식 요소를 위한 새로운 특성이 소개되었습니다. 또한 4개의 HTML5 양식 요소가 소개되었습니다.
[삽입] 패널에서 양식 요소를 찾을 수 있습니다. [윈도우] > [삽입]을 선택합니다. [삽입] 패널 메뉴에서 [양식]을 선택합니다.
Dreamweaver의 개정된 양식 워크플로
Dreamweaver 12.1 업데이트에 대한 개정된 양식 워크플로우입니다.
양식 요소에 공통적인 새로운 특성
다음의 새로운 특성은 모든 양식 요소에 공통적입니다.
- 비활성화: 브라우저가 요소를 사용하지 않도록 하려면 이 옵션을 선택하십시오.
- 필수: 값이 지정되었는지 브라우저가 확인하도록 하려면 이 옵션을 선택하십시오.
- 자동 작성: 사용자가 브라우저에 정보를 입력할 때 값이 자동으로 채워지게 하려면 이 옵션을 선택하십시오.
- 자동 초점: 브라우저가 페이지를 로드할 때 이 요소에 초점을 맞추려면 이 옵션을 선택하십시오.
- 읽기 전용: 요소의 값을 읽기 전용으로 설정하려면 이 옵션을 선택하십시오.
- 양식: <입력> 요소가 속해 있는 하나 이상의 양식을 지정합니다.
- 이름: 코드의 요소를 참조하기 위해 사용하는 고유한 이름입니다.
- 자리 표시자: 입력 필드의 예상 값을 설명하는 힌트입니다.
- 패턴: 요소의 값이 유효한 정규식입니다.
- 제목: 요소에 대한 추가 정보입니다. 도구 설명으로 표시됩니다.
- 탭 인덱스: 현재 문서의 탭 순서에서 현재 요소의 위치를 지정합니다.
수정된 특성을 포함하는 양식 요소
- 양식 유효하지 않음: 양식 유효성을 사용하지 않으려면 이 옵션을 선택합니다. 이 선택 항목은 양식 레벨에서 유효하지 않음 특성을 재정의합니다.
- 양식 Enc 유형: 사용자 에이전트가 양식 제출을 위해 이 요소에 연결하려는 MIME 유형입니다.
- 양식 대상: 컨트롤 대상을 나타내는 검색 컨텍스트 이름 또는 키워드입니다.
- 문자 집합 허용: 양식 제출에 사용된 문자 인코딩을 지정합니다.
참고:
특성 링크에는 HTML5 사양에 열거된 모든 특성에 대한 정보가 포함되어 있습니다. 속성 패널에 없는 특성도 있습니다. 이 패널에 없는 특성을 추가하려면 코드 보기를 사용할 수 있습니다.
| 양식 요소 | 요소에 고유한 새 특성 | 특성 설명 |
| 텍스트 필드 | 목록 | http://www.w3.org/TR/html-markup/input.text.html |
| 버튼 | <특정 새 특성 없음> | http://www.w3.org/wiki/HTML/Elements/button |
| 확인란 | <특정 새 특성 없음> | http://www.w3.org/TR/html-markup/input.checkbox.html |
| 파일 | 다중 | http://www.w3.org/TR/html-markup/input.file.html |
| 양식 | 유효성 검사 없음, 문자 집합 허용 | http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html |
| 숨김 | <특정 새 특성 없음> | http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html |
| 암호 | <특정 새 특성 없음> | http://www.w3.org/TR/html-markup/input.password.html |
| 이미지 | 폭, 높이, 조치, 방법, 양식이 유효하지 않음, 양식 Enc 유형, 양식 대상. | http://www.w3.org/TR/html-markup/input.image.html |
| 재설정 | <특정 새 특성 없음> | http://dev.w3.org/cvsweb/html5/markup/button.reset.html |
| 전송 | 양식이 유효하지 않음, 양식 Enc 유형, 양식 대상, 조치, 탭 인덱스, 방법 | http://www.w3.org/TR/html-markup/input.submit.html |
| 라디오 | <특정 새 특성 없음> | http://www.w3.org/TR/html-markup/input.radio.html |
| TextArea | 행, Cols, 자리 표시자, 줄 바꿈, 최대 길이, 탭 인덱스 | http://www.w3.org/TR/html-markup/textarea.html |
| 선택 | 크기 | http://www.w3.org/wiki/HTML/Elements/select |
