1 / 15

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

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

mickey
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. 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. 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. 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. 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. 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. 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. 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. Live Demonstration • Demonstration of Dreamweaver

  10. Hands-On Lab & Updated Presentation • Downloads www.JonathanMeersman.com/course09

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

  13. Q & A • Time for Questions

  14. 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/

  15. Presenter Contact Information Jonathan Meersman Milwaukee Area Technical College 6665 South Howell Avenue Oak Creek, WI 53154 (414) 571-4635 meersmaj@matc.edu

More Related