Transcript Document
Adobe Dreamweaver Advanced Design for Web 2.0 Presented by: Jonathan Meersman 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) March 11-13, 2009 The Conference 2009 – Las Vegas 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 March 11-13, 2009 The Conference 2009 – Las Vegas 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 March 11-13, 2009 The Conference 2009 – Las Vegas 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 March 11-13, 2009 The Conference 2009 – Las Vegas 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 March 11-13, 2009 The Conference 2009 – Las Vegas 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 March 11-13, 2009 The Conference 2009 – Las Vegas 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 March 11-13, 2009 The Conference 2009 – Las Vegas Live Demonstration Demonstration of Dreamweaver March 11-13, 2009 The Conference 2009 – Las Vegas Hands-On Lab & Updated Presentation Downloads www.JonathanMeersman.com/course09 March 11-13, 2009 The Conference 2009 – Las Vegas 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 March 11-13, 2009 The Conference 2009 – Las Vegas 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) March 11-13, 2009 The Conference 2009 – Las Vegas Q&A Time for Questions March 11-13, 2009 The Conference 2009 – Las Vegas 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/ March 11-13, 2009 The Conference 2009 – Las Vegas Presenter Contact Information Jonathan Meersman Milwaukee Area Technical College 6665 South Howell Avenue Oak Creek, WI 53154 (414) 571-4635 [email protected] March 11-13, 2009 The Conference 2009 – Las Vegas