Week 1 - How the Web Woks + Wordpress 101

1,831 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Week 1 - How the Web Woks + Wordpress 101

  1. 1. Intro to the Modern WebStatic, Dynamic, Wordpress and How it all fits together.
  2. 2. But first...A (possibly redundant) primer on how a web site gets to your computer.
  3. 3. How nytimes.com gets to your computer: Reporters Photogs Editors Server Tubes of the Internet (big storage computer) Your Computer (or smartphone, Developers tablet, etc) Designers Producers
  4. 4. Web 1.0 - The Way it Was
  5. 5. Static HTMLHyper Text Markup Language...it’s what your web browser speaks.
  6. 6. The Web Today
  7. 7. What you see
  8. 8. What’s really underneath
  9. 9. It’s Dynamic!SQL (Dataabase): Organizes the web stuff.CSS: Cascading Style Sheets make things pretty.PHP: Programming language “prints” HTML.They work together (with others).
  10. 10. SQL The database of your content.It organizes and stores your stuff.
  11. 11. CSSYour Web site’s swatchbook.It sets the rules for how everything looks.
  12. 12. PHP The one-trick programming language.Picks the right content, gets the style rules, and prints out HTML.
  13. 13. How SQL, CSS andPHP work together:
  14. 14. SQL Data Flow PHP HTML (Your webCSS browser)
  15. 15. Front-end Back-end UI (GUI) ResponsiveExtra Terms FTP permissions HTML5 JavaScript web 2.0
  16. 16. Bottom line:That’s a lot of shit to keep track of.
  17. 17. There’s help: WordPress Content Management System
  18. 18. SQL Data Flow PHP HTML (Your web browser)CSS
  19. 19. CSS PHP SQL
  20. 20. Turns this...
  21. 21. Into this.
  22. 22. WordPress Terms
  23. 23. In the Wordpress WorldYour Stuff lives in SQLBut its CALLED:Posts, Pages , Pictures,Links etc.
  24. 24. In the Wordpress WorldYou have some CSS.But its CALLED:The Theme
  25. 25. The World of WordPress 3 Flavors — Unlimited Possibilities
  26. 26. WordPress.com Instant NoodlesWordPressMU Thanksgiving DinnerWordPress.org Your Perfect Lunch
  27. 27. WordPress.org•It all lives on your server•You control everything down to the code.•FTP Access•Automatic custom URL
  28. 28. Terms and User Interface
  29. 29. Post Page Menu Media Theme Plugins WidgetsCategories
  30. 30. Your Computer FTP Client Browser How WordPress FTP Server Dash board works. FTP Admin Server The Back EndYour Server The Web Visitor’s @ Front BrowserHostMonster End
  31. 31. Strap in...Let’s make some internet.

×