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

2. 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)

3. The Conference 2009 – Las VegasMarch 11-13, 2009 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

4. The Conference 2009 – Las VegasMarch 11-13, 2009 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

5. The Conference 2009 – Las VegasMarch 11-13, 2009 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

6. The Conference 2009 – Las VegasMarch 11-13, 2009 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

7. The Conference 2009 – Las VegasMarch 11-13, 2009 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

8. The Conference 2009 – Las VegasMarch 11-13, 2009 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

9. The Conference 2009 – Las VegasMarch 11-13, 2009 Live Demonstration  Demonstration of Dreamweaver

10. The Conference 2009 – Las VegasMarch 11-13, 2009 Hands-On Lab & Updated Presentation  Downloads www.JonathanMeersman.com/course09

11. The Conference 2009 – Las VegasMarch 11-13, 2009 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

12. The Conference 2009 – Las VegasMarch 11-13, 2009 Web Design at MATC  Visual Communications (Multimedia) Visual Communications 69 Credits (A.A.S. Degree)  eCommerce/Web Administration eCommerce/Web Administration 70 Credits (A.A.S. Degree)  Web Designer Web Designer 32 Credits (Technical Diploma)  Graphic Technologies/Web Development Graphic Technologies/Web Development 9 Credits (Advanced Technical Certificate)

13. The Conference 2009 – Las VegasMarch 11-13, 2009 Q & A  Time for Questions

14. The Conference 2009 – Las VegasMarch 11-13, 2009 Resources  http://www.adobe.com/products/dreamweaver/ http://www.adobe.com/products/dreamweaver/  http://labs.adobe.com/technologies/spry/ http://labs.adobe.com/technologies/spry/  http://labs.adobe.com/technologies/spry/articles/best_practices/standards.html http://labs.adobe.com/technologies/spry/articles/best_practices/standards.html  http://labs.adobe.com/wiki/index.php/Spry http://labs.adobe.com/wiki/index.php/Spry  http://en.wikipedia.org/wiki/Adobe_Dreamweaver http://en.wikipedia.org/wiki/Adobe_Dreamweaver  http://www.whytryspry.com/ http://www.whytryspry.com/  http://www.killersites.com/magazine/2008/dreamweaver-cs4-review/ http://www.killersites.com/magazine/2008/dreamweaver-cs4-review/

15. The Conference 2009 – Las VegasMarch 11-13, 2009 Presenter Contact Information Jonathan Meersman Milwaukee Area Technical College 6665 South Howell Avenue Oak Creek, WI 53154 (414) 571-4635 meersmaj@matc.edu