Adobe Dreamweaver CC 검토 및 평가

Adobe는 서브 스크립 션 기반 Creative Cloud 서비스의 Dreamweaver CC를 Dreamweaver CC로 최신 화신으로 Dreamweaver를 업데이트 할 때 월계관에 머물러있었습니다. Adobe의 Creative Suite 6의 일부인 Dreamweaver CS6으로 이전에 구현 된 Adobe의 고급 웹 사이트 편집기는 오늘날의 다중 플랫폼 웹 사이트를 만들고 유지 관리하는 도구로서 경쟁이 거의 또는 전혀 없었습니다. 예를 들어 Dreamweaver CS6에서는 CSS를 사용하여 화면 크기에 따라 웹 페이지를 자동으로 재구성하는 즉시 사용 가능한 "유체 격자"웹 레이아웃을 도입하여 복잡한 사이트 없이도 전화, 태블릿 및 데스크탑을 사용하여 단일 사이트를 쉽게 구축 할 수 있습니다. 이전에 CSS 핸드 코딩이 필요했습니다.

새로운 Dreamweaver CC는 섹션 및 기사와 같은 HTML5 구조 요소를 지원하여 유동 격자 기능을 향상시킵니다. 또한 그림자 및 곡선 모서리와 같은 CSS 속성을 수정하기 위해 대화식 그래픽 인터페이스를 사용하는 새로운 CSS 디자이너 인 동일한 노력 절약 도구를 추가하므로 클릭하여 드래그하면 복잡한 CSS 코드를 수정하기 만하면됩니다. 시각. 브라우저가 페이지를로드하는 동안 Adobe 서버에서 다운로드 한 웹 기반 글꼴을 완벽하게 지원하므로 시선을 사로 잡는 디자인을 쉽게 만들 수 있습니다. 또한 다른 Creative Cloud 제품군과 마찬가지로 Dreamweaver는보다 간단하고 쉽게 사용자 정의 할 수있는 인터페이스를 제공하며 Windows와 OS X에서 동일하게 작동합니다.

프로 및 세미 프로

Dreamweaver는 전문가가 아닌 경우에도 가치가있는 전문가 수준의 도구입니다. 처음 Dreamweaver 사용자는 기본 레이아웃의 여러 메뉴와 속성 패널에 겁을 먹지만 CSS 요소에 대한 고급 컨트롤에 빠르게 액세스하거나 방법을 보여주는 디스플레이간에 빠르게 전환하는 방법을 분명히 알 수 있습니다. 웹 페이지는 인쇄되거나 다른 크기의 화면에 표시 될 때 나타납니다. 고급 웹 디자이너는 JavaScript 기반 UI 위젯 메뉴를 코드로 클릭하여 팝업 대화 상자, 날짜 선택기, 아코디언 스타일 메뉴 및 현재 UI 효과 레퍼토리의 기타 항목을 만들 수 있습니다. 그러나 고급 사용자도 모든 플랫폼에서보기 좋은 유연한 HTML5 호환 사이트를 만들 수 있습니다.

직조 꿈을 시작

빈 페이지 또는 샘플 레이아웃에서 시작하여 삽입 패널에서 항목을 클릭하면 템플릿 (편집 가능 및 편집 불가능한 영역이있는), 멀티미디어 (HTML5 또는 Flash) 및 표준 HTML 기능과 같은 요소를 추가 할 수 있습니다. 기본 화면은 코드 창과 WYSIWYG 디자인 창으로 나뉘어 있지만, 하나를 선택하거나 디자인 창을 "실시간"으로 설정하여 비디오와 같은 미디어 내용 또는 데이터베이스에서 제공되는 내용을 볼 수 있습니다. 페이지가 브라우저에 나타납니다. Dreamweaver에서 주목할만한 점은 HTML5 비디오와 같은 개방형 표준보다 Flash와 같은 Adobe의 독점 기술을 선호하지 않지만 둘 다에 대해 동등한 지원을 제공하며 내장 된 것보다 더보기 좋고 사용하기 쉬운 HTML5 비디오 플레이어를 제공한다는 것입니다. 플래시 플레이어.

Dreamweaver의 유동 격자 기능을 사용하여 페이지를 만들면 앱은 먼저 Dreamweaver에는 표시되지만 브라우저에는 페이지가 표시되지 않는 세로 열 격자가 포함 된 페이지를 만듭니다. 기본적으로 전화 용으로 설계된 페이지는이 보이지 않는 열 중 4 개에 맞습니다. 태블릿에 동일한 페이지가 표시되면 데스크톱 시스템에 표시 될 때 8 개의 열과 12 개의 열을 채 웁니다.

Dreamweaver의 편집 윈도우에서 화면 크기를 전환하면 사이트의 내용이 특정 유형의 화면에 대해 지정한 너비에 맞게 자체 재 배열되며 CSS 디자이너 패널을 사용하여 모양, 크기 및 기타 속성을 조정할 수 있습니다 다양한 화면 크기에 맞는 개별 요소