어도비 드림위버 CS6 검토 및 평가

Adobe Dreamweaver ($ 399.99, 업그레이드 $ 199.00, 직접)는 대부분의 사람들이 기억할 수있는 것보다 오랫동안 웹 편집 분야를 장악했지만 지난 몇 년 동안 각 최신 버전에서 합당하지만 강력한 업그레이드를 제공하면서 평판을 기꺼이 받아들이는 것처럼 보였습니다.. Dreamweaver CS6 버전이 다릅니다. 휴대 전화 나 태블릿의 웹 브라우저 나 랩톱이나 데스크톱의 브라우저에서 볼 때 자동으로 적응되는 웹 페이지 나 앱을 만들려는 사람에게는 필수 업그레이드입니다. 지난 몇 년 동안 Microsoft의 깨끗하고 효율적이며 공개되지 않은 Expression Web에서 대부분의 웹 디자인을 해왔지만 Dreamweaver CS6는 HTML5 및 CSS3를 완벽하게 지원하는 멀티 플랫폼 시대를 위해 제작 된 최초의 웹 편집기입니다. CS6 제품군의 나머지 부분과 마찬가지로 Dreamweaver는 가파른 학습 곡선을 기꺼이 올리려는 전문가를 대상으로하지만 때로는 코더조차도 인상적인 사이트를 구축 할 수 있습니다.

새로운 소식

Dreamweaver의 새로운 주요 기능은 다음과 같습니다. 첫 번째는 사이트가 작은 화면 전화, 중형 태블릿 또는 전체 화면 데스크톱에 표시 될 때 페이지 요소가 정렬되는 방식을 정확하게 지정할 수있는 "유체 격자 레이아웃"입니다. (자세한 내용은 계속 읽으십시오.) 다음은 여러 전화 플랫폼에서 실행되는 단일 웹 기반 앱을 쉽게 만들 수있는 오픈 소스 플랫폼 인 PhoneGap Build를 기본적으로 지원합니다. 또한 Dreamweaver는 브라우저 기반 전화 및 태블릿 앱을 빌드하기위한 JavaScript 기반 플랫폼 인 Query Mobile과의 통합을 개선했습니다. 기존 프리젠 테이션 앱의 웹 기반 전환에 해당하는 CSS 전환은 이제 상당히 직관적 인 인터페이스를 통해 지원됩니다.

Adobe는 Dreamweaver의 "실시간"미리보기의 충실도와 유연성을 향상 시켰으며, 전화기, 태블릿 및 데스크탑 화면 크기에서 페이지 모양을 보여주는 "멀티 스크린"미리보기 패널을 개선했습니다. Adobe의 온라인“브라우저 랩”을 사용하면 구형 브라우저 플랫폼에서 페이지를 테스트 할 수 있지만 Microsoft의 비교할 수있는 SuperPreview 기능은 테스트 할 기존 브라우저와 새 브라우저를 더 폭넓게 선택할 수 있습니다.

수년 동안 원했지만 Adobe에서 거의 언급하지 않은 또 다른 Dreamweaver 기능은 웹 서버에 글꼴을 설치하여 페이지에서 사용할 수있는 간단한 대화 상자를 통한 내장 웹 글꼴 지원입니다. 이 작업은 항상 수작업으로 코딩하는 것이 가능하지만 Dreamweaver에서는 쉽게 만들 수 있습니다. 다른 개선 사항으로는 보안 프로토콜을 완벽하게 지원하는 완전히 개선 된 빠른 FTP 모듈이 있습니다. W3C 컨소시엄의 페이지 유효성 검사 도구를 기본적으로 지원하므로 현재 웹 표준을 완벽하게 준수 할 수 있습니다.

Dreamweaver에서 가장 눈에 띄는 새로운 기능은 "유체 격자 레이아웃"을 지원한다는 것입니다. 즉, 화면 크기에 따라 변경되는 보이지 않는 기본 격자에 따라 구성된 페이지를 만듭니다. 페이지가 휴대 전화, 태블릿 또는 데스크톱에서 표시 될 때 페이지의 텍스트 및 그래픽 요소가 자동으로 위치를 다시 조정합니다. 데모 비디오 (Dreamwea의 오프닝 메뉴에서 액세스 가능)를 사용하여이를 알아 내야했지만 그 후에는 쉬웠습니다.

휴대 전화, 태블릿 및 데스크톱의 세 가지 화면 크기를 대상으로 유동 격자 레이아웃을 만듭니다. 먼저 페이지 요소를 하나의 화면 크기로 보이도록 정렬하고 각 요소를 보이지 않는 배경 격자에 맞 춥니 다. 그런 다음 아이콘을 클릭하여 다른 화면 크기로 전환하고 그리드에서 요소를 다른 방식으로 정렬하십시오. 예를 들어 휴대 전화는 상단에 드롭 다운 탐색 메뉴가있는 단일 열에 전체 페이지를 표시하고 태블릿은 상단에 넓은 탐색 막대가있는 페이지의 일부를 3 개의 열에 표시합니다. 기본 CSS는 페이지를 표시하는 장치의 화면 크기에 따라 레이아웃을 자동으로 전환합니다. 멀티 스크린 미리보기 패널을 사용하면 내장 된 세 가지 화면 크기 중 하나 또는 모두를 변경할 수 있으므로 원하는 크기로 유동 격자가 작동하는 방식을 테스트 할 수 있습니다.

플래시 통합

예상대로 Dreamweaver는 Adobe의 Flash 형식과 긴밀하게 통합되어 있습니다. 그러나 iOS 용으로 개발하는 경우, iOS에서 허용하는 방식으로 Flash를 스트리밍하기 위해 Adobe의 $ 4, 500 Flash Media Server를 구매하지 않으면 앱 또는 웹 페이지에서 Flash를 사용할 수 없습니다. Dreamweaver를 사용하면 딸꾹질없이 다양한 레이아웃 옵션을 사용하여 Flash 비디오를 내 웹 페이지에 드롭 할 수 있지만 HTML5 비디오를 내 페이지에 추가하려고 할 때 HTML5 비디오를 다운로드하여 설치해야한다는 사실을 스스로 알아야했습니다. widget”을 선택한 다음 손으로 위젯 코드를 수정하십시오.

인터페이스

Adobe의 다른 Creative Suite Dreamweaver의 인터페이스와 마찬가지로 패널의 인터페이스와 "탭 그룹"및 도구 모음이 익숙해지기까지 시간이 걸립니다. 그래픽 인터페이스를 사용하여 애니메이션, 사진, 일러스트레이션 및 인쇄 된 페이지와 같은 그래픽 객체를 편집하는 나머지 제품군과 달리 Dreamweaver의 그래픽 인터페이스는 원시 HTML, CSS, JavaScript 및 기타 텍스트 기반 코드를 편집하는 도구 세트입니다.. 대부분의 경우 기본 코드를 수정하기 위해 Dreamweaver의 GUI 기반 버튼 및 메뉴 중 하나를 사용할 수 있지만 때로는 코드를 직접 편집하는 동안 손이 더러워 질 수도 있습니다. 원시 코드를 편집하는 방법을 알고 있으면 그렇지 않으면 좌절합니다. 때로는 새로운 유동 레이아웃 그리드 기능을 사용하면서 레이아웃 세부 사항을 수정하기위한 메뉴 나 도구 모음을 찾으려고 포기하고 원시 코드를 파고 변경해야했습니다. 유동적 레이아웃 그리드 기능은 분명히 진행중인 작업이며, 향후 버전에서는 이러한 종류의 작업이 더 쉬워 지지만 그 동안 약간의 1 차적인 좌절에 대비해야합니다.

최고의 유연성

기본 HTML 및 CSS 편집의 경우 여전히 Microsoft Expression Web 4를 선호하지만 Expression Web은 Windows에서만 작동하지만 Adobe의 앱은 Windows 및 Mac 시스템에서 거의 동일하게 작동합니다. 또한 Dreamweaver CS6는 의심 할 여지없이 새로운 다중 플랫폼 환경에서 매끄럽고 원활하게 작동하는 최초이자 유일한 웹 제작 도구입니다. 어도비 Dreamweaver CS6는 그 범주가 다른 것보다 강력하고 유연성이 뛰어나므로 Editor 's Choice가 필요합니다.

더 많은 사진, 비디오 및 그래픽 소프트웨어 리뷰:

• Magix Movie Edit Pro Premium

• Vegas Movie Studio Platinum

• Adobe Premiere Elements

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• 더