참고:

  Typekit은 이제 Adobe Fonts로 이름이 변경되었으며 Creative Cloud 및 기타 구독에 포함됩니다. 자세히 알아보기

CS6 Creative Cloud의 향후 업데이트 내용

12.1 업데이트, 2012년 9월 24일:

이 릴리스의 새로운 기능에 대한 자세한 내용은 새로운 기능 | Creative Cloud를 참조하십시오.

12.2 업데이트, 2013년 2월 14일:

이 릴리스의 새로운 기능에 대한 자세한 내용은 새로운 기능 | Creative Cloud | 2013년 2월을 참조하십시오.

비디오 튜토리얼

Dreamweaver CS6의 새로운 기능에 대한 비디오 튜토리얼을 이제 Adobe TV(http://www.adobe.com/go/learn_dwcs6_adobetv_kr)에서 확인하실 수 있습니다.

HTML5 비디오 내용물 삽입

HTML5 비디오 내용물 삽입
이 비디오를 통해 Adobe Dreamweaver CS6에서 비디오 내용물을 HTML5 기반 웹 페이지에 삽입하는 것이 얼마나 간단한지 알 수 있습니다.
Chad Chelius

새 사이트 관리자

사이트 관리 대화 상자(사이트 > 사이트 관리)의 모양과 느낌이 새롭게 바뀌었습니다. 하지만 기능은 대부분 동일합니다. 추가적인 기능으로는 Business Catalyst 사이트를 생성하거나 가져오는 기능이 있습니다.

유동 격자 기반 CSS 레이아웃

Dreamweaver의 강력한 새 유동 격자 레이아웃(새로 만들기 > 새 유동 격자 레이아웃)을 사용하여 다양한 화면 크기에 맞게 조정되는 응용 CSS 레이아웃을 생성할 수 있습니다. 유동 격자를 사용하여 웹 페이지를 작성하면 사용자의 보기 디바이스가 데스크탑 컴퓨터, 태블릿 또는 스마트폰이든 관계없이 레이아웃과 내용이 자동으로 적절히 조정됩니다.

CSS3 전환

새로운 CSS 전환 패널을 사용하면 커서 놓기, 클릭 및 포커스 적용과 같이 트리거 이벤트에 응답하는 CSS 기반 페이지 요소에 다듬기 속성 변경 사항을 적용할 수 있습니다. 일반적인 예로 마우스를 위로 이동하면 다른 색상으로 점차적으로 희미해지는 메뉴 막대 항목이 있습니다. 이제 코드 수준 지원과 새로운 CSS 전환 패널(윈도우 > CSS 전환)을 사용하여 CSS 전환을 생성할 수 있습니다.

여러 CSS 클래스 선택

이제 단일 요소에 여러 CSS 클래스를 적용할 수 있습니다. 요소를 선택하고 다중 클래스 선택 대화 상자를 연 후 클래스를 선택하십시오. 여러 클래스를 적용하면 Dreamweaver에서 사용자가 선택한 클래스로 새로운 다중 클래스를 생성합니다. 그러면 CSS 클래스를 선택한 다른 위치에서 새 다중 클래스를 사용할 수 있게 됩니다.

다음과 같은 여러 액세스 지점에서 다중 클래스 선택 대화 상자를 열 수 있습니다.

  • HTML 속성 관리자. 메뉴에서 여러 클래스 적용을 선택하십시오.
  • CSS 속성 관리자의 대상 규칙 팝업 메뉴
  • 문서 창의 아래쪽에 있는 태그 선택기의 컨텍스트 메뉴. 태그를 마우스 오른쪽 버튼으로 클릭하고 클래스 설정 > 여러 클래스 적용을 선택합니다.

PhoneGap Build 통합

Dreamweaver CS6 고객은 흥미로운 새 PhoneGap Build 서비스를 직접 통합하여 기존의 HTML, CSS 및 JavaScript 기술로 모바일 디바이스용 기본 애플리케이션을 작성할 수 있습니다. PhoneGap Build 패널(사이트 > PhoneGap Build)을 통해 PhoneGap Build에 로그인하면 PhoneGap Build 서비스에서 직접 웹 애플리케이션을 작성한 후 생성된 기본 모바일 애플리케이션을 로컬 데스크탑 또는 모바일 디바이스에 다운로드할 수 있습니다. PhoneGap Build 서비스는 프로젝트를 관리하며, Android, iOS, Blackberry, Symbian 및 webOS 등 가장 일반적인 모바일 플랫폼을 위한 기본 애플리케이션을 작성하는 데 사용됩니다.

jQuery Mobile 1.0 및 jQuery Mobile 색상 견본

jQuery Mobile 1.0

Dreamweaver CS6에는 jQuery 1.6.4와 jQuery Mobile 1.0 파일이 함께 제공됩니다. jQuery Mobile 시작 페이지는 새 문서 대화 상자에서 볼 수 있습니다(파일 > 새로 만들기 > 샘플 페이지 > 모바일 시작하기). 또한 jQuery 모바일 페이지를 만들 때 전체 CSS 파일 또는 구조 및 테마 구성 요소로 구분된 CSS 파일의 두 가지 CSS 파일 중에 원하는 CSS 파일을 선택할 수도 있습니다.

jQuery Mobile 색상 견본

새로운 jQuery Mobile 색상 견본 패널(윈도우 > jQuery Mobile 색상 견본)을 사용하여 jQuery Mobile CSS 파일의 모든 색상 견본(테마)을 미리 볼 수 있습니다. 그런 다음 이 패널을 사용하여 jQuery Mobile 웹 페이지의 다양한 요소의 색상 견본을 추가하거나 제거할 수 있습니다. 머리글, 목록, 버튼 및 기타 요소에 색상 견본을 개별적으로 적용하려면 이 기능을 사용하십시오.

Business Catalyst 통합

새 Business Catalyst 사이트

이제 Dreamweaver에서 직접 새 Business Catalyst 시험 버전 사이트를 생성하고 Business Catalyst가 고객 및 프로젝트에 대해 제공하는 광범위한 기능을 체험할 수 있습니다.

Business Catalyst 패널

Business Catalyst 사이트에 로그인한 후 Dreamweaver의 Business Catalyst 패널(윈도우 > Business Catalyst)에서 직접 Business Catalyst 모듈을 삽입하고 맞춤화할 수 있습니다. 제품 카탈로그, 블로그 및 소셜 미디어 통합, 쇼핑 카트 등과 같은 풍부한 기능에 액세스할 수 있습니다. Business Catalyst를 통합하면 Dreamweaver의 로컬 파일과 Business Catalyst 사이트의 데이터베이스 내용을 자유롭게 전환하며 작업할 수 있습니다.

웹 글꼴

이제 Dreamweaver에서 창의적인 웹 지원 글꼴을 사용할 수 있습니다(예: Google 또는 Typekit 웹 글꼴). 먼저 웹 글꼴 관리자(수정 > 웹 글꼴)를 사용하여 웹 글꼴을 Dreamweaver 사이트로 가져옵니다. 그러면 웹 페이지에서 웹 글꼴을 사용할 수 있습니다.

간편한 PSD 최적화

Dreamweaver CS5 이미지 미리보기 대화 상자의 이름이 이미지 최적화 대화 상자로 바뀌었습니다. 이 대화 상자를 열려면 문서 창에서 이미지를 선택하고 속성 관리자에서 이미지 설정 편집 버튼을 클릭합니다. 이전에 CS5 이미지 미리보기 대화 상자에 있던 옵션 중 일부는 이제 속성 관리자에 표시됩니다.

이미지 최적화 대화 상자에서 설정을 변경할 때 디자인 보기에 이미지의 실시간 미리보기가 표시됩니다.

FTP 전송 기능 향상

Dreamweaver는 다중 채널을 사용하여 선택한 파일을 동시에 전송하기 위해 다중 채널 전송 기능을 사용합니다. Dreamweaver에서는 또한 파일을 전송할 때 Get(내리기) 및 Put(올리기) 기능을 동시에 사용할 수 있습니다.

이용할 수 있는 대역폭이 충분하다면 FTP 다중 채널 비동기 전송 기능은 전송 프로세스를 훨씬 더 빠르게 합니다.

자세한 내용은 http://blogs.adobe.com/dreamweaver/2012/06/ftp-improvement-in-dreamweaver-cs6.html 사이트를 참조하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책