170 likes | 395 Views
Adobe® Dreamweaver Develop Sites with CMS Support. Presented by: Jonathan Meersman. Session Agenda. Presenter Background Adobe ® Dreamweaver Content Management Systems (CMS) Dreamweaver’s Integrated Features for CMS CMS Frameworks in Dreamweaver Dreamweaver/WordPress Demonstration
E N D
Adobe® DreamweaverDevelop Sites with CMS Support Presented by: Jonathan Meersman
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
Presenter Background • Jonathan Meersman • Current Industry Employment • Milwaukee Area Technical College – Web Design Faculty • E-Business Consultant • Previous Industry Experience • HostingSpot.com – Founder & Past President • General Electric – eLead Systems Designer • Milwaukee Kickers Soccer Club – Multimedia Coordinator • Education • MBA in E-Business • BA in Geography (focus: Computer Cartography)
Adobe® Dreamweaver • What is Dreamweaver? • Industry leading web design/development program • MAC and Windows versions • Built-in FTP/SFTP client • Supports HTML, CSS, ASP, PHP, XML, JavaScript, Ajax, ColdFusion, etc.
Adobe® Dreamweaver • History of Dreamweaver • 1997 – Developed by Allaire Systems • 2001 – Macromedia acquired Allaire • 2005 – Adobe acquired Macromedia • 2007 – Adobe Dreamweaver 9 (CS3) - 4/07 • 2008 – Adobe Dreamweaver 10 (CS4) - 10/08 • 2010 – Adobe Dreamweaver 11 (CS5) - 04/10 • What will the future hold? • 2011 – Adobe Dreamweaver 12 (CS6) - 10/11 ???
Content Management Systems (CMS) • What are Content Management Systems? • Software for dynamic web sites used to create, edit, manage, and publish content at runtime in a consistently organized fashion • Content managed may include blogs, documents, images, audio files, video files, and web content • Used for storing, controlling, versioning, and publishing industry-specific documentation, such as: • News articles • Operators' manuals • Technical manuals • Sales guides • Marketing brochures
Content Management Systems (CMS) • Benefits of CMS • Allows multiple authors to contribute to and share content • Controls access to content based on user roles • Separates content from design • Aids in easy storage and retrieval of content • Saves development time • Reduces repetitive duplicate input • Access site from any computer device with Internet access • HTML knowledge not required
Content Management Systems (CMS) • Types of CMS Solutions • 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 • 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
Content Management Systems (CMS) • Example CMS Sites • WordPress (blog-style) • www.ycorpblog.com (Yahoo corporate blog) • www.nytimes.com/interactive/blogs/directory.html (over 50 NY Times blogs) • news.harvard.edu • Joomla! (portal or general purpose) • osu.okstate.edu • www.ihop.com • www.coolplanet2009.org (United Nations) • Drupal (portal or general purpose) • www.whitehouse.gov • www.pga.com • www.iq.harvard.edu
Dreamweaver’s Integrated Features for CMS • Live Preview • Real time preview of you site in Dreamweaver, with ability of previewing content via any popular browser • File Relationship with Filters • See how different PHP, CSS, and JavaScript files relate to each other when used to create dynamic content • LiveView • Ability to browse throughout the site without leaving Dreamweaver (For best experience, combine LiveView with Live Preview) • Site-Specific Code Hints • Ability to write CMS-specific code based on a particular CMS, with Code Hints relating only to that specific CMS
CMS Frameworks in Dreamweaver • Dreamweaver supports the following open source CMSs: • WordPress (blog-style) • Joomla! (portal or general purpose) • Drupal (portal or general purpose)
Dreamweaver/WordPress Demonstration • Live Demonstration of WordPress using Dreamweaver’s integrated CMS features
Web Design at MATC • Visual Communications (Multimedia) • 69 Credits (A.A.S. Degree) • eBusiness Technology Specialist • 70 Credits (A.A.S. Degree) • Web Designer • 32 Credits (Technical Diploma) • Web Programming • 9 Credits (Advanced Technical Certificate)
Q & A • Time for Questions
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
Resources • http://adobe.com/products/dreamweaver/ • http://adobe.com/devnet/dreamweaver/?view=gettingstarted • http://adobe.com/devnet/dreamweaver/application_development.html • 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/working-with-cms-frameworks/ • http://en.wikipedia.org/wiki/Adobe_Dreamweaver • http://en.wikipedia.org/wiki/Content_management_system • http://www.lynda.com/tutoriallanding/63427 • http://irishguy.us/why-update-to-dreamweaver-cs5/ • http://wordpress.org • http://drupal.org • http://joomla.org