[ Dreamweaver CC ] 어도비 드림위버CC의 새로운 기능을 파해쳐보자

 

 

 

 

 

 

 

 

 

동적인 웹디자인을 위한 드림위버CC의 새로운 기능 소개  

 

어도비 드림위버는 웹디자인 및 개발을 위한 응용 프로그램입니다. 웹디자이너라면 한번쯤 써보셨을꺼 같은데요. 여러화면과 브라우져 환경에 맞는 웹표준 사이트을 만들고 웹개발자는 온라인 및 스마트폰에서 사용할 수 있는 유연한 모바일 응용프로그램 제작할 수 있습니다. 이번에 출시된 드림위버CC는 디자이너에게 유용한 다양한 패널이 업데이트되고 모바일, 태블릿, 데스크탑을 위한 그리드 시스템을 통해 동적인 웹디자인을 만들수 있습니다. 이밖에도 복잡한 컨테츠 개발 및 깨끗한 코드정리에 편리한 기능이 추가되어 빠르게 변화하는 웹환경에 보다 쉽게 적응하실 수 있습니다.

 

그럼 드림위버CC의 새로운 기능을 본격적으로 살펴보겠습니다.

 

 

 

 

 

 

 

 

CSS Designer

 

이번 드림위버CC의 중요 업데이트라고 할수 있는 CSS Designer는 여러 패널구성으로 CSS의 모든 속성을 시각적으로 컨트롤 할수 있습니다. CSS Designer는 불필요한 요소를 모두 없애고 깨끗한 웹표준 코드 생성을 도와주는데요. 각 패널의 중요 특징을 살펴보면 Sources panel은 프로젝트와 관련된 CSS 소스나 파일을 표시해 주고 Media panel은 다른장치의 웹페이지 모양을 제어, 화면 크기를 선택할수 있습니다. Selectors panel는 선택된 개체와 연관된 CSS 클래스의 목록을 보여줍니다.


Selectors panel에서 COMPUTED을 선택하면  속성패널에서 선택된 개체의 모든 속성을 볼수있는데요.

여기서 모서리를 둥글게하거나 그라디언트를 쉽게 추가할수 있으며 배경속성, 불투명도, 상자 그림자를 변경 할수있습니다. 또한 코드창으로 전환없이 즉시 화면에 표시되는 모든 변경사항을 볼수있습니다.

이 기능을 이용하여 모든 브라우저에서 동일하게 적용되는지 확인하실 수 있습니다.

 

 

 

 

 

 

 

 

 

 

Fluid Grid Layout

 

Fluid Grid Layout 기능을 사용하면 새 문서를 만들때 모바일, 태블릿 및 데스크탑을 위한 그리드 시스템을 선택하여 화면크기나 장치에 모두 적응할수 있는 동적인 웹디자인을 만들 수 있습니다.

 

 

 

격자구조 그리드를 이용하여 페이지를 선택하거나 배치할수 있으며 디자인의 폭, 열의 너비를 설정할

수 있으며 편집기를 사용하여 데스크탑, 태블릿 및 스마트폰 장치에 대한 별도의 파일을 생성 할수있

습니다.

 

 

 

 

 

 

 

Sync Settings

 

기존 팩키지 상품에서 크리에이티 클라우드로 변경된후 이젠 두 컴퓨터에서 드림위버를 설치할 수 있으며 드림위버CC는 그들사이에서 환경설정 및 사이트 정의를 동기화 할수 있는 기능을 제공합니다.

 

 

 

 

 

 

 

 

Edge Web Fonts

 

드림위버CC는 Edge 웹폰트 서비스를 통합하여 속성관리자나 수정메뉴에서 라이브러리에 있는 무료 웹폰트을 사용할 수 있습니다. 이런 웹폰트를 사용하면 페이지 속도, 정확도, 서명한 인쇄술을 높일수 있습니다.

 

 

 

 

 

 

 

 

jQuery UI widgets

 

jQuery UI widgets은 Accordion, 탭, 날짜 선택, 진행바 등 UI 위젯을 삽입할 수 있는 기능입니다. 위젯 매개 변수를 통해 제어 속성 관리자에서 수행할 수 있습니다.

 

 

 

 

 

 

 

 

<관련글>

2013/07/05 - 더욱더 강력해진 어도비 에프터이펙트CC의 새로운 기능 소개

2013/07/01 - [Adobe Muse CC] 코딩없이 홈페이지 제작이 가능한 어도비 뮤즈CC 새로운 기능

2013/06/19 - 어도비 포토샵의 새로운 버전 PHOTOSHOP CC의 강력한 새로운 기능 소개

2013/07/04 - [ 포토샵 라인 브러쉬 ] 색다른 느낌의 라인 디자인 13종 모음

2013/06/17 - 학생이라면 3DS MAX, AutoCAD 프로그램 무료로 다운받자

2013/06/05 - 벡터방식 포토샵 사용자정의 모양툴(Custom Shape) 18가지 무료 팩키지 모음

이 글을 공유하기

댓글(3)

  • 2013.07.10 12:21 신고

    좋은 기능들이 많이 추가가 되었군요.
    그러나 필수로 배워야 한다는 부분은 별로 공감하지 못하겠습니다.
    필수가 아닌 선택이죠.
    본인의 작업 방식에 따라 하드코딩이 더욱 편한 사람도 많습니다.
    드림위버에 맞춰서 제작했더니 실제 서비스에서 구현이 다른 경우가 많아 저 역시 하드코딩이 더 편하구요.

    • 2013.07.10 13:38 신고

      안녕하세요. 나즈나님 ~
      좋은 말씀감사합니다. 학원이나..학교에서 웹디과정에 꼭 들어가 있는 프로그램이다보니..그런 표현을 썻습니다. 나즈나님이 말씀하신데로 나모나 하드코딩 또는 다른 프로그램을 이용하여 얼마든지 웹페이지를 만들수 있는데.. 제가 필수라 정의해버렸네요. ^^
      우선 해당글 부분은 수정했습니다. 혹시 다른 내용중에도 틀린부분 있으면 언제든지 말씀해주세요.

    • 로이
      2014.09.15 10:42

      구여웡...

Designed by JB FACTORY