This presentation was developed to give people who do not have a lot of experience with technology a basic understanding of today's website technologies and how they work. Learn more at http://www.helpeverybodyeveryday.com

1. Website 101

5. One HTML File = One Website Page

6. Websites in HTML have Multiple Files (Pages) Index.html myhobbyies.htm Mycat.htm Mydog.htm mywife.htm The main page is always called “index”

7. A Corporate Site Built In HTML Could have Hundreds of Files (Pages)

10. This is What You See

14. The First Major Evolution

19. Adobe Bought GoLive and Macromedia and Put Out Adobe Dreamweaver in 2007

20. Next Big Web Evolution Standards and CSS

23. CSS Files Tell HTML Files How To Look CSS File Turn Blue!!!! OK CSS File, Whatever You Say! HTML File

24. One CSS File Can Control the Layout of The Whole Site CSS File All of You Pages Turn Blue!!!! OK CSS File, Whatever You Say! HTML File HTML File HTML File HTML File

25. This is why CSS files are often referred to as a “template”

28. If Your Code Adheres to W3C Standards that Means it “Validates”

29. Next Web Evolution Scripting and Dynamic Sites

34. Scripting Languages Make the Webserver Do Some Thinking as Well (why its called “Server Side Scripting”)

35. Example Code (We’ll Use PHP as our example) <?php phpinfo(); ?>

36. What You See

38. One PHP File Could Act as Many Different Webpages Index.php = Index.html Mycat.html Mydog.html mywife.html

39. Say What?

40. Let’s Look at this in Detail…

41. A PHP file doesn’t need to have design or content in it. It is essentially naked. Index.php I feel so ashamed!

42. Since PHP can connect to a database and CSS file, it can be told what to say and what to look like. CSS File Index.php Database

43. When You Click a Link on the page, it changes into the page you want to see. That’s why its called “dynamic” Index.php

46. Both pages are Index.php The two different webpages are coming from the same file.

47. Think About This Concept for a Second. Its important.

48. How Do You Control This Process?

49. If You Add Another PHP File to Control the Information in the Database, You Have What’s Known as A Content Management System (CMS)

50. CSS File Index.php ” Backend.php”

51. A CMS includes a Database and a Webpage used to Update the Database

54. The Page that Controls the Database is referred to as the “Backend” or an “Administration Page”

55. Most “backends” include Word Processing features (i.e. WYSIWYG) to help you create and update content

56. They May Also Allow You To Schedule When Content Appears on Your Site.

57. Security Features in Backends Help Multiple Users Work Together to Update Content

58. Now Anybody Can Update the Content of a Website This creates a flurry of new websites called “blogs.”

59. CMS Puts “Webmasters” Out of Work

61. Each CMS is built in a specific scripting language and requires a specific type of database

62. A Large Majority of Corporate Websites Now Have Content Management Systems

63. Next Web Evolution XML

66. Google Uses Ajax to Create a Web Based Email Program that Works Like Desktop Email Programs

69. Many Websites now have RSS feeds that push their website content to users

70. Visitors Can Subscribe to Get an Email Whenever You Post New Information on Your Site

71. RSS is also the Driving Force Behind Podcasts

72. RSS Feeds Can Be “Syndicated”