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
 Web Design at MATC
Q&A
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)
Adobe® Dreamweaver
 What is Dreamweaver?
o
o
o
o
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
o
o
o
o
o
o
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?
o 2011 – Adobe Dreamweaver 12 (CS6) - 10/11 ???
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 industryspecific documentation, such as:





News articles
Operators' manuals
Technical manuals
Sales guides
Marketing brochures
Content Management Systems (CMS)
 Benefits of CMS
o
o
o
o
o
o
o
o
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
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
Content Management Systems (CMS)
 Example CMS Sites
o WordPress (blog-style)
 www.ycorpblog.com (Yahoo corporate blog)
 www.nytimes.com/interactive/blogs/directory.html (over 50 NY Times blogs)
 news.harvard.edu
o Joomla! (portal or general purpose)
 osu.okstate.edu
 www.ihop.com
 www.coolplanet2009.org (United Nations)
o Drupal (portal or general purpose)
 www.whitehouse.gov
 www.pga.com
 www.iq.harvard.edu
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
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)
Dreamweaver/WordPress Demonstration
 Live Demonstration of WordPress using Dreamweaver’s
integrated CMS features
Web Design at MATC
 Visual Communications (Multimedia)
o 69 Credits (A.A.S. Degree)
 eBusiness Technology Specialist
o 70 Credits (A.A.S. Degree)
 Web Designer
o 32 Credits (Technical Diploma)
 Web Programming
o 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