Monday, October 18, 2010

The Widget Browser --Dreamweaver and Beyond

 

"Let the Computer do the work."

AJax Coded by Adobe so you don't have to...

Server Side XML/Java Effects for your Web Page

 

 

With the Widget Browser, you can:

  • Preview and download all of the OpenAjax widgets available on the Adobe Exchange
  • Work with widgets inside  Adobe Dreamweaver CS5, so that you can easily insert them in your web pages
  • If you Don't have Dreamweaver CS5 you can Edit and Export widgets for use in ANY other HTML editing tool.

In Dreamweaver CS5

If you haven't registered with Adobe now is the time to do so...

You need to "install" the widget browser. You can do this directly from the Applications Bar. On the Mac you may have to turn the Applications Bar on

(Mac only Menu: Window > Applications Bar)  The Applications bar is always on in PC's.

Screen shot 2010-10-18 at 11.51.14 AM.jpg

 

 

 

 

In Dreamweaver CS5 the widgets are available from inside Dreamweaver  in the "Insert" Menu & Panel. And from the Applications Bar.

Dreamweaver CS4 and other web editor users

You'll need to Register with Adobe (even if you don't have any adobe products)  and install Adobe AIR 2 (It's Free) and the Widget Browser.

This link will take you to Adobe's "Air" web page...

This link takes you to the Widget Browser Page

 

Screen shot 2010-10-18 at 12.02.43 PM.jpg

When you start up the widget browser you'll see all of the widges available from the Adobe Exchange... You have to download and install them... For now most of them are free, but more sofisticated ones in the future will have a price tag on them.

There are now 28 widgets available for download!

 

 

 

 

The Exchange view looks like this

Adobe Wiidget ERxchange

After you download a widget you can preview and edit a widget right in the

Widget Browser.

Screen shot 2010-10-18 at 12.26.57 PM.jpg

 

 

 

 

 

It'll look like this...

 

Screen shot 2010-10-18 at 12.27.52 PM.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Her's a web page that uses the above "Accordion" widget...

 

Save the files to a folder and then add them to your web editor of choice!

Screen shot 2010-05-06 at 5.04.59 PM.jpg

 

Some of these widgets will replace the older "depreciated" widgets in Dreamweaver know as Spry's.  The widgets are easier to work with and style to adapt to your web pages... In class we'll look at the alternatives available to you...

Note: If you have a Mac, you may have a problem running the widget.

You can find a solution here...

http://forums.adobe.com/thread/681569?tstart=0

Installer #2 worked for me...

 

 

 

 

 

 

No comments:

Post a Comment