Download PowerPoint Presentation - Jonathan Meersman

conditioninspiredInternet and Web Development

Dec 4, 2013 (3 years and 4 months ago)

60 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


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
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.

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

???

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

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

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