1. Adobe® Dreamweaver Develop Sites with CMS Support Presented by: Jonathan Meersman

2. Session Agenda  Presenter Background  Adobe ® Dreamweaver  Content Management Systems (CMS)  Dreamweaver’s Integrated Features for CMS  CMS Frameworks in Dreamweaver  Dreamweaver/WordPress Demonstration  Web Design at MATC  Q & A

3. Presenter Background  Jonathan Meersman o Current Industry Employment  Milwaukee Area Technical College – Web Design Faculty  E-Business Consultant o Previous Industry Experience  HostingSpot.com – Founder & Past President  General Electric – eLead Systems Designer  Milwaukee Kickers Soccer Club – Multimedia Coordinator o Education  MBA in E-Business  BA in Geography (focus: Computer Cartography)

4. Adobe ® Dreamweaver  What is Dreamweaver? o Industry leading web design/development program o MAC and Windows versions o Built-in FTP/SFTP client o Supports HTML, CSS, ASP, PHP, XML, JavaScript, Ajax, ColdFusion, etc.

5. Adobe ® Dreamweaver  History of Dreamweaver o 1997 – Developed by Allaire Systems o 2001 – Macromedia acquired Allaire o 2005 – Adobe acquired Macromedia o 2007 – Adobe Dreamweaver 9 (CS3) - 4/07 o 2008 – Adobe Dreamweaver 10 (CS4) - 10/08 o 2010 – Adobe Dreamweaver 11 (CS5) - 04/10  What will the future hold? o 2011 – Adobe Dreamweaver 12 (CS6) - 10/11 ???

6. Content Management Systems (CMS)  What are Content Management Systems? o Software for dynamic web sites used to create, edit, manage, and publish content at runtime in a consistently organized fashion o Content managed may include blogs, documents, images, audio files, video files, and web content o Used for storing, controlling, versioning, and publishing industry- specific documentation, such as:  News articles  Operators' manuals  Technical manuals  Sales guides  Marketing brochures

7. Content Management Systems (CMS)  Benefits of CMS o Allows multiple authors to contribute to and share content o Controls access to content based on user roles o Separates content from design o Aids in easy storage and retrieval of content o Saves development time o Reduces repetitive duplicate input o Access site from any computer device with Internet access o HTML knowledge not required

8. Content Management Systems (CMS)  Types of CMS Solutions o Enterprise CMS  Typically very costly – used by large organizations  Often developed with ASP, ASP.NET, JSP, ColdFusion, or proprietary coding  Examples:  SharePoint (Microsoft)  Oracle Content Management  OpenText o Open Source CMS  Free – used by individuals, small businesses, and even some large organizations  Primarily developed using PHP & MySQL (also free to install and use)  Examples:  WordPress  Joomla!  Drupal

9. Content Management Systems (CMS)  Example CMS Sites o WordPress (blog-style)  www.ycorpblog.com (Yahoo corporate blog) www.ycorpblog.com  www.nytimes.com/interactive/blogs/directory.html (over 50 NY Times blogs) www.nytimes.com/interactive/blogs/directory.html  news.harvard.edu news.harvard.edu o Joomla! (portal or general purpose)  osu.okstate.edu osu.okstate.edu  www.ihop.com www.ihop.com  www.coolplanet2009.org (United Nations) www.coolplanet2009.org o Drupal (portal or general purpose)  www.whitehouse.gov www.whitehouse.gov  www.pga.com www.pga.com  www.iq.harvard.edu www.iq.harvard.edu

10. Dreamweaver’s Integrated Features for CMS  Live Preview o Real time preview of you site in Dreamweaver, with ability of previewing content via any popular browser  File Relationship with Filters o See how different PHP, CSS, and JavaScript files relate to each other when used to create dynamic content  LiveView o Ability to browse throughout the site without leaving Dreamweaver (For best experience, combine LiveView with Live Preview)  Site-Specific Code Hints o Ability to write CMS-specific code based on a particular CMS, with Code Hints relating only to that specific CMS

11. CMS Frameworks in Dreamweaver  Dreamweaver supports the following open source CMSs: o WordPress (blog-style) o Joomla! (portal or general purpose) o Drupal (portal or general purpose)

12. Dreamweaver/WordPress Demonstration  Live Demonstration of WordPress using Dreamweaver’s integrated CMS features

13. Web Design at MATC  Visual Communications (Multimedia) Visual Communications o 69 Credits (A.A.S. Degree)  eBusiness Technology Specialist eBusiness Technology Specialist o 70 Credits (A.A.S. Degree)  Web Designer Web Designer o 32 Credits (Technical Diploma)  Web Programming Web Programming o 9 Credits (Advanced Technical Certificate)

14. Q & A  Time for Questions

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

16. Resources  http://adobe.com/products/dreamweaver/ http://adobe.com/products/dreamweaver/  http://adobe.com/devnet/dreamweaver/?view=gettingstarted http://adobe.com/devnet/dreamweaver/?view=gettingstarted  http://adobe.com/devnet/dreamweaver/application_development.html http://adobe.com/devnet/dreamweaver/application_development.html  http://tv.adobe.com/product/dreamweaver/ http://tv.adobe.com/product/dreamweaver/  http://tv.adobe.com/watch/learn-dreamweaver-cs5/sitespecific-code-hinting-in-dreamweaver-cs5/ http://tv.adobe.com/watch/learn-dreamweaver-cs5/sitespecific-code-hinting-in-dreamweaver-cs5/  http://tv.adobe.com/watch/learn-dreamweaver-cs5/working-with-cms-frameworks/ http://tv.adobe.com/watch/learn-dreamweaver-cs5/working-with-cms-frameworks/  http://en.wikipedia.org/wiki/Adobe_Dreamweaver http://en.wikipedia.org/wiki/Adobe_Dreamweaver  http://en.wikipedia.org/wiki/Content_management_system http://en.wikipedia.org/wiki/Content_management_system  http://www.lynda.com/tutoriallanding/63427 http://www.lynda.com/tutoriallanding/63427  http://irishguy.us/why-update-to-dreamweaver-cs5/ http://irishguy.us/why-update-to-dreamweaver-cs5/  http://wordpress.org http://wordpress.org  http://drupal.org http://drupal.org  http://joomla.org http://joomla.org