많은 변화가 있었습니다.

Dreamweaver CC를 사용하면 언제든지 새로운 기능을 출시와 동시에 이용할 있습니다. 이전 버전을 사용하고 계십니까?  기능 비교

Dreamweaver CC(2015.1)

Creative Cloud Libraries를 통해 간편하게 에셋 이용

Dreamweaver 다른 Creative Cloud 앱에서 제공되는 라이브러리에서 색상, 그래픽 크리에이티브 에셋을 찾아보고 이용할 있습니다. 에셋은 연결되어 있으므로 에셋이 변경되면 사용자와 팀은 프로젝트에 사용된 해당 에셋을 업데이트할지 여부를 선택할 있습니다. 라이브러리를 사용하면 프로젝트를 간편하게 구성하고 관리할 있습니다.
사용 방법 보기

Adobe Stock 통합

Dreamweaver에서 바로 로열티 프리 이미지와 벡터 그래픽을 찾아 라이선스를 부여받고 관리할 있습니다. 4,500만 개의 에셋 중에서 선택할 있고 선택한 항목을 Creative Cloud Libraries에 저장한 다음 프로젝트로 드래그하여 사용할 있습니다. 또한 Adobe Stock 마켓플레이스에서 바로 비디오 에셋에 라이선스를 부여받을 있습니다.
사용 방법 보기

최신 Bootstrap 프레임워크를 사용한 새로운 시각적 보조 툴

최신 버전의 Bootstrap 프레임워크와의 통합을 통해 모든 디바이스의 브라우저에 맞게 반응형 사이트를 손쉽게 만들 있습니다. 새로운 시각적 보조 툴을 사용하면 Dreamweaver에서 다양한 화면 크기에 맞게 중단점을 정의하고 코드를 구성할 있습니다.

Photoshop 대지를 사용하여 반응형 사이트 제작

다양한 화면 크기에 맞는 디자인으로 구성된 여러 개의 대지가 포함되어 있는 Photoshop 파일을 사용하여 반응형 사이트를 제작할 있습니다. Dreamweaver에서 바로 공유 PSD의 CSS, 이미지, 색상 등을 추출할 있습니다.
사용 방법 보기

코드 뷰 및 라이브 뷰에서 보다 효율적으로 작업

간단한 약어를 복잡한 HTML CSS 코드로 변환해주는 Emmet 지원과 Linting을 활용한 실시간 오류 검사 기능을 사용하면 보다 효율적으로 코드를 작성할 있습니다. 또한 라이브 뷰에서 PHP 파일에 임베드된 HTML을 편집할 있습니다.

이 외에도 많은 기능 제공

초보자 학생이 전문가 수준의 사이트 등을 제작하는 유용한 간단한 스타터 템플릿이 포함되어 있습니다.
전체 릴리스 정보 보기

Dreamweaver CC(2015)

사이트에 적합한 사진 검색

Adobe Stock 마켓플레이스에서 사이트에 적합한 이미지를 찾을 있습니다. 새롭게 계속 추가되고 있는 사진과 일러스트레이션의 라이브러리를 살펴보고 Creative Cloud에서 바로 원하는 이미지를 다운로드하여 프로젝트에 사용할 있습니다.

모든 디바이스에서 미리 보기

다양한 디바이스에서 동시에 사이트를 테스트하고 검사할 있습니다. 간단한 URL을 모바일 디바이스의 브라우저에 입력하면 사이트를 미리 있습니다.
사용 방법 보기  ›

반응형 웹 사이트 제작

내장된 Bootstrap을 사용하면 다양한 화면 크기에 맞게 자동으로 조절되는 사이트를 제작할 있습니다. 기존 사이트를 다이내믹하게 만들 있고 처음부터 새로 만들거나 내장된 템플릿을 사용하여 제작할 있으며 Bootstrap 구성 요소를 통합할 있습니다. Dreamweaver에서 라이브 뷰의 크기를 조절하여 실시간으로 디자인을 미리 있고 미디어 쿼리를 시각적으로 설정하는 다양한 작업을 있습니다.
사용 방법 보기

PSD에서 일괄 내보내기

Adobe Photoshop 문서에서 웹에 최적화된 이미지를 다양한 해상도와 포맷으로 신속하게 추출하여 작업 시간을 단축할 있습니다.
사용 방법 보기  ›

더욱 빨라진 코딩

새로운 코드 편집기 테마, 린트를 사용한 코드에 대한 실시간 유효성 검사, Emmet 지원을 활용한 자동 완성 기능 덕분에 Dreamweaver에서의 코딩 작업이 보다 빠르고 수월해졌습니다.
사용 방법 보기  ›

이 외에도 많은 기능 제공

HTML 페이지 요소를 손쉽게 찾아 편집할 있는 새로운 DOM 패널, 코드 뷰에서 실시간으로 색상 이미지 미리 보기, 개발 시간을 단축시켜주는 새로운 반응형 코드 단편, 저장 동적 파일 자동 푸시 등이 포함되어 있습니다.
전체 릴리스 정보 보기

Dreamweaver CC(2014.1)

Extract

상황에 맞는 코드 힌트를 사용하고, 최적화된 이미지를 드래그하여 라이브 뷰에 놓고, CSS 텍스트를 손쉽게 복사하고, PSD에서 색상, 그레이디언트, 글꼴 등의 정보와 치수를 가져올 있습니다.
사용 방법 보기

라이브 뷰

상황에 맞는 메뉴와 같은 새로운 기능과 업데이트된 삽입 패널, 키보드 단축키 HTML 태그 편집기를 사용하면 보다 빠르게 사이트를 편집하고 미리 있습니다.
사용 방법 보기

라이브 안내선

라이브 안내선을 사용하면 간단한 드래그 드롭 방식으로 연관된 코드와 함께 HTML 요소를 정확하게 이동할 있습니다.

시작 템플릿

사용자 요구에 맞게 변경 가능한 내장된 레이아웃을 사용하면 반응형 사이트를 신속하게 구축할 있습니다.

64비트 아키텍처

Dreamweaver는 최신 64비트 하드웨어 운영 체제의 이점을 최대한 활용하여 향상된 호환성 성능을 제공할 있도록 재설계되었습니다.

Dreamweaver CC(2014)

요소 간략히 보기

새로운 DOM 시각화 툴을 사용하면 마크업을 세부적으로 시각화할 있습니다. 드래그 드롭, 복제, 삭제 또는 다중 선택 워크플로우를 통해 컨텐츠 구조를 손쉽게 변경할 있습니다.
사용 방법 보기

라이브 뷰 속성 관리자

라이브 뷰에서 모든 HTML 요소의 속성을 선택, 변경 검사할 있고 새로 고치지 않고도 결과를 확인할 있습니다.
사용 방법 보기

라이브 삽입

라이브 뷰에서 삽입 패널을 사용하여 HTML 요소를 추가할 있고 모드를 전환하거나 새로 고치지 않고도 변경 사항을 미리 있습니다.
사용 방법 보기

향상된 CSS 디자이너

직관적이고 시각적인 편집 툴을 사용하여 표준 기반의 깔끔한 CSS를 생성할 있고 텍스트, 레이아웃, 색상 기타 CSS 속성을 신속하게 적용할 있습니다. 새로운 테두리 툴, 실행 취소 지원 크게 향상된 워크플로우 편리한 주요 기능들이 개선되었습니다.
사용 방법 보기

인증서 기반의 사이트 관리

여러 대의 서버에 간편하게 액세스할 있는 SFTP 인증서 기반의 인증을 통해 사이트에서 파일을 안전하게 관리할 있습니다.

도움말 센터

애플리케이션을 처음 실행하면 기능을 통해 새로운 기능과 효과적인 워크플로우를 확인할 있습니다. 단계를 쉽게 건너뛸 있으며 모듈 방식이므로 다시 돌아와 있습니다.
사용 방법 보기

이 외에도 많은 기능 제공

향상된 실행 취소/다시 실행 기능, 익스텐션 액세스 변경, 업데이트된 Adobe Business Catalyst PhoneGap Build 워크플로우 등이 포함되어 있습니다.
전체 릴리스 정보 보기

Dreamweaver CC(13.1)

라이브 강조 표시

라이브 뷰의 HTML 요소와 적용된 CSS 선택기 간의 관계를 시각적으로 파악할 있습니다. CSS 디자이너에서 정보를 확인하면서 라이브 뷰에서 실시간으로 요소를 검사하고 강조 표시할 있습니다.
사용 방법 보기

현대화된 라이브 뷰

라이브 뷰의 새로운 렌더링 엔진은 Google Chrome에서 제공하는 것과 동일한 성능과 HTML5 지원을 통해 컨텐츠를 표시합니다. 이제 컨텐츠를 테스트하기 위해 브라우저로 전환하지 않고 Dreamweaver에서 확인할 있습니다.
사용 방법 보기

향상된 CSS 디자이너

직관적이고 시각적인 편집 툴을 사용하여 표준의 깔끔한 코드를 생성할 있고 그레이디언트 상자 그림자와 같은 CSS 속성을 신속하게 적용할 있습니다. 향상된 유용성과 새로운 색상 피커를 사용하면 시각적으로 CSS를 편집하여 작업 시간을 단축할 있으므로 업무 생산성을 높일 있습니다.
사용 방법 보기

향상된 설정 동기화

모든 컴퓨터에서 Creative Cloud에 로그인하여 사용자의 환경 설정, 사이트 설정, 맞춤형 작업 영역 키보드 단축키를 동기화할 있습니다. 사용자의 작업 방식에 맞게 워크플로우를 설정해 두면 Creative Cloud를 통해 어디에서나 가져와 사용할 있습니다.
사용 방법 보기

최신 플랫폼 지원

HTML(HTML5 양식, 향상된 JQuery 지원), CSS JavaScript를 사용하여 프로젝트를 제작할 있습니다.
사용 방법 보기

향상된 코드 뷰

번호와 이에 해당하는 태그를 강조 표시하는 향상된 코드 뷰를 사용하면 보다 효율적으로 코드를 작성할 있습니다. 새로운 CSS 선택기 코드 힌트 기능에는 색상 사용자 정의에 대한 설정 지원이 포함되어 있습니다.
사용 방법 보기

이 외에도 많은 기능 제공

CSS 선택기의 코드 힌트 기능, PHP 5.4 지원, 업데이트된 Adobe Extension Manager, 향상된 Adobe Exchange 등이 포함되어 있습니다.
전체 릴리스 정보 보기

Dreamweaver CC(13)

CSS 디자이너

직관적이고 시각적인 편집 툴을 사용하면 깔끔한 표준 코드를 생성할 있고 그레이디언트 상자 그림자와 같은 CSS 속성을 신속하게 적용할 있습니다.
사용 방법 보기

향상된 유동 격자 레이아웃

디자인과 반응형 레이아웃을 시각적으로 구성할 있습니다. 업데이트된 유동 격자 레이아웃 인터페이스를 사용하면 다양한 크기의 데스크탑 디바이스 화면에 표시할 프로젝트를 간편하게 디자인할 있습니다.
사용 방법 보기

설정 동기화

모든 컴퓨터에서 Creative Cloud에 로그인하여 사용자의 파일, 환경 설정 설정을 이용할 있습니다. 시간과 장소에 상관없이 프로젝트 작업에 필요한 모든 기능과 서비스를 사용할 있습니다.
사용 방법 보기

Edge Web Fonts

Adobe Typekit 기반의 광범위하고 지속적으로 증가하는 Adobe Edge Web Fonts 라이브러리를 사용할 있습니다.
사용 방법 보기

최신 플랫폼 지원

HTML, CSS JavaScript를 사용하여 프로젝트를 제작할 있습니다. 새롭게 지원되는 PHP 5.4를 사용하여 보다 안전하게 다이내믹한 페이지를 개발할 있습니다.

간소화된 사용자 경험

세련된 Dreamweaver CC 인터페이스는 더욱 직관적으로 향상되어 워크플로우를 보다 원활하게 진행할 있습니다. 오래된 기능을 제거한 덕분에 더욱 가볍고 빨라진 애플리케이션을 경험할 있습니다.
사용 방법 보기

jQuery UI 위젯

jQuery UI 위젯을 완벽하게 시각적으로 지원하므로 개발 워크플로우를 향상시킬 있습니다.
사용 방법 보기

간소화된 HTML5 오디오 및 비디오

매력적인 사운드와 동영상을 사용하여 데스크탑 모바일 프로젝트를 향상시킬 있습니다. HTML5 오디오 비디오를 사이트와 애플리케이션에 손쉽게 추가할 있습니다. 깔끔한 인터페이스 코드 힌트 기능을 사용하면 리치 미디어를 보다 신속하고 효율적으로 삽입할 있습니다.
사용 방법 보기

보다 신속하게 HTML5 요소 삽입

재구성된 삽입 패널을 사용하여 HTML5 태그와 공통 페이지 요소를 신속하게 추가할 있습니다. 패널은 옵션을 보다 손쉽게 찾을 있도록 유용한 범주로 분류되어 있습니다. 중앙 관리 방식의 편리한 삽입 패널 인터페이스에서 항목을 손쉽게 찾고 추가할 있습니다.

이 외에도 많은 기능 제공

이러한 모든 새로운 기능에 대한 자세한 내용을 살펴볼 있습니다.
전체 릴리스 정보 보기