Download 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