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)에서 확인하실 수 있습니다.
새 사이트 관리자
사이트 관리 대화 상자(사이트 > 사이트 관리)의 모양과 느낌이 새롭게 바뀌었습니다. 하지만 기능은 대부분 동일합니다. 추가적인 기능으로는 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 웹 페이지의 다양한 요소의 색상 견본을 추가하거나 제거할 수 있습니다. 머리글, 목록, 버튼 및 기타 요소에 색상 견본을 개별적으로 적용하려면 이 기능을 사용하십시오.
- Dreamweaver CS6에서 jQuery Mobile 테마 사용 (튜토리얼)
- Adobe TV: Dreamweaver CS6의 향상된 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 또는 Adobe Fonts). 먼저 웹 글꼴 관리자(수정 > 웹 글꼴)를 사용하여 웹 글꼴을 Dreamweaver 사이트로 가져옵니다. 그러면 웹 페이지에서 웹 글꼴을 사용할 수 있습니다.
간편한 PSD 최적화
Dreamweaver CS5 이미지 미리보기 대화 상자의 이름이 이미지 최적화 대화 상자로 바뀌었습니다. 이 대화 상자를 열려면 문서 창에서 이미지를 선택하고 속성 관리자에서 이미지 설정 편집 버튼을 클릭합니다. 이전에 CS5 이미지 미리보기 대화 상자에 있던 옵션 중 일부는 이제 속성 관리자에 표시됩니다.
이미지 최적화 대화 상자에서 설정을 변경할 때 디자인 보기에 이미지의 실시간 미리보기가 표시됩니다.
FTP 전송 기능 향상
Dreamweaver는 다중 채널을 사용하여 선택한 파일을 동시에 전송하기 위해 다중 채널 전송 기능을 사용합니다. Dreamweaver에서는 또한 파일을 전송할 때 Get(내리기) 및 Put(올리기) 기능을 동시에 사용할 수 있습니다.
이용할 수 있는 대역폭이 충분하다면 FTP 다중 채널 비동기 전송 기능은 전송 프로세스를 훨씬 더 빠르게 합니다.
자세한 내용은 http://blogs.adobe.com/dreamweaver/2012/06/ftp-improvement-in-dreamweaver-cs6.html 사이트를 참조하십시오.
내 계정 로그인