Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cosmology of the web - Lecture 1

505 views

Published on

Published in: Education, Technology, Business
  • Be the first to comment

  • Be the first to like this

Cosmology of the web - Lecture 1

  1. 1. LOTS OF NERDS, MANY TUBES, AND YOU. COSMOLOGY OF THE WEB
  2. 2. BUT FIRST… HOW A WEBSITE GETS TO YOUR COMPUTER
  3. 3. HOW NYTIMES.COM GETS TO YOU (SIMPLIFIED) REPORTERS EDITORS PHOTOGS CMS T. O . I . T. O . I . Server DEVELOPERS DESIGNERS PRODUCERS You
  4. 4. WEB 1.0 — THE WAY WE WERE. S I M P L E , S TAT I C A N D H T M L O N LY
  5. 5. WEB 1.0 — THE WAY WE WERE. S I M P L E , S TAT I C A N D H T M L O N LY
  6. 6. HYPER TEXT MARKUP LANGUAGE S TAT I C H T M L • The Hyperlink • Individually styled elements • Each page its own castle
  7. 7. WEB 2.++ THE MODERN WEB • Dynamic content • Stylesheets • Lots of languages
  8. 8. W H AT Y O U S E E
  9. 9. W H AT ’ S I N S I D E
  10. 10. THE DYNAMIC WEB — LANGUAGES SCRIPT P H P, J A V A S C R I P T, R U B Y, A N D M A N Y M O R E H E L P Y O U C R E AT E L O T S O F H T M L Q U I C K LY. STYLE C S S : C A S C A D I N G S T Y L E S H E E T S M A K E I T A L L P R E T T Y, FLEXIBLE, AND SOMETIMES MOVING. SERVER S Q L ( P R O N O U N C E D S E Q U E L ) C R E AT E S A N D O R G A N I Z E S Y O U R W E B S T U F F ( D ATA B A S E )
  11. 11. D A TA B A S E F O R Y O U R C O N T E N T SQL • Creates an organizational system • Organizes your stuff • Your parts bin
  12. 12. SWATCHBOOK FOR YOUR WEBSITE CSS • Sets the rules for how it all looks • Fonts, colors, spacing, classes • Now can help govern motion
  13. 13. ONE-TRICK HTML PONY PHP • Lets your site be dynamic • Prints out HTML • Super-fast assembly robot
  14. 14. H O W P H P, C S S A N D S Q L W O R K T O G E T H E R SQL PHP HTML CSS THE SERVER WEB BROWSER
  15. 15. SOUND LIKE YOU KNOW WHAT’S UP MORE TERMS Front-end Back-end UI (GUI) WYSIWYG FTP permissions Flash JavaScript Ruby HTML5/CSS3 web 2.0
  16. 16. Y O U ’ R E T H I N K I N G T H A T S A L O T O F S H I T T O K E E P T R A C K O F. CMS
  17. 17. CONTENT MANAGEMENT SYSTEM OF KINGS WORDPRESS
  18. 18. H O W P H P, C S S A N D S Q L W O R K T O G E T H E R SQL PHP HTML CSS THE SERVER WEB BROWSER
  19. 19. YOU SQL CSS PHP
  20. 20. INSTEAD OF THIS YOU GET THIS
  21. 21. HOW IT RELATES TO THE INTERNET WORDPRESS
  22. 22. I N S T E A D O F S Q L , Y O U G E T: P O S T S , PA G E S , MEDIA AND LINKS
  23. 23. I N S T E A D O F C S S , Y O U G E T: THEMES
  24. 24. 3 FLAVORS, UNLIMITED POSSIBILITIES WORDPRESS.COM, .ORG & MU
  25. 25. WordPress.com WordPress.org WordPress MU fast, light, free fast, free Ultimate scale ! ! ! all hosted for you you own it to the code-level for managing a network of blogs
  26. 26. WORDPRESS.ORG • Lives on your server • you control everything, down to the code • FTP access • Unlimited themes
  27. 27. TERMS WORDPRESS Post Page Menu Media Theme Plugins Jetpack Widgets Categories
  28. 28. HOW WORDPRESS WORKS YOUR COMPUTER FTP CLIENT BROWSER FTP WP DASH. FTP SERVER ADMIN BACK END YOUR SERVER @ HOSTMONSTER FRONT END T. O . I . USER’S WEB BROWSER
  29. 29. such install so code much wordpress wow

×