Dreamweaver CS6 / 기능
널리 사용되는 태블릿 및 스마트폰에 배포할 컨텐츠 디자인
Adobe® Dreamweaver® CS6 소프트웨어의 유동 격자 레이아웃과 멀티스크린 미리 보기 패널을 사용하여 휴대폰, 태블릿 및 컴퓨터에 배포할 컨텐츠를 동시에 디자인할 수 있으며 광범위한 jQuery Mobile 및 Adobe PhoneGap™ 지원을 활용하여 모바일 앱을 제작하는 데 소요되는 시간을 단축할 수 있습니다.
jQuery Mobile 지원
jQuery 코드 힌트를 사용하여 인터랙티브한 고급 기능을 추가할 수 있습니다. jQuery를 통해 웹 페이지에 인터랙티브한 기능을 간편하게 추가할 수 있고 휴대폰용 템플릿을 사용하면 바로 작업을 시작할 수 있습니다.
PhoneGap 지원
Adobe PhoneGap을 통해 Android™ 및 iOS용 기본 앱을 제작 및 패키지화할 수 있습니다. PhoneGap 프레임워크를 사용하면 Dreamweaver에서 기존 HTML을 휴대폰 앱으로 변환할 수 있습니다. 함께 제공되는 에뮬레이터로 레이아웃을 테스트할 수 있습니다.
멀티스크린 미리 보기 패널
멀티스크린 미리 보기 패널을 사용하여 스마트폰, 태블릿 및 데스크탑에 배포할 컨텐츠를 디자인할 수 있습니다. 미디어 쿼리 지원을 활용하여 광범위한 디바이스에 맞는 스타일을 지정하고 디자인 렌더링을 시각적으로 확인할 수 있습니다.
유동 격자 레이아웃
코드에 몰두하지 않고도 복잡한 웹 디자인과 레이아웃을 구성할 수 있습니다. 유동 격자 레이아웃은 다양한 크기의 데스크탑 및 디바이스 화면에 표시할 프로젝트를 디자인하는 데 유용하며 응답 속도 또한 빠릅니다.
라이브 뷰
HTML5 컨텐츠 표시를 지원하는 WebKit 렌더링 엔진을 사용하여 게시하기 전에 페이지를 확인할 수 있습니다. 브라우저 간의 호환성과 레이아웃의 일관된 표시를 보장할 수 있습니다.
CSS3/HTML5 지원
CSS3을 지원하는 CSS 패널에서 스타일을 지정할 수 있습니다. 디자인 뷰에서 미디어 쿼리를 지원하므로 화면 크기에 맞게 서로 다른 스타일을 적용할 수 있습니다. 디자인 뷰 및 코드 힌트는 HTML5를 지원합니다.
효율적으로 복잡한 프로젝트 제작
가속화된 FTP 성능을 사용하여 대용량 파일을 신속하게 업로드할 수 있으며 Adobe Business Catalyst® 전자 상거래 솔루션과의 통합을 통해 무료 시험 사이트를 제작하여 온라인 비즈니스를 구축할 수 있습니다.
Adobe Business Catalyst 통합
Dreamweaver에 통합된 Business Catalyst 패널을 사용하면 Adobe Business Catalyst(별도 제공)를 통해 구축한 사이트를 연결하고 편집할 수 있습니다. 호스팅 솔루션을 사용하여 전자 상거래 사이트를 구축할 수 있습니다.
FTP
재설계된 FTP 전송 툴을 통해 대용량 파일을 빠르게 업로드할 수 있습니다. 프로젝트를 게시할 때 연관된 파일을 일괄적으로 전송할 수 있으므로 시간을 절약할 수 있습니다.
통합 CMS 지원
WordPress, Joomla!, Drupal과 같은 CMS를 사용하여 사이트를 저작할 수 있습니다. 동적 관련 파일 기능을 사용하면 관련된 파일을 이용할 수 있으며 라이브 뷰 내비게이션을 통해 다이내믹한 애플리케이션을 정확하게 미리 볼 수 있습니다.
사이트별 코드 힌트
Dreamweaver에서는 타사의 PHP 라이브러리와 WordPress, Joomla!, Drupal과 같은 CMS 프레임워크에 대한 향상된 힌트 기능을 지원하므로 표준이 아닌 파일 작업 시에도 코드 힌트 기능의 이점을 얻을 수 있습니다.
FTPS, FTPeS 지원
기본 FTPS 및 FTPeS 프로토콜 지원을 통해 보다 안전하게 파일을 배포할 수 있습니다.
Adobe Creative Suite 통합
Adobe Flash® Professional, Fireworks®, Photoshop® Extended를 비롯한 Adobe Create Suite® 구성 요소를 사용하면 시간을 단축하고 보다 효율적으로 작업할 수 있습니다.
확장된 Dreamweaver 커뮤니티
광범위한 Dreamweaver 커뮤니티를 통해 많은 정보를 얻고 공유할 수 있습니다. 온라인 Adobe Design Center와 Adobe Developer Connection, 트레이닝 및 세미나, 개발자 인증 프로그램 및 사용자 포럼을 이용할 수 있습니다.
선도적인 기술 지원
HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP, Adobe ColdFusion® 소프트웨어, ASP를 비롯한 대부분의 주요 웹 개발 기술을 지원하는 환경에서 컨텐츠를 디자인하고 개발할 수 있습니다.
Adobe BrowserLab 통합
진단 및 비교 툴을 통해 다이내믹한 웹 페이지와 로컬 컨텐츠를 미리 볼 수 있습니다. Adobe BrowserLab(별도 제공)을 사용하면 다양한 브라우저와 운영 체제에서 웹 컨텐츠를 테스트할 수 있습니다.
첨단 기술을 활용한 작업
매력적인 온라인 경험을 구축할 경우 CSS3 전환을 비롯한 업계 표준의 HTML5 및 CSS3를 생성할 수 있으며 웹 글꼴을 임베드하여 풍부한 타이포그래피를 디자인에 추가할 수 있습니다.
CSS3 전환
CSS 속성을 변경하여 전환 효과로 애니메이션을 적용하면 웹 디자인을 생동감 있게 표현할 수 있습니다. 페이지 요소를 세밀하게 지정하거나 시선을 사로잡는 효과를 만들 때 웹 디자인에 대한 탁월한 제어력을 그대로 유지할 수 있습니다.
W3C 유효성 검사
온라인 W3C 마크업 유효성 검사 서비스를 사용하여 표준 기반의 웹 디자인을 정확하게 준수할 수 있습니다.
Subversion 지원
Subversion® 소프트웨어에 대한 지원을 통해 보다 안전하게 파일을 저장할 수 있습니다.
CSS 검사
코드를 읽거나 별도의 유틸리티를 사용할 필요 없이 CSS 박스 모델을 시각적으로 자세히 표시할 수 있고 CSS 속성을 손쉽게 전환할 수 있습니다.
사용자 요구에 맞게 조정 가능한 PHP 클래스 코드 힌트
다이내믹한 PHP 코드 힌트 기능을 사용하면 PHP 애플리케이션을 구축하거나 유지 관리할 수 있고 주요 함수, 메서드 및 객체를 명확하게 파악할 수 있습니다.
간단한 사이트 설정
새로워진 Dreamweaver 사이트 정의 대화 상자를 사용하면 간단하게 사이트를 설정할 수 있습니다. 스테이지, 네트워크 또는 기타 사이트 유형을 활용하여 사용자가 원하는 이름으로 여러 서버를 추가할 수 있습니다.
CSS 시작 페이지
CSS 시작 레이아웃을 사용하여 표준 기반의 웹 사이트를 바로 디자인할 수 있습니다. CSS 모범 사례와 이해하기 쉬운 선택기 및 규칙이 통합되어 있는 다양한 템플릿 중에서 선택할 수 있습니다.
포괄적인 CSS 지원
강력한 CSS 툴을 사용하여 웹 사이트를 디자인하고 개발할 수 있습니다. Dreamweaver에서 CSS 박스 모델을 시각적으로 표시할 수 있고 외부 스타일 시트에서 수동으로 일일이 CSS 코드를 편집해야 하는 번거로운 작업을 줄일 수 있습니다.
통합된 FLV 컨텐츠
간단한 포인트 앤 클릭 방식과 표준을 준수하는 코딩을 통해 웹 페이지에 FLV 파일을 추가할 수 있습니다. 라이브 뷰에서 FLV 재생 기능을 사용하여 동영상을 미리 볼 수 있습니다.
리소스 |
- 개발자 센터
- Dreamweaver Exchange
- Adobe 및 jQuery 블로그
- Adobe & HTML5
- 기업
페이지 도구 |
