티스토리 뷰


Adobe Widget Browser는 어도비에서 제공하는 Adobe Air 어플리케이션입니다.
Adobe에서는 포토샵,드림위버,플래쉬 등등 프로그램을 보다 확장하여 사용할 수 있도록 Extension Manger를 제공하고 있습니다.
Extension Manager를 통해 다양한 확장 소스를 이용할 수 있는데 Adobe Widget Browser 역시 이와 비슷한 역할을 합니다.

그럼 본격적으로 사용방법에 대해 알아보도록 하겠습니다.

Adobe Widget Browser 를 설치하기 위해서는 Adobe Air 가 설치되어 있어야하는데 CS5 제품을 설치했다면 설치되어 있을 수 있습니다. 만약 설치되어 있지 않다면 아래 첨부파일에서 다운받아 설치하시면 됩니다.


Adobe Air가 설치되었다면 이제 Adobe Widget Browser를 설치하면 되는데 아래의 웹페이지에서 다운받아 설치하시면 됩니다.
설치완료후 프로그램을 실행하면 아래와 같이 나타납니다.




목록에 나오는 확장소스들은 Adobe Exchange 사이트와 연동되어 Widget Browser 에서 사용할 수 있는 확장소스들만 이곳에 나열되어 보여집니다.
대부분이 jQuery를 이용한 소스들임을 알 수 있을 것입니다. 아직까진 드림위버 소스들만 제공되고 있네요.
참고로 Adobe 홈페이지에 회원가입이 되지 않은 경우는 로그인이 필요하니 반드시 회원가입하신 후에 이용하실 수 있습니다.

이용할 소스를 선택하면 아래와 같이 선택한 소소에 대한 자세한 정보가 나옵니다.


여기서 아래의 Add to My Widget을 클릭하면 이 소스가 My Widget에 저장이 됩니다.
또한 상단의 Preview 버튼을 이용하면 이 소스의 다양한 옵션과 소스코드를 볼 수 있으며 적용된 결과를 미리보기 할 수 있습니다.

Add to My Widget에 저장된 소스는 아래와 같이 My Widgets 메뉴에서 관리할 수 있습니다.



이제 마지막으로 가장 중요한 부분입니다.
이렇게 My widget에 저장된 소스를 드림위버에서 어떻게 사용할 수 있는지 알아보도록 하겠습니다.

드림위버를 실행후 Common 탭에 위젯 아이콘을 선택합니다.
또는 Insert > Widget 메뉴를 선택합니다.




그렇다면 아래와 같이 Widget 대화상자가 나타나는데 이곳에 Widget에는 조금전 Adobe Widget Browser의 My Widget에 저장된 위젯들이 보이게 됩니다.



이용한 위젯을 선택하면 해당 소스가 아래와 같이 드림위버에 그대로 적용되는 걸 확인하실 수 있습니다.





댓글