새로운 기능(CS5.5)
멀티스크린 지원
표준 화면 해상도에서 디자인을 미리 보거나 미디어 쿼리를 사용하여 해상도를 정의할 수 있습니다. 디바이스를 잡는 방향에 따라 페이지 방향이 변경되는 디바이스를 테스트하려면 미리 보는 동안 가로 및 세로 옵션을 사용합니다.
미디어 쿼리 지원
미디어 쿼리를 사용하여 다양한 화면 해상도에 맞게 사이트 모양을 맞춤화할 수 있습니다. 자세한 내용은 미디어 쿼리 만들기(CS5.5 이상)를 참조하십시오.
모바일 디바이스용 웹 애플리케이션
jQuery Mobile widget을 사용하여 대부분의 모바일 디바이스에서 작동하는 웹 애플리케이션을 빠르게 디자인할 수 있습니다. 자세한 내용은 모바일 디바이스용 웹 애플리케이션 만들기(CS5.5)를 참조하십시오.
Android, iPhone 및 iPad용 웹 애플리케이션 패키징
Dreamweaver에서 웹 애플리케이션을 패키징하고 Android™ 및 iOS 기반 디바이스에 배포할 수 있습니다. 자세한 내용은 웹 애플리케이션을 기본 모바일 애플리케이션으로 패키징(CS5.5)을 참조하십시오.
HTML5, CSS3 및 jQuery 지원
Dreamweaver에서는 HTML5, CSS3 및 jQuery에 대한 코드 힌트를 지원합니다.
시작 레이아웃도 제공되므로 HTML5 페이지를 처음부터 새로 작성할 수 있습니다. Dreamweaver는 HTML 페이지에 비디오를 임베드할 수 있는 HTML5 기능을 지원합니다. 자세한 내용은 웹 페이지(HTML5)에 비디오 임베드를 참조하십시오.
CSS 패널이 일반적으로 사용되는 CSS3 속성을 지원하도록 개선되었습니다. 자세한 내용은 코드 힌트 및 CSS 스타일 패널의 CSS3 지원 확장(CS5.5)을 참조하십시오.
FTPS 지원
FTPS를 사용하여 데이터를 전송합니다. SFTP는 암호화만 지원하는데 반해 FTPS(FTP over SSL)는 암호화와 인증을 모두 지원합니다. 자세한 내용은 FTPS 연결(CS5.5)을 참조하십시오.
W3C 유효성 검사기 지원
Dreamweaver의 W3C 유효성 검사기를 사용하여 표준 호환 HTML과 XHTML 페이지를 만듭니다. 자세한 내용은 W3C 유효성 검사기를 사용하여 문서 유효성 검사(CS5.5)를 참조하십시오.
새로운 기능(CS5)
Adobe BrowserLab
Dreamweaver CS5는 새로운 CS Live 온라인 서비스 중 하나인 Adobe BrowserLab과 통합하여 브라우저 간 호환성 테스트를 위한 빠르고 정확한 솔루션을 제공합니다. BrowserLab에서는 다중 보기 및 비교 도구를 사용하여 웹 페이지 및 로컬 내용을 미리 볼 수 있습니다. BrowserLab을 참조하십시오.
Business Catalyst 통합
Adobe Business Catalyst는 기존의 데스크탑을 하나의 중앙 플랫폼으로 대체하는 웹 디자이너용 호스트 애플리케이션입니다. 이 애플리케이션을 Dreamweaver와 함께 사용하면 기본적인 데이터 기반 웹 사이트부터 강력한 온라인 스토어에 이르기까지 모두 빌드할 수 있습니다. 자세한 내용은 http://www.adobe.com/go/business_catalyst_get_extension_kr 사이트를 참조하십시오.
CSS 확장 기능
CSS 비활성화/활성화
CSS 비활성화/활성화를 통해 CSS 스타일 패널에서 직접 CSS 속성을 비활성화하거나 다시 활성화할 수 있습니다. CSS 속성을 비활성화하면 속성을 실제로 삭제하지 않고 지정된 속성을 간단하게 주석으로 표시합니다. CSS 비활성화/활성화를 참조하십시오.
CSS 검사
검사 모드에서는 코드를 읽거나 Firebug와 같은 별도의 서드 파티 유틸리티를 사용할 필요 없이 패딩, 테두리 및 여백을 포함한 CSS 상자 모델 속성을 시각적으로 자세히 표시할 수 있습니다. 라이브 뷰에서 CSS 검사를 참조하십시오.
CSS 시작 레이아웃
Dreamweaver CS5에는 업데이트된 간편한 CSS 시작 레이아웃이 포함되어 있습니다. CS4 레이아웃의 복잡한 자손 선택기는 삭제되어 간편하고 이해하기 쉬운 클래스로 교체되었습니다. 자세한 내용은 CSS 레이아웃을 사용하여 페이지 만들기를 참조하십시오.
동적 관련 파일
[동적 관련 파일] 기능을 사용하면 PHP 기반 CMS(내용 관리 시스템) 페이지를 모으는 데 필요한 모든 외부 파일 및 스크립트를 검색하고 [관련 파일] 툴바에서 해당 파일 이름을 표시할 수 있습니다. Dreamweaver는 기본적으로 Wordpress, Drupal 및 Joomla!의 파일 검색을 지원합니다. CMS 프레임워크. 동적 관련 파일 열기를 참조하십시오.
라이브 뷰 내비게이션
라이브 뷰 내비게이션은 라이브 뷰의 링크를 활성화하므로 서버 측 애플리케이션 및 동적 데이터와 상호 작용할 수 있습니다. 또한 이 기능을 통해 URL을 입력하여 라이브 웹 서버에서 제공되는 페이지를 검사할 수 있으며 로컬에서 정의된 사이트 중 하나에 존재하는 경우 검색한 페이지를 편집할 수 있습니다. Dreamweaver에서 페이지 미리보기를 참조하십시오.
PHP 사용자 정의 클래스 코드 힌트
PHP 사용자 정의 클래스 코드 힌트에는 PHP 함수, 오브젝트 및 상수의 올바른 구문이 표시되어 더욱 정확한 코드를 입력할 수 있도록 도와줍니다. 코드 힌트는 또한 Zend 프레임워크와 같은 서드 파티의 프레임뿐만 아니라 사용자 고유의 맞춤화 기능 및 클래스로 작업할 수 있습니다.
간편한 사이트 설정
새롭게 다시 디자인된 [사이트 정의] 대화 상자(현재 [사이트 설정]대화 상자)를 사용하면 로컬 Dreamweaver 사이트를 쉽게 설정하여 웹 페이지 구축을 바로 시작할 수 있습니다. 원격 서버 범주로 하나의 보기에서 원격 및 테스트 서버를 지정할 수 있습니다. 자세한 내용은 사이트의 로컬 버전 설정 및 원격 서버에 연결을 참조하십시오.
사이트 특정 코드 힌트
사이트 특정 코드 힌트 기능을 사용하면 WordPress, Drupal, Joomla! 또는 기타 프레임워크와 같은 서드 파티의 PHP 라이브러리 및 CMS 프레임워크로 작업 시 코드 환경을 맞춤화할 수 있습니다. 블로그 테마 파일, 기타 사용자 정의 PHP 파일 및 디렉터리는 코드 힌트에 대한 소스로 포함 또는 제외할 수 있습니다. 사이트 특정 코드 힌트를 참조하십시오.
Subversion 지원 확장
Dreamweaver CS5에서는 Subversion 지원이 확장되어 파일을 로컬로 이동, 복사 및 삭제한 다음 원격 SVN 저장소에 변경 내용을 동기화할 수 있습니다. 새로운 [복귀] 명령을 사용하여 트리 충돌을 빠르게 수정하거나 이전 버전의 파일로 롤백할 수 있습니다. 또한 새롭게 확장된 기능을 통해 기존 프로젝트에 사용할 Subversion 버전을 지정할 수 있습니다. SVN(Subversion)을 사용하여 파일 내려받기 및 체크인을 참조하십시오.
사용되지 않는 기능
다음은 Dreamweaver CS5에서 사용되지 않는 기능입니다.
액세스 가능성 검사 보고서
ASP/JavaScript 서버 비헤이비어
브라우저 JavaScript 비헤이비어 확인
사이트를 정의하지 않고 FTP/RDS 서버에 연결하기
Shockwave 또는 SWF JavaScript 비헤이비어 제어
웹 포토 앨범 생성
팝업 메뉴 JavaScript 비헤이비어 숨기기
InContext Editing 사용 가능한 CSS 클래스 관리
FlashPaper 삽입
Mark of the Web 삽입/제거
Microsoft Visual Sourcesafe 통합
내비게이션 바
사운드 재생 JavaScript 비헤이비어
이벤트 메뉴 보기(비헤이비어 패널)
팝업 메뉴 보기 JavaScript 비헤이비어
타임라인 JavaScript 비헤이비어
태그 유효성 검사
라이브 데이터 보기
내 계정 로그인