The World Of Dynamic Sites

2011 Student Web Conference Presentation.

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