LOTS OF NERDS, MANY TUBES, AND YOU.

COSMOLOGY OF THE WEB
BUT FIRST…

HOW A WEBSITE GETS TO YOUR
COMPUTER
HOW NYTIMES.COM GETS TO YOU (SIMPLIFIED)
REPORTERS
EDITORS
PHOTOGS

CMS

T. O . I .

T. O . I .

Server
DEVELOPERS
DESIGNE...
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
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
HYPER TEXT MARKUP LANGUAGE

S TAT I C H T M L
• The Hyperlink
• Individually styled elements
• Each page its own castle
WEB 2.++

THE MODERN WEB
• Dynamic content
• Stylesheets
• Lots of languages
W H AT Y O U S E E
W H AT ’ S I N S I D E
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 ...
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
SWATCHBOOK FOR YOUR WEBSITE

CSS
• Sets the rules for how it all looks
• Fonts, colors, spacing, classes
• Now can help go...
ONE-TRICK HTML PONY

PHP
• Lets your site be dynamic
• Prints out HTML
• Super-fast assembly robot
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
SOUND LIKE YOU KNOW WHAT’S UP

MORE TERMS

Front-end
Back-end
UI (GUI)
WYSIWYG
FTP
permissions
Flash
JavaScript
Ruby
HTML5...
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
CONTENT MANAGEMENT SYSTEM OF KINGS

WORDPRESS
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
YOU

SQL

CSS

PHP
INSTEAD OF THIS

YOU GET THIS
HOW IT RELATES TO THE INTERNET

WORDPRESS
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
I N S T E A D O F C S S , Y O U G E T:

THEMES
3 FLAVORS, UNLIMITED POSSIBILITIES

WORDPRESS.COM, .ORG & MU
WordPress.com

WordPress.org

WordPress MU

fast, light, free

fast, free

Ultimate scale

!

!

!

all hosted for you

yo...
WORDPRESS.ORG

• Lives on your server
• you control everything, down to the code
• FTP access
• Unlimited themes
TERMS

WORDPRESS

Post
Page
Menu
Media
Theme
Plugins
Jetpack
Widgets
Categories
HOW WORDPRESS WORKS

YOUR COMPUTER
FTP CLIENT

BROWSER

FTP

WP
DASH.

FTP SERVER

ADMIN

BACK END

YOUR SERVER
@
HOSTMONS...
such install
so code
much wordpress
wow
Upcoming SlideShare
Loading in …5
×

Cosmology of the web - Lecture 1

378
-1

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
378
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×