Adobe Dreamweaver Advanced Design for Web 2 0

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 – Hosting. Spot. com – Founder & Past President – General Electric – e. Lead Systems Designer – Milwaukee Kickers Soccer Club – Multimedia Coordinator • Education March 11 -13, 2009 The Conference 2009 – Las Vegas – MBA in e. Business

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 (CS 3) in 2007 • Adobe Dreamweaver 10 (CS 4) released March 11 -13, 2009 The Conference 2009 – Las Vegas

Spry Framework • Spry is Adobe’s tool to implement Web 2. 0 effects effortlessly, using Java. Script 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 Java. Script • 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 Java. Script 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 Java. Script 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 Java. Script 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. Jonathan. Meersman. com/course 09 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) March 11 -13, 2009 The Conference 2009 – Las Vegas

Web Design at MATC • Visual Communications (Multimedia) – 69 Credits (A. A. S. Degree) • e. Commerce/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/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-cs 4 -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 meersmaj@matc. edu March 11 -13, 2009 The Conference 2009 – Las Vegas