Slide 1

Slide 1 text

Monday, September 26, 11

Slide 2

Slide 2 text

The World of Dynamic Sites Monday, September 26, 11

Slide 3

Slide 3 text

What We’ll Cover Monday, September 26, 11

Slide 4

Slide 4 text

Monday, September 26, 11

Slide 5

Slide 5 text

What is a Dynamic Site Monday, September 26, 11

Slide 6

Slide 6 text

What is a Dynamic Site Why Build a Dynamic Site Monday, September 26, 11

Slide 7

Slide 7 text

What is a Dynamic Site Why Build a Dynamic Site Using a Content Management System Monday, September 26, 11

Slide 8

Slide 8 text

What is a Dynamic Site Why Build a Dynamic Site Using a Content Management System Practical Uses For You Monday, September 26, 11

Slide 9

Slide 9 text

Monday, September 26, 11

Slide 10

Slide 10 text

Junior at Springbrook High School Monday, September 26, 11

Slide 11

Slide 11 text

Junior at Springbrook High School On SHS Web Team Monday, September 26, 11

Slide 12

Slide 12 text

Junior at Springbrook High School On SHS Web Team Part of the SHS Web Business Program Monday, September 26, 11

Slide 13

Slide 13 text

Junior at Springbrook High School On SHS Web Team Part of the SHS Web Business Program Owner of Cotter Interactive Monday, September 26, 11

Slide 14

Slide 14 text

Two Types of Sites Monday, September 26, 11

Slide 15

Slide 15 text

Static Monday, September 26, 11

Slide 16

Slide 16 text

Dynamic Monday, September 26, 11

Slide 17

Slide 17 text

Dynamic Monday, September 26, 11

Slide 18

Slide 18 text

Deﬁnition Monday, September 26, 11

Slide 19

Slide 19 text

Static Pertaining to or Characterized by a Fixed or Stationary Condition Monday, September 26, 11

Slide 20

Slide 20 text

Example Monday, September 26, 11

Slide 21

Slide 21 text

Monday, September 26, 11

Slide 22

Slide 22 text

Monday, September 26, 11

Slide 23

Slide 23 text

Deﬁnition Monday, September 26, 11

Slide 24

Slide 24 text

Dynamic Pertaining to or Characterized by Energy or Effective Action; Vigorously Active or Forceful; Energetic Monday, September 26, 11

Slide 25

Slide 25 text

Example Monday, September 26, 11

Slide 26

Slide 26 text

Monday, September 26, 11

Slide 27

Slide 27 text

Monday, September 26, 11

Slide 28

Slide 28 text

Only way to update is by editing code Static Monday, September 26, 11

Slide 29

Slide 29 text

Provides an Interface to Work With for Easier Updates Dynamic Monday, September 26, 11

Slide 30

Slide 30 text

Why Build a Dynamic Site? Monday, September 26, 11

Slide 31

Slide 31 text

Monday, September 26, 11

Slide 32

Slide 32 text

Easier for the Client Monday, September 26, 11

Slide 33

Slide 33 text

Easier for the Client Easier for You Monday, September 26, 11

Slide 34

Slide 34 text

Easier for the Client Easier for You More $$ For You Monday, September 26, 11

Slide 35

Slide 35 text

Easier for the Client Easier for You More $$ For You Updating & Adding Content is no longer your problem Monday, September 26, 11

Slide 36

Slide 36 text

Many Ways to Create a Dynamic Site Monday, September 26, 11

Slide 37

Slide 37 text

...But What is Most Practical? Monday, September 26, 11

Slide 38

Slide 38 text

CMS Content Management System Monday, September 26, 11

Slide 39

Slide 39 text

CMS Content Management System Monday, September 26, 11

Slide 40

Slide 40 text

Technical Deﬁnition Monday, September 26, 11

Slide 41

Slide 41 text

“A CMS, or Content Management System, is an application designed to store, format, reproduce and manage Web data. The CMS usually uses a database to store the content and a server-side scripting language to recall and present the data.” -- Sitepoint.com Monday, September 26, 11

Slide 42

Slide 42 text

Content Code & Monday, September 26, 11

Slide 43

Slide 43 text

Content Code & Keep Them Separate Monday, September 26, 11

Slide 44

Slide 44 text

How a Site is Broken Down Monday, September 26, 11

Slide 45

Slide 45 text

Markup - HTML Style - CSS Content - Use of a CMS Monday, September 26, 11

Slide 46

Slide 46 text

Welcome to My Awesome Web Site!

Monday, September 26, 11

Slide 47

Slide 47 text

Welcome to My Awesome Web Site!

Markup Style Content Monday, September 26, 11

Slide 48

Slide 48 text

Monday, September 26, 11

Slide 49

Slide 49 text

{title}

Monday, September 26, 11

Slide 50

Slide 50 text

{title}

Markup CMS CSS Monday, September 26, 11

Slide 51

Slide 51 text

{title}

Markup CMS CSS Monday, September 26, 11

Slide 52

Slide 52 text

Examples of a CMS Monday, September 26, 11

Slide 53

Slide 53 text

Monday, September 26, 11

Slide 54

Slide 54 text

Monday, September 26, 11

Slide 55

Slide 55 text

Monday, September 26, 11

Slide 56

Slide 56 text

Monday, September 26, 11

Slide 57

Slide 57 text

“WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time.” -- WordPress.org Monday, September 26, 11

Slide 58

Slide 58 text

Why WordPress? Monday, September 26, 11

Slide 59

Slide 59 text

Monday, September 26, 11

Slide 60

Slide 60 text

Installed and functional on your server in less than 2 minutes Monday, September 26, 11

Slide 61

Slide 61 text

Installed and functional on your server in less than 2 minutes 1000’s of FREE themes to use Monday, September 26, 11

Slide 62

Slide 62 text

Installed and functional on your server in less than 2 minutes 1000’s of FREE themes to use Using a CMS means more $$ and less of your time Monday, September 26, 11

Slide 63

Slide 63 text

Example Monday, September 26, 11

Slide 64

Slide 64 text

Our Client Great Photographer Wants a Site Showcasing His Work Doesn’t Like Code Monday, September 26, 11

Slide 65

Slide 65 text

Doug Monday, September 26, 11

Slide 66

Slide 66 text

What Doug Wants Home Page About Page Gallery Page Contact Page Monday, September 26, 11

Slide 67

Slide 67 text

Step 1 Find Your Theme Monday, September 26, 11

Slide 68

Slide 68 text

Monday, September 26, 11

Slide 69

Slide 69 text

Monday, September 26, 11

Slide 70

Slide 70 text

If All Else Fails... Search Google for Free WordPress Themes Monday, September 26, 11

Slide 71

Slide 71 text

Step 2 Setup WordPress Monday, September 26, 11

Slide 72

Slide 72 text

Step 3 Tweak to Your Needs Monday, September 26, 11

Slide 73

Slide 73 text

Setting Up Full Site in 1 Minute and 25 Seconds Monday, September 26, 11

Slide 74

Slide 74 text

Monday, September 26, 11

Slide 75

Slide 75 text

Monday, September 26, 11

Slide 76

Slide 76 text

Managing Content in WordPress Monday, September 26, 11

Slide 77

Slide 77 text

Monday, September 26, 11

Slide 78

Slide 78 text

Finished Product Monday, September 26, 11

Slide 79

Slide 79 text

Monday, September 26, 11

Slide 80

Slide 80 text

Great work! I love it. It’s easy for me to update and change my collection on my own time. Monday, September 26, 11

Slide 81

Slide 81 text

What We Learned Monday, September 26, 11

Slide 82

Slide 82 text

Very Minimal Work Needed On Our End You Can Charge $200 - $300 Happy Client = More Work Monday, September 26, 11

Slide 83

Slide 83 text

Monday, September 26, 11

Slide 84

Slide 84 text

“Its ﬂexibility allows you to build a website that not only fulﬁlls your needs and creative vision today, but will grow and scale as your business needs change in the future.” -- ExpressionEngine.com Monday, September 26, 11

Slide 85

Slide 85 text

ExpressionEngine is a Great Learning Environment Monday, September 26, 11

Slide 86

Slide 86 text

Monday, September 26, 11

Slide 87

Slide 87 text

“But the code is not going to make sense to me.” Monday, September 26, 11

Slide 88

Slide 88 text

ExpressionEngine’s Syntax is Like English Monday, September 26, 11

Slide 89

Slide 89 text

Setting the Scene Display 5 Blog Posts on Blog Page Monday, September 26, 11

Slide 90

Slide 90 text

Title Blog Post Author Monday, September 26, 11

Slide 91

Slide 91 text

You Tell ExpressionEngine What Each Field Should Be Referred To As Monday, September 26, 11

Slide 92

Slide 92 text

Monday, September 26, 11

Slide 93

Slide 93 text

channel=“blog” Monday, September 26, 11

Slide 94

Slide 94 text

{title} channel=“blog” Monday, September 26, 11

Slide 95

Slide 95 text

{title} {blog-post} channel=“blog” Monday, September 26, 11

Slide 96

Slide 96 text

{title} - By: {author} {blog-post} {exp:channel:entries channel=”blog” limit=”5”} {/exp:channel:entries}

Monday, September 26, 11

Slide 97

Slide 97 text

{title} - By: {author} {blog-post} {exp:channel:entries channel=”blog” limit=”5”} {/exp:channel:entries}

Monday, September 26, 11

Slide 98

Slide 98 text

{title} - By: {author} {blog-post} {exp:channel:entries channel=”blog” limit=”5”} {/exp:channel:entries} Markup Style CMS

Monday, September 26, 11

Slide 99

Slide 99 text

{title} - By: {author} {blog-post} {exp:channel:entries channel=”blog” limit=”5”} {/exp:channel:entries} Markup Style CMS

Monday, September 26, 11

Slide 100

Slide 100 text

Bottom Line You’re Setting Variables that Get Filled with what the User Types in the CMS Control Panel Monday, September 26, 11

Slide 101

Slide 101 text

What We Learned Monday, September 26, 11

Slide 102

Slide 102 text

Monday, September 26, 11

Slide 103

Slide 103 text

Static vs. Dynamic Monday, September 26, 11

Slide 104

Slide 104 text

Static vs. Dynamic Who Beneﬁts From a Dynamic Site Monday, September 26, 11

Slide 105

Slide 105 text

Static vs. Dynamic Who Beneﬁts From a Dynamic Site What a CMS is Monday, September 26, 11

Slide 106

Slide 106 text

Static vs. Dynamic Who Beneﬁts From a Dynamic Site What a CMS is Realistic Scenario Using WordPress Monday, September 26, 11

Slide 107

Slide 107 text

Static vs. Dynamic Who Beneﬁts From a Dynamic Site What a CMS is Realistic Scenario Using WordPress Easy-to-Understand Code Using ExpressionEngine Monday, September 26, 11

Slide 108

Slide 108 text

Thank You Monday, September 26, 11