1. LOTS OF NERDS, MANY TUBES, AND YOU.
COSMOLOGY OF THE WEB

2. BUT FIRST…
HOW A WEBSITE GETS TO YOUR
COMPUTER

3. HOW NYTIMES.COM GETS TO YOU (SIMPLIFIED)
REPORTERS
EDITORS
PHOTOGS
CMS
T. O . I .
T. O . I .
Server
DEVELOPERS
DESIGNERS
PRODUCERS
You

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. 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. HYPER TEXT MARKUP LANGUAGE
S TAT I C H T M L
• The Hyperlink
• Individually styled elements
• Each page its own castle

7. WEB 2.++
THE MODERN WEB
• Dynamic content
• Stylesheets
• Lots of languages

8. W H AT Y O U S E E

9. W H AT ’ S I N S I D E

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. 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. SWATCHBOOK FOR YOUR WEBSITE
CSS
• Sets the rules for how it all looks
• Fonts, colors, spacing, classes
• Now can help govern motion

13. ONE-TRICK HTML PONY
PHP
• Lets your site be dynamic
• Prints out HTML
• Super-fast assembly robot

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. 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. 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. CONTENT MANAGEMENT SYSTEM OF KINGS
WORDPRESS

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. YOU
SQL
CSS
PHP

20. INSTEAD OF THIS
YOU GET THIS

21. HOW IT RELATES TO THE INTERNET
WORDPRESS

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

24. 3 FLAVORS, UNLIMITED POSSIBILITIES
WORDPRESS.COM, .ORG & MU

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. WORDPRESS.ORG
• Lives on your server
• you control everything, down to the code
• FTP access
• Unlimited themes

27. TERMS
WORDPRESS
Post
Page
Menu
Media
Theme
Plugins
Jetpack
Widgets
Categories

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. such install
so code
much wordpress
wow