Adobe Dreamweaver Advanced Design for Web 2.0 Presented by: Jonathan Meersman.

Adobe Dreamweaver Advanced Design for Web 2.0Presented by: Jonathan Meersman

The Conference 2009 – Las VegasMarch 11-13, 2009

Presenter Background

Current Industry Employment• Milwaukee Area Technical College – Web Design Faculty

Previous Industry Experience• HostingSpot.com – Founder & Past President• General Electric – eLead Systems Designer• Milwaukee Kickers Soccer Club – Multimedia Coordinator

Education• MBA in eBusiness• BA in Geography (focus: Computer Cartography)


Session Agenda

History of Dreamweaver Spry Framework Three Parts to Spry

• Spry Widgets• Spry Effects• Spry Data

Live Demonstration Dreamweaver Courses at MATC Web Design at MATC


History of Dreamweaver

Originally developed by Allaire Systems in 1997 Allaire was acquired by Macromedia in 2001 Macromedia was acquired by Adobe in 2005 Added Spry in Dreamweaver 9 (CS3) in 2007 Adobe Dreamweaver 10 (CS4) released 11/2008 Available on both MAC and Windows


Spry Framework

Spry is Adobe’s tool to implement Web 2.0 effects effortlessly, using JavaScript libraries

No required plug-ins or server-side modules Three parts – used together or individually

• Spry Widgets• Spry Effects• Spry Data


Spry Widgets

Advanced web components expressed in basic HTML markup, CSS and a little JavaScript

Customization and styling is easily done using your existing HTML & CSS skills

Spry widgets are accessible – They respond to keyboard navigation and degrade gracefully when JavaScript its turned off


Spry Effects

Allow you to add smooth and graceful transitions to almost any element on your page

A single line of JavaScript is used to add an effect to your page

Effects can highlight information, create animated transitions, or visually alter a page element for a certain period of time


Spry Data

Transforms complex data sources into a familiar row/column format that can be placed anywhere within your page

Supported data sources include XML, JSON and HTML

Easily add Dynamic Regions to your page that control retrieval and placement of data without writing any JavaScript


Live Demonstration

Demonstration of Dreamweaver


Hands-On Lab & Updated Presentation

Downloadswww.JonathanMeersman.com/course09


Dreamweaver Courses at MATC

Web Site Design (VICOM-123)• Second Semester Course• Web Design with Dreamweaver & Photoshop

Commerce-Based Web Design (VICOM-124)• Third or Fourth Semester Course• Dreamweaver with Database Integration

Advanced Web Site Development (VICOM-125)• Third or Fourth Semester Course• Dreamweaver with JavaScript and Ajax Integration


Web Design at MATC

Visual Communications (Multimedia)• 69 Credits (A.A.S. Degree)

eCommerce/Web Administration• 70 Credits (A.A.S. Degree)

Web Designer• 32 Credits (Technical Diploma)

Graphic Technologies/Web Development • 9 Credits (Advanced Technical Certificate)


Q & A

Time for Questions


Resources

http://www.adobe.com/products/dreamweaver/ http://labs.adobe.com/technologies/spry/ http://labs.adobe.com/technologies/spry/articles/best_practices/standards.html http://labs.adobe.com/wiki/index.php/Spry http://en.wikipedia.org/wiki/Adobe_Dreamweaver http://www.whytryspry.com/ http://www.killersites.com/magazine/2008/dreamweaver-cs4-review/


Presenter Contact Information

Jonathan Meersman

Milwaukee Area Technical College

6665 South Howell Avenue

Oak Creek, WI 53154

(414) 571-4635

[email protected]

Adobe Dreamweaver Advanced Design for Web 2.0 Presented by: Jonathan Meersman.

Documents

Transcript of Adobe Dreamweaver Advanced Design for Web 2.0 Presented by: Jonathan Meersman.