Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The World Of Dynamic Sites

7157ca196b96e224c39f4d37a86bb5a1?s=47 Kyle Cotter
September 26, 2011

The World Of Dynamic Sites

2011 Student Web Conference Presentation.

7157ca196b96e224c39f4d37a86bb5a1?s=128

Kyle Cotter

September 26, 2011
Tweet

Transcript

  1. Monday, September 26, 11

  2. The World of Dynamic Sites Monday, September 26, 11

  3. What We’ll Cover Monday, September 26, 11

  4. Monday, September 26, 11

  5. What is a Dynamic Site Monday, September 26, 11

  6. What is a Dynamic Site Why Build a Dynamic Site

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

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

    Using a Content Management System Practical Uses For You Monday, September 26, 11
  9. Monday, September 26, 11

  10. Junior at Springbrook High School Monday, September 26, 11

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

    September 26, 11
  12. Junior at Springbrook High School On SHS Web Team Part

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

    of the SHS Web Business Program Owner of Cotter Interactive Monday, September 26, 11
  14. Two Types of Sites Monday, September 26, 11

  15. Static Monday, September 26, 11

  16. Dynamic Monday, September 26, 11

  17. Dynamic Monday, September 26, 11

  18. Definition Monday, September 26, 11

  19. Static Pertaining to or Characterized by a Fixed or Stationary

    Condition Monday, September 26, 11
  20. Example Monday, September 26, 11

  21. Monday, September 26, 11

  22. Monday, September 26, 11

  23. Definition Monday, September 26, 11

  24. Dynamic Pertaining to or Characterized by Energy or Effective Action;

    Vigorously Active or Forceful; Energetic Monday, September 26, 11
  25. Example Monday, September 26, 11

  26. Monday, September 26, 11

  27. Monday, September 26, 11

  28. Only way to update is by editing code Static Monday,

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

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

  31. Monday, September 26, 11

  32. Easier for the Client Monday, September 26, 11

  33. Easier for the Client Easier for You Monday, September 26,

    11
  34. Easier for the Client Easier for You More $$ For

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

    You Updating & Adding Content is no longer your problem Monday, September 26, 11
  36. Many Ways to Create a Dynamic Site Monday, September 26,

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

  38. CMS Content Management System Monday, September 26, 11

  39. CMS Content Management System Monday, September 26, 11

  40. Technical Definition Monday, September 26, 11

  41. “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
  42. Content Code & Monday, September 26, 11

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

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

  45. Markup - HTML Style - CSS Content - Use of

    a CMS Monday, September 26, 11
  46. <h1 style=“background: blue; color: white; margin: 20px;”> Welcome to My

    Awesome Web Site! </h1> Monday, September 26, 11
  47. <h1 style=“background: blue; color: white; margin: 20px;”> Welcome to My

    Awesome Web Site! </h1> Markup Style Content Monday, September 26, 11
  48. Monday, September 26, 11

  49. <h1 class=“header”> {title} </h1> Monday, September 26, 11

  50. <h1 class=“header”> {title} </h1> Markup CMS CSS Monday, September 26,

    11
  51. <h1 class=“header”> {title} </h1> Markup CMS CSS Monday, September 26,

    11
  52. Examples of a CMS Monday, September 26, 11

  53. Monday, September 26, 11

  54. Monday, September 26, 11

  55. Monday, September 26, 11

  56. Monday, September 26, 11

  57. “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
  58. Why WordPress? Monday, September 26, 11

  59. Monday, September 26, 11

  60. Installed and functional on your server in less than 2

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

    minutes 1000’s of FREE themes to use Monday, September 26, 11
  62. 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
  63. Example Monday, September 26, 11

  64. Our Client Great Photographer Wants a Site Showcasing His Work

    Doesn’t Like Code Monday, September 26, 11
  65. Doug Monday, September 26, 11

  66. What Doug Wants Home Page About Page Gallery Page Contact

    Page Monday, September 26, 11
  67. Step 1 Find Your Theme Monday, September 26, 11

  68. Monday, September 26, 11

  69. Monday, September 26, 11

  70. If All Else Fails... Search Google for Free WordPress Themes

    Monday, September 26, 11
  71. Step 2 Setup WordPress Monday, September 26, 11

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

  73. Setting Up Full Site in 1 Minute and 25 Seconds

    Monday, September 26, 11
  74. Monday, September 26, 11

  75. Monday, September 26, 11

  76. Managing Content in WordPress Monday, September 26, 11

  77. Monday, September 26, 11

  78. Finished Product Monday, September 26, 11

  79. Monday, September 26, 11

  80. Great work! I love it. It’s easy for me to

    update and change my collection on my own time. Monday, September 26, 11
  81. What We Learned Monday, September 26, 11

  82. Very Minimal Work Needed On Our End You Can Charge

    $200 - $300 Happy Client = More Work Monday, September 26, 11
  83. Monday, September 26, 11

  84. “Its flexibility allows you to build a website that not

    only fulfills 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
  85. ExpressionEngine is a Great Learning Environment Monday, September 26, 11

  86. Monday, September 26, 11

  87. “But the code is not going to make sense to

    me.” Monday, September 26, 11
  88. ExpressionEngine’s Syntax is Like English Monday, September 26, 11

  89. Setting the Scene Display 5 Blog Posts on Blog Page

    Monday, September 26, 11
  90. Title Blog Post Author Monday, September 26, 11

  91. You Tell ExpressionEngine What Each Field Should Be Referred To

    As Monday, September 26, 11
  92. Monday, September 26, 11

  93. channel=“blog” Monday, September 26, 11

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

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

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

    class=“blog-title”> </h1> Monday, September 26, 11
  97. {title} - By: {author} {blog-post} {exp:channel:entries channel=”blog” limit=”5”} {/exp:channel:entries} <h1

    class=“blog-title”> </h1> Monday, September 26, 11
  98. {title} - By: {author} {blog-post} {exp:channel:entries channel=”blog” limit=”5”} {/exp:channel:entries} Markup

    Style CMS <h1 class=“blog-title”> </h1> Monday, September 26, 11
  99. {title} - By: {author} {blog-post} {exp:channel:entries channel=”blog” limit=”5”} {/exp:channel:entries} Markup

    Style CMS <h1 class=“blog-title”> </h1> Monday, September 26, 11
  100. Bottom Line You’re Setting Variables that Get Filled with what

    the User Types in the CMS Control Panel Monday, September 26, 11
  101. What We Learned Monday, September 26, 11

  102. Monday, September 26, 11

  103. Static vs. Dynamic Monday, September 26, 11

  104. Static vs. Dynamic Who Benefits From a Dynamic Site Monday,

    September 26, 11
  105. Static vs. Dynamic Who Benefits From a Dynamic Site What

    a CMS is Monday, September 26, 11
  106. Static vs. Dynamic Who Benefits From a Dynamic Site What

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

    a CMS is Realistic Scenario Using WordPress Easy-to-Understand Code Using ExpressionEngine Monday, September 26, 11
  108. Thank You Monday, September 26, 11