- 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를 사용하여 양식 개발
- 애플리케이션의 시각적 구성
- 웹 사이트 테스트, 미리보기 및 게시
- 문제 해결
ColdFusion은 Dreamweaver의 현재 버전 및 이후 버전에서 지원되지 않습니다.
ColdFusion 양식 정보
ColdFusion 양식은 양식 데이터의 유효성을 검사할 수 있도록 여러 가지 내장 메커니즘을 제공합니다. 예를 들어 사용자가 유효한 날짜를 입력했는지 확인하기 위해 유효성을 검사할 수 있습니다. 일부 양식 컨트롤은 추가적인 기능을 제공합니다. HTML 대응 기능을 지원하지 않는 양식 컨트롤도 있고, 데이터 소스에서 컨트롤을 동적으로 채우는 기능을 직접 지원하는 양식 컨트롤도 있습니다.
Dreamweaver에서는 ColdFusion MX 7 이상을 개발 서버로 사용하는 ColdFusion 개발자를 위한 여러 가지 확장 기능을 제공합니다. 즉, 사용자가 ColdFusion 양식의 속성을 신속하게 만들고 설정할 수 있도록 [삽입] 패널 버튼, 메뉴 항목 및 속성 관리자가 더 많아졌습니다. 또한 사이트 방문자가 제공한 정보의 유효성을 검사하는 코드도 생성할 수 있습니다. 예를 들어 사용자가 입력한 이메일 주소에 @ 기호가 있는지 또는 필수 텍스트 필드에 특정 유형의 값이 포함되어 있는지 등을 확인할 수 있습니다.
ColdFusion 확장 기능 사용
일부 확장 기능의 경우 ColdFusion MX 7 이상이 실행 중인 컴퓨터를 Dreamweaver 테스트 서버로 정의해야 합니다. 예를 들어 적합한 테스트 서버를 지정한 경우에만 양식 컨트롤에 대한 속성 관리자를 사용할 수 있습니다.
테스트 서버는 한 번만 정의하면 됩니다. 그러면 Dreamweaver에서 자동으로 테스트 서버 버전을 검색하여 ColdFusion이 검색될 경우 확장 기능을 사용할 수 있도록 합니다.
-
ColdFusion 프로젝트에 대해 Dreamweaver 사이트를 정의하지 않은 경우 이를 정의합니다.
-
[사이트] > [사이트 관리]를 선택하고 목록에서 해당 사이트를 선택한 다음 [편집]을 클릭합니다.
-
[서버] 범주를 선택한 다음 ColdFusion MX 7 이상이 실행 중인 컴퓨터를 Dreamweaver 사이트의 테스트 서버로 지정합니다. 유효한 [웹 URL]을 지정했는지 확인합니다.
-
ColdFusion 문서를 엽니다.
ColdFusion 문서를 열어야 Dreamweaver 작업 영역에 대한 변경 사항을 볼 수 있습니다.
ColdFusion 양식 만들기
여러 개의 [삽입] 패널 버튼, 메뉴 항목, 속성 관리자를 사용하여 Dreamweaver에서 신속하게 ColdFusion 양식을 만들고 속성을 설정할 수 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
ColdFusion 페이지를 열고 ColdFusion 양식을 표시할 위치에 삽입점을 놓습니다.
-
[삽입] > [ColdFusion 오브젝트] > [CFForm] > [CFForm]을 선택하거나, [삽입] 패널에서 [CFForm] 범주를 선택한 다음 [CF 양식] 아이콘을 클릭합니다.
Dreamweaver에서 빈 ColdFusion 양식을 삽입합니다. 디자인 뷰에 빨간 점선의 외곽선으로 양식이 표시됩니다. 외곽선이 보이지 않는 경우에는 [보기] > [시각 도구] > [보이지 않는 요소]가 선택되어 있는지 확인합니다.
-
양식이 여전히 선택되어 있는지 확인한 후 속성 관리자를 사용하여 다음 양식 속성을 설정합니다.
CFForm
양식 이름을 설정합니다.
액션
양식이 전송될 때 처리될 ColdFusion 페이지의 이름을 지정합니다.
메서드
양식 데이터를 서버로 보낼 때 브라우저에서 사용하는 메서드를 정의합니다.
POST
HTTP post 메서드를 사용하여 데이터를 보냅니다. 이 메서드에서는 데이터를 별도의 메시지에 포함하여 서버로 보냅니다.
내려받기
HTTP get 메서드를 사용하여 데이터를 보냅니다. 이 메서드에서는 양식 필드 내용이 URL 쿼리 문자열에 포함됩니다.
대상
cfform 태그의 대상 속성 값을 수정할 수 있습니다.
인코딩 형식
양식 데이터 전송에 사용되는 인코딩 방식을 지정합니다.
참고:인코딩 형식은 문자 인코딩을 의미하지 않습니다. 이 속성은 메서드 값이 post일 경우 양식을 서버로 전송하는 데 사용되는 내용 유형을 지정합니다. 이 속성의 기본값은 application/x-www-form-urlencoded입니다.
서식
다음 중에서 만들 양식의 종류를 결정합니다.
HTML
HTML 양식을 작성하고 이를 클라이언트로 보냅니다. cfgrid 및 cftree 자식 컨트롤은 Flash 또는 애플릿 형식일 수 있습니다.
Flash
Flash 양식을 작성하고 이를 클라이언트로 보냅니다. 모든 컨트롤은 Flash 형식입니다.
XML
XForms XML을 작성하고 그 결과를 ColdFusion 양식 이름을 사용하는 변수에 삽입합니다. 어떤 항목도 클라이언트로 보내지 않습니다. cfgrid 및 cftree 자식 컨트롤은 Flash 또는 애플릿 형식일 수 있습니다.
스타일
양식 스타일을 지정할 수 있습니다. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
Flash/XML 스킨
후광 색상을 지정하여 출력 내용을 양식화할 수 있습니다. 테마는 강조된 요소와 선택한 요소에 사용되는 색상을 결정합니다.
데이터 보호
양식이 같은 양식에 다시 게시될 때 초기 컨트롤 값을 전송된 값으로 대체할지 여부를 결정할 수 있습니다.
[False]일 경우 컨트롤 태그 속성에 지정된 값이 사용됩니다.
[True]일 경우 전송된 값이 사용됩니다.
소스 스크립트
태그와 자식 태그에 사용되는 클라이언트 측 코드를 포함하는 JavaScript 파일의 URL을 웹 루트에 대한 상대 경로로 지정합니다. 이 속성은 파일이 기본 위치에 있지 않을 경우에 유용하며, /CFIDE 디렉터리에 대한 액세스를 차단하는 일부 호스팅 환경과 구성에 필요할 수 있습니다. 기본 위치는 ColdFusion Administrator에 설정되어 있으며 기본적으로 /CFIDE/scripts/cfform.js입니다.
보관
cfgrid, cfslider 및 cftree 애플릿 컨트롤에 대해 다운로드할 수 있는 Java 클래스의 URL을 지정합니다. 기본 위치는 /CFIDE/classes/cfapplets.jar입니다.
높이
양식의 높이를 지정합니다.
폭
양식의 폭을 지정합니다.
cfform용 태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
-
ColdFusion 양식 컨트롤을 삽입합니다.
ColdFusion 양식에서 ColdFusion 양식 컨트롤을 표시할 위치에 삽입 포인터를 놓은 다음 [삽입] 메뉴([삽입] > [ColdFusion 오브젝트] > [CFForm])에서 컨트롤을 선택하거나 [삽입] 패널의 [CFForm] 범주에서 컨트롤을 선택합니다.
-
필요한 경우 속성 관리자에서 컨트롤의 속성을 설정합니다.
디자인 뷰에 해당 컨트롤이 선택되어 있는지 확인한 다음 속성 관리자에서 속성을 설정합니다. 속성에 대한 자세한 내용을 보려면 속성 관리자의 [도움말] 아이콘을 클릭하십시오.
-
ColdFusion 양식의 레이아웃을 조정합니다.
HTML 기반 양식을 만들 경우에는 행 분리, 단락 분리, 서식 유지 텍스트, 표 등을 사용하여 양식의 서식을 지정할 수 있습니다. 하지만 ColdFusion 양식 안에 다른 ColdFusion 양식을 삽입할 수 없습니다. 즉, 태그를 중첩시킬 수는 없습니다. 반면에 한 페이지에 여러 개의 ColdFusion 양식을 삽입할 수는 있습니다.
Flash 기반 양식을 만들 경우에는 CSS(겹쳐 놓기 스타일 시트s) 스타일을 사용하여 양식의 레이아웃을 지정할 수 있습니다. ColdFusion은 양식에 있는 모든 HTML을 무시합니다.
ColdFusion 양식 필드에 설명 텍스트로 레이블을 지정하여 사용자가 어떤 작업을 수행할지 쉽게 알 수 있도록 하십시오. 예를 들어 이름 정보 요청을 위해 "이름 레이블을 입력하십시오."라는 레이블을 만들 수 있습니다.
ColdFusion 양식 컨트롤 삽입
[삽입] 패널이나 [삽입] 메뉴를 사용하여 ColdFusion 양식 컨트롤을 ColdFusion 양식에 신속하게 삽입할 수 있습니다. 먼저 빈 ColdFusion 양식을 만들어야 컨트롤을 삽입할 수 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
디자인 뷰에서 양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 메뉴([삽입] > [ColdFusion 오브젝트] > [CFForm])에서 컨트롤을 선택하거나 [삽입] 패널의 [CFForm] 범주에서 컨트롤을 선택할 수 있습니다.
-
페이지에서 컨트롤을 클릭하여 선택한 다음 속성 관리자에서 컨트롤 속성을 설정합니다.
특정 컨트롤 속성에 대한 자세한 내용은 컨트롤에 대한 해당 항목을 참조하십시오.
ColdFusion 텍스트 필드 삽입하기
ColdFusion 텍스트 필드나 암호 필드를 양식에 시각적으로 삽입한 다음 해당 옵션을 설정할 수 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
ColdFusion 텍스트 필드를 시각적으로 삽입하기
-
디자인 뷰에서 양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 패널의 [CFForm] 범주에서 [CF 텍스트 필드] 아이콘을 클릭하거나 [삽입] > [ColdFusion 오브젝트] > [CFForm] > [CFtextfield]를 선택합니다.
양식에 텍스트 필드가 나타납니다.
-
텍스트 필드를 선택하고 속성 관리자에서 해당 속성을 설정합니다.
-
페이지에서 텍스트 필드에 레이블을 지정하려면 텍스트 필드 옆을 클릭한 다음 레이블 텍스트를 입력합니다.
암호 필드를 시각적으로 삽입하기
-
앞에 나온 텍스트 필드 삽입 절차의 1단계와 2단계를 반복합니다.
-
삽입된 텍스트 필드를 선택하여 속성 관리자를 표시합니다.
-
속성 관리자의 [텍스트 모드] 팝업 메뉴에서 [암호] 값을 선택합니다.
CFTextField 옵션(ColdFusion)
ColdFusion 텍스트 또는 암호 필드의 옵션을 설정하려면 CFTextField 속성 관리자에서 다음 옵션을 설정합니다.
CFtextfield
id 속성(<cfinput> 태그)을 설정합니다.
값
페이지가 브라우저에서 처음으로 열릴 때 필드에 표시할 텍스트를 지정할 수 있습니다. 정보는 정적이거나 동적일 수 있습니다.
동적 값을 지정하려면 [값] 상자 옆에 있는 번개 모양 아이콘을 클릭하고 [동적 데이터] 대화 상자에서 레코드세트 열을 선택합니다. 레코드세트 열은 사용자가 브라우저에서 양식을 볼 때 텍스트 필드에 값을 제공합니다.
텍스트 모드
표준 텍스트 입력 필드와 암호 입력 필드 사이를 전환할 수 있습니다. 이 컨트롤에서 수정되는 속성은 type입니다.
읽기 전용
표시되는 텍스트를 읽기 전용으로 설정할 수 있습니다.
최대 길이
텍스트 필드에 사용할 수 있는 최대 문자 수를 설정합니다.
마스크
요청된 텍스트에 대한 마스크를 지정할 수 있습니다. 이 속성을 사용하여 사용자 입력에 대한 유효성을 검사하십시오. 마스크 형식은 A, 9, X 및 ?로 구성됩니다. 문자
cfinput type="password" 태그에 대해서는 마스크 속성이 무시됩니다.
유효성 검사
현재 필드에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
필드의 유효성을 언제 검사할지 onSubmit, onBlur 또는 onServer 중에서 지정합니다.
레이블
텍스트 필드에 대한 레이블을 지정할 수 있습니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다.
크기
컨트롤의 크기를 지정할 수 있습니다.
필수
양식을 서버로 전송하기 전에 텍스트 필드에 데이터를 반드시 포함해야 하는지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
ColdFusion 숨김 필드 삽입하기
ColdFusion 숨김 필드를 양식에 시각적으로 삽입한 다음 필드 속성을 설정할 수 있습니다. 숨김 필드를 사용하면 사용자가 입력하지 않은 정보를 저장하고 전송할 수 있습니다. 이 정보는 사용자에게 표시되지 않습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
디자인 뷰에서 양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 패널의 [CFForm] 범주에서 [CF 숨김 필드] 아이콘을 클릭합니다.
ColdFusion 양식에 표식이 나타납니다. 이 표식이 보이지 않는 경우에는 [보기] > [시각 도구] > [보이지 않는 요소]를 선택합니다.
-
페이지에서 숨김 필드를 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cfhiddenfield
숨김 필드에 대해 고유한 이름을 지정할 수 있습니다.
값
숨김 필드에 대한 값을 지정할 수 있습니다. 데이터는 정적이거나 동적일 수 있습니다.
동적 값을 지정하려면 [값] 상자 옆에 있는 번개 모양 아이콘을 클릭하고 [동적 데이터] 대화 상자에서 레코드세트 열을 선택합니다. 레코드세트 열은 사용자가 브라우저에서 양식을 볼 때 텍스트 필드에 값을 제공합니다.
유효성 검사
현재 필드에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
필드의 유효성을 언제 검사할지 onSubmit, onBlur 또는 onServer 중에서 지정합니다.
레이블
컨트롤에 대한 레이블을 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
크기
컨트롤의 크기를 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
필수
양식을 서버로 전송하기 전에 숨김 필드에 데이터를 반드시 포함해야 하는지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
ColdFusion 텍스트 영역 삽입하기
ColdFusion 텍스트 영역을 양식에 시각적으로 삽입한 다음 영역 속성을 설정할 수 있습니다. 텍스트 영역이란 여러 개의 텍스트 행으로 구성되는 입력 요소입니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 패널의 [CFForm] 범주에서 [CF 텍스트 영역] 아이콘을 클릭합니다.
ColdFusion 양식에 텍스트 영역이 나타납니다.
-
페이지에서 텍스트 영역을 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cftextarea
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
문자 폭
한 행의 문자 수를 설정할 수 있습니다.
행 수
텍스트 영역에 표시할 행 수를 설정할 수 있습니다.
줄바꿈
사용자가 입력한 텍스트의 줄바꿈 방식을 지정할 수 있습니다.
필수
사용자가 필드에 데이터를 입력하도록 하려면 선택하고 그렇지 않으면 선택하지 않습니다.
기본값
페이지가 브라우저에서 처음으로 열릴 때 텍스트 영역에 표시할 텍스트를 지정할 수 있습니다.
유효성 검사
필드에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
필드의 유효성을 언제 검사할지 onSubmit, onBlur 또는 onServer 중에서 지정합니다.
레이블
컨트롤에 대한 레이블을 지정할 수 있습니다.
스타일
컨트롤 스타일을 지정할 수 있습니다. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
-
텍스트 영역에 레이블을 지정하려면 텍스트 영역 옆을 클릭한 다음 레이블 텍스트를 입력합니다.
ColdFusion 버튼 삽입하기
ColdFusion 버튼을 양식에 시각적으로 삽입한 다음 버튼 속성을 설정할 수 있습니다. ColdFusion 버튼은 ColdFusion 양식에서 수행할 수 있는 작업을 제어합니다. 버튼을 사용하여 ColdFusion 양식 데이터를 서버로 전송하거나 ColdFusion 양식을 재설정할 수 있습니다. 표준 ColdFusion 버튼에 일반적으로 지정되는 레이블은 [전송], [재설정] 또는 [보내기]입니다. 스크립트에 정의된 다른 처리 작업을 할당할 수도 있습니다. 예를 들어 양식 버튼에 할당된 값에 기반하여 선택한 항목의 총 비용을 계산할 수도 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
ColdFusion 양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 패널의 [CFForm] 범주에서 [CF 버튼] 아이콘을 클릭합니다.
ColdFusion 양식에 버튼이 나타납니다.
-
페이지에서 버튼을 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cfbutton
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
액션
만들 버튼의 유형을 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
기타 속성은 런타임 시 ColdFusion 서버에서 무시됩니다.
ColdFusion 체크 박스 삽입하기
[ColdFusion] 체크 박스를 양식에 시각적으로 삽입한 다음 해당 속성을 설정할 수 있습니다. 체크 박스를 사용하면 사용자가 일련의 옵션에서 둘 이상의 옵션을 선택할 수 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 패널의 [CFForm] 범주에서 [CF 체크 박스] 아이콘을 클릭합니다.
ColdFusion 양식에 체크 박스가 나타납니다.
-
페이지에서 체크 박스를 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cfcheckbox
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
체크값
사용자가 체크 박스를 선택할 경우 체크 박스에서 반환할 값을 지정할 수 있습니다.
초기 상태
페이지가 브라우저에서 처음으로 열릴 때 체크 박스가 선택되어 있도록 할지 여부를 지정할 수 있습니다.
유효성 검사
체크 박스에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
체크 박스의 유효성을 언제 검사할지 onSubmit, onBlur, onServer 중에서 지정합니다.
레이블
체크 박스의 레이블을 지정할 수 있습니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
크기
컨트롤의 크기를 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
필수
양식을 서버로 전송하기 전에 반드시 체크 박스를 선택하도록 할지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
-
체크 박스에 레이블을 지정하려면 페이지의 체크 박스 옆을 클릭한 다음 레이블 텍스트를 입력합니다.
ColdFusion 라디오 버튼 삽입하기
ColdFusion 라디오 버튼을 양식에 시각적으로 삽입한 다음 버튼 속성을 설정할 수 있습니다. 라디오 버튼을 사용하면 사용자가 일련의 옵션 중에서 한 개의 옵션만 선택할 수 있습니다. 라디오 버튼은 보통 그룹으로 사용됩니다. 그룹의 모든 라디오 버튼은 같은 이름을 사용해야 합니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] > [ColdFusion 오브젝트] > [CFForm] > [CFradiobutton]을 선택합니다.
ColdFusion 양식에 라디오 버튼이 나타납니다.
-
페이지에서 라디오 버튼을 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cfradiobutton
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
체크값
사용자가 라디오 버튼을 선택할 경우 라디오 버튼에서 반환할 값을 지정할 수 있습니다.
초기 상태
페이지가 브라우저에서 처음으로 열릴 때 라디오 버튼이 선택되어 있도록 할지 여부를 지정할 수 있습니다.
유효성 검사
라디오 버튼에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
라디오 버튼의 유효성을 언제 검사할지 onSubmit, onBlur 또는 onServer 중에서 지정합니다.
레이블
라디오 버튼의 레이블을 지정할 수 있습니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
크기
컨트롤의 크기를 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
필수
양식을 서버로 전송하기 전에 반드시 라디오 버튼을 선택하도록 할지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
-
라디오 버튼에 레이블을 지정하려면 페이지의 라디오 버튼 옆을 클릭한 다음 레이블 텍스트를 입력합니다.
ColdFusion 선택 상자 삽입하기
ColdFusion 선택 상자를 양식에 시각적으로 삽입한 다음 선택 상자 속성을 설정할 수 있습니다. 선택 상자를 사용하면 방문자가 목록에서 하나 이상의 항목을 선택할 수 있습니다. 선택 상자는 한정된 공간에 많은 항목을 표시해야 할 경우에 유용하며, 서버로 반환되는 값을 제어하려는 경우에도 유용합니다. 올바르지 않은 데이터를 비롯하여 사용자가 원하는 것은 무엇이든 입력할 수 있는 텍스트 필드와는 달리, 선택 상자의 경우에는 메뉴를 통해 반환될 값을 정확하게 설정할 수 있습니다.
두 가지 유형의 선택 상자를 삽입할 수 있습니다. 하나는 클릭하면 아래로 펼쳐지는 "드롭다운" 메뉴이고 다른 하나는 항목을 선택할 수 있는 스크롤 목록이 표시되는 메뉴입니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 패널의 [CFForm] 범주에서[CF 선택] 아이콘을 클릭합니다.
ColdFusion 양식에 선택 상자가 나타납니다.
-
페이지에서 선택 상자를 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cfselect
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
유형
팝업 메뉴나 목록 중에서 선택할 수 있습니다. 목록 유형을 선택할 경우 [목록 높이] 및 [복수 목록 선택 허용] 옵션을 사용할 수 있습니다.
목록 높이
목록 메뉴에 표시할 행 수를 지정할 수 있습니다. 이 옵션은 목록 유형을 선택한 경우에만 사용할 수 있습니다.
복수 목록 선택 허용
사용자가 한 번에 목록에서 둘 이상의 옵션을 선택할 수 있는지 여부를 지정할 수 있습니다. 이 옵션은 목록 유형을 선택한 경우에만 사용할 수 있습니다.
값 편집
선택 상자에서 옵션을 추가, 편집 또는 제거할 수 있는 대화 상자를 엽니다.
초기 선택
기본적으로 선택할 옵션을 지정할 수 있습니다. [복수 목록 선택 허용] 옵션을 선택한 경우에는 여러 개의 옵션을 선택할 수 있습니다.
레코드세트
목록이나 메뉴를 채울 때 사용할 ColdFusion 쿼리의 이름을 지정할 수 있습니다.
열 표시
각 목록 요소의 표시 레이블을 제공하는 레코드세트 열을 지정할 수 있습니다. [레코드세트] 속성과 함께 사용됩니다.
값 열
각 목록 요소의 값을 제공하는 레코드세트 열을 지정할 수 있습니다. [레코드세트] 속성과 함께 사용됩니다.
Flash 레이블
선택 상자의 레이블을 지정할 수 있습니다.
Flash 높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
Flash 폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
메시지
[필수] 속성이 [예]로 설정되어 있고 사용자가 양식을 전송하기 전에 항목을 선택하지 못한 경우에 표시할 메시지를 지정합니다.
필수
양식을 서버로 전송하기 전에 반드시 메뉴 항목을 선택하도록 할지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
ColdFusion 이미지 필드 삽입하기
ColdFusion 이미지 필드를 양식에 시각적으로 삽입한 다음 필드 속성을 설정할 수 있습니다. 이미지 필드를 사용하면 사용자 정의 버튼을 만들 수 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
디자인 뷰에서 양식 외곽선 안에 삽입 포인터를 놓습니다.
-
[삽입] 패널의 [CFForm] 범주에서 [CF 이미지 필드] 아이콘을 클릭합니다. 삽입할 이미지를 찾아서 선택한 다음 [확인]을 클릭합니다. [배경 이미지] 상자에 이미지 파일의 경로를 입력할 수도 있습니다.참고:
이미지가 사이트 루트 폴더에 없는 경우에는 이미지를 루트 폴더로 복사해야 합니다. 루트 폴더에 있지 않은 이미지는 사이트를 게시할 때 액세스하지 못할 수 있습니다.
-
페이지에서 이미지 필드를 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cfimagefield
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
소스
삽입한 이미지의 URL을 지정할 수 있습니다.
그림 설명
이미지를 표시할 수 없을 때 표시할 메시지를 지정할 수 있습니다.
정렬
이미지 정렬 방식을 지정할 수 있습니다.
테두리
이미지 테두리의 폭을 설정할 수 있습니다.
이미지 편집
기본 이미지 편집기에서 이미지를 엽니다.
기본 이미지 편집기를 정의하려면 [편집] > [환경 설정] > [파일 유형/편집기]를 선택합니다. 기본 이미지 편집기가 정의되어 있지 않으면 [편집] 버튼을 클릭해도 작업이 수행되지 않습니다.
유효성 검사
이미지 필드에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
필드의 유효성을 언제 검사할지 onSubmit, onBlur 또는 onServer 중에서 지정합니다.
레이블
라디오 버튼의 레이블을 지정할 수 있습니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다.
크기
컨트롤의 크기를 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
필수
양식을 서버로 전송하기 전에 컨트롤에 데이터를 반드시 포함해야 하는지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
ColdFusion 파일 필드 삽입하기
ColdFusion 파일 필드를 양식에 시각적으로 삽입한 다음 필드 속성을 설정할 수 있습니다. 파일 필드를 사용하면 컴퓨터에 있는 워드 프로세싱 문서나 그래픽 파일과 같은 파일을 선택하여 이를 서버에 업로드할 수 있습니다. ColdFusion 파일 필드는 다른 텍스트 필드와 유사하지만 [검색] 버튼이 있다는 점이 다릅니다. 사용자가 직접 업로드할 파일의 경로를 입력하거나 [검색] 버튼을 사용하여 파일을 찾아 선택할 수 있습니다.
파일 필드를 사용하려면 POST 메서드를 사용하여 브라우저에서 서버로 파일을 전송해야 합니다. 파일은 해당 양식의 [액션] 상자에 지정된 주소로 전송됩니다. 양식에 파일 필드를 사용하기 전에 익명으로 파일을 업로드할 수 있는지 서버 관리자에게 문의하십시오.
파일 필드를 사용하려면 양식 인코딩도 multipart/form으로 설정해야 하는데, 파일 필드 컨트롤을 삽입하면 자동으로 설정됩니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
디자인 뷰에서 [CFForm]을 선택하여 속성 관리자를 표시합니다.
양식을 신속하게 선택하려면 양식 외곽선 안쪽의 아무 곳이나 클릭한 다음 문서 창 아래쪽에 있는 태그 선택기에서 <cfform> 태그를 클릭합니다.
-
속성 관리자에서 양식 메서드를 [POST]로 설정합니다.
-
[인코딩 형식] 팝업 메뉴에서 [multipart/form-data]를 선택합니다.
-
파일 필드가 표시될 양식 외곽선 안쪽에 삽입 포인터를 놓습니다.
-
[삽입] > [ColdFusion 오브젝트] > [CFForm] > [CFfilefield]를 선택합니다.
문서에 파일 필드가 나타납니다.
-
페이지에서 파일 필드를 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cffilefield
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
최대 길이
파일 경로의 최대 문자 수를 지정할 수 있습니다.
유효성 검사
필드에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
필드의 유효성을 언제 검사할지 onSubmit, onBlur 또는 onServer 중에서 지정합니다.
레이블
필드에 대한 레이블을 지정할 수 있습니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다. 런타임에는 이 속성이 ColdFusion 서버에서 무시됩니다.
크기
컨트롤의 크기를 지정할 수 있습니다.
필수
양식을 서버로 전송하기 전에 파일 필드에 데이터를 반드시 포함해야 하는지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
ColdFusion 날짜 필드 삽입하기
ColdFusion 날짜 필드는 Dreamweaver에서 시각적으로 삽입할 수 없지만, 날짜 필드 속성은 시각적으로 설정할 수 있습니다. ColdFusion 날짜 필드는 팝업 달력에서 날짜를 선택하여 이를 텍스트 필드에 삽입할 수 있도록 하는 특별한 유형의 텍스트 필드입니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
디자인 뷰에서 [CFForm]을 선택하여 속성 관리자를 표시합니다.
양식을 신속하게 선택하려면 양식 외곽선 안쪽의 아무 곳이나 클릭한 다음 문서 창 아래쪽에 있는 태그 선택기에서 <cfform> 태그를 클릭합니다.
-
속성 관리자에서 양식의 [형식] 속성을 [Flash]로 설정합니다.
날짜 필드 컨트롤은 Flash 기반 ColdFusion 양식으로만 표시될 수 있습니다.
-
코드 보기([보기] > [코드])로 전환한 다음 열기 및 닫기 CFForm 태그 사이의 원하는 위치에 다음 태그를 입력합니다.
<cfinput name="datefield" type="datefield">
-
디자인 뷰로 전환하고 페이지에서 날짜 필드를 선택한 후 속성 관리자에서 다음 옵션 중 하나를 설정합니다.
Cfdatefield
컨트롤에 대해 고유한 이름을 지정할 수 있습니다.
값
페이지가 브라우저에서 처음으로 열릴 때 필드에 표시할 날짜를 지정할 수 있습니다. 날짜는 정적이거나 동적일 수 있습니다.
동적 값을 지정하려면 [값] 상자 옆에 있는 번개 모양 아이콘을 클릭하고 [동적 데이터] 대화 상자에서 레코드세트 열을 선택합니다. 레코드세트 열은 사용자가 브라우저에서 양식을 볼 때 날짜 필드에 값을 제공합니다.
유효성 검사
필드에 대한 유효성 검사 유형을 지정합니다.
유효성 검사 시간
필드의 유효성을 언제 검사할지 onSubmit, onBlur 또는 onServer 중에서 지정합니다.
레이블
필드에 대한 레이블을 지정할 수 있습니다.
패턴
JavaScript 정규 표현식 패턴을 지정하여 입력 유효성을 검사할 수 있습니다. 맨 앞에 있는 슬래시와 맨 끝에 있는 슬래시는 생략하십시오. 자세한 내용은 ColdFusion 설명서를 참조하십시오.
높이
컨트롤의 높이를 픽셀 단위로 지정할 수 있습니다.
폭
컨트롤의 폭을 픽셀 단위로 지정할 수 있습니다.
크기
컨트롤의 크기를 지정할 수 있습니다.
필수
양식을 서버로 전송하기 전에 날짜 필드에 값을 반드시 포함해야 하는지 여부를 지정할 수 있습니다.
태그 편집기 표시
속성 관리자에 나열되지 않은 속성을 편집할 수 있습니다.
ColdFusion 양식 컨트롤 수정하기
디자인 뷰에서 작업하든지 코드 보기에서 작업하든지 간에 ColdFusion 양식 컨트롤의 속성을 시각적으로 변경할 수 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
디자인 뷰의 경우 페이지에서 양식 컨트롤을 선택하고, 코드 보기의 경우 컨트롤 태그 내의 아무 곳이나 클릭합니다.
속성 관리자에 양식 컨트롤의 속성이 표시됩니다.
-
속성 관리자에서 컨트롤의 속성을 변경합니다.
자세한 내용을 보려면 속성 관리자의 [도움말] 아이콘을 클릭하십시오.
-
다른 속성을 설정하려면 속성 관리자에서 [태그 편집기 표시] 버튼을 클릭한 다음 표시된 태그 편집기에서 속성을 설정합니다.
ColdFusion 양식 데이터의 유효성 검사
Dreamweaver에서는 지정된 필드의 내용을 검사하여 사용자가 정확한 데이터 형식을 입력했는지 확인하는 ColdFusion 양식을 만들 수 있습니다.
이 확장 기능은 ColdFusion MX 7 이상이 실행 중인 컴퓨터에 액세스할 수 있는 경우에만 사용할 수 있습니다.
-
한 개 이상의 입력 필드와 한 개의 [전송] 버튼을 포함하는 ColdFusion 양식을 만듭니다. 유효성을 검사하려는 각 ColdFusion 필드의 이름은 고유해야 합니다.
-
양식에서 유효성을 검사하려는 필드를 선택합니다.
-
속성 관리자에서 필드의 유효성 검사 방식을 지정합니다.
각 입력 속성 관리자의 아래쪽에는 특정 유효성 검사 규칙을 정의하는 데 유용한 컨트롤이 있습니다. 예를 들어 텍스트 필드에 전화번호가 포함되도록 지정할 수도 있습니다. 이를 위해서는 속성 관리자의 [값] 팝업 메뉴에서 [전화번호]를 선택합니다. [유효성 검사 시간] 팝업 메뉴에서 유효성 검사 시간을 지정할 수도 있습니다.