Week 1 Slides - Cosmology of the Modern WordPress Web

745 views

Published on

Stanford Digital Journalism - 2012

Week 1 Covering how the modern dynamic web works, and how WordPress fits within the modern web framework.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
745
On SlideShare
0
From Embeds
0
Number of Embeds
231
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Welcome - \nClass will be bias toward action - making things that work and learning from them\nLearning to teach yourself.\nThis is a primer on how the internet works, and how media makers interact with it. \n
  • may be too basic for some, and will be a revelation for others.\n
  • \n
  • This is the homepage of NYTimes.com back in 1996. \n
  • Static\nInduvidually coded elements\nlots of work to make one page, forget universal style changes.\n
  • \n
  • \n
  • \n
  • \n
  • use Car metaphor\n\n
  • Car parts bin\n
  • \n
  • Assembly-bot.\n\nTakes the parts, with the correct color, and assembles. \n
  • \n
  • \n
  • Ask what terms they know. \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Week 1 Slides - Cosmology of the Modern WordPress Web

    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 Reporters Photogs Editors Server Tubes of the Internet Your Computer(big storage computer) Developers 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 (Sequel): 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. use car metaphor - parts bins.
    11. 11. CSSYour Web site’s swatchbook.It sets the rules for how everything looks.colors, fabrics, plastic vs. wood paneling.
    12. 12. PHP The one-trick programming language.Picks the right content, gets the style rules, and prints out HTML. the assembly robot.
    13. 13. How SQL, CSS and PHP work
    14. 14. SQL Data Flow PHP HTML (Your webCSS browser)
    15. 15. Front-end Back-end UI (GUI) WYSIWYGExtra FTP permissions Flash JavaScript web 2.0
    16. 16. Bottom line:That’s a lot of shit to keep track of.
    17. 17. There’sWordPressContent 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 , Media,Links etc.
    24. 24. In the Wordpress WorldYou have some CSS.But its CALLED:The Theme
    25. 25. The World of WordPress3 Flavors — Unlimited Possibilities
    26. 26. WordPress.co Instant NoodlesWordPressMU Thanksgiving DinnerWordPress.or Your Perfect Lunch
    27. 27. WordPress.org•It all lives on your server•You control everything down to thecode.•FTP Access•Automatic custom URL
    28. 28. Terms and User Interface
    29. 29. Post Page Menu Media Theme Plugins WidgetsCategories
    30. 30. Your FTP Client Browser How WordPress FTP Server Dash board works. FTP Admin Server The Back End TheYour Server Fron Web Visitor’s @ t BrowserHostMonster End
    31. 31. Strap in...Let’s make some internet.

    ×