Stanford Digital Journalism - 2012 Week 1 Covering how the modern dynamic web works, and how WordPress fits within the modern web framework.

1. Intro to the
Modern Web
Static, Dynamic, Wordpress and How it all
fits together.

2. But first...
A (possibly redundant) primer on how a
web site gets to your computer.

3. How nytimes.com gets to your
Reporters
Photogs
Editors
Server Tubes of the Internet
Your Computer
(big storage computer)
Developers
Designers
Producers

4. Web 1.0 - The Way it Was

5. Static HTML
Hyper Text Markup Language...it’s what your web
browser speaks.

6. The Web Today

7. What you see

8. What’s really underneath

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. SQL
The database of your content.
It organizes and stores your
stuff.
use car metaphor - parts
bins.

11. CSS
Your Web site’s swatchbook.
It sets the rules for how
everything looks.
colors, fabrics, plastic vs.
wood paneling.

12. PHP
The one-trick programming
language.
Picks the right content, gets
the style rules, and prints
out HTML.
the assembly robot.

13. How SQL, CSS and
PHP work

14. SQL
Data Flow
PHP HTML
(Your web
CSS
browser)

15. Front-end
Back-end
UI (GUI)
WYSIWYG
Extra FTP
permissions
Flash
JavaScript
web 2.0

16. Bottom line:
That’s a lot of shit to
keep track of.

17. There’s
WordPress
Content Management
System

18. SQL
Data Flow
PHP HTML
(Your web
browser)
CSS

19. CSS PHP SQL

20. Turns this...

21. Into this.

22. WordPress
Terms

23. In the
Wordpress
World
Your Stuff lives in SQL
But its CALLED:
Posts, Pages , Media,
Links etc.

24. In the
Wordpress
World
You have some CSS.
But its CALLED:
The Theme

25. The World of
WordPress
3 Flavors — Unlimited
Possibilities

26. WordPress.co Instant Noodles
WordPressMU Thanksgiving Dinner
WordPress.or Your Perfect Lunch

27. WordPress.org
•It all lives on your server
•You control everything down to the
code.
•FTP Access
•Automatic custom URL

28. Terms and User
Interface

29. Post
Page
Menu
Media
Theme
Plugins
Widgets
Categories

30. Your
FTP
Client
Browser
How WordPress
FTP
Server
Dash
board
works.
FTP
Admin
Server
The Back End
The
Your Server
Fron Web Visitor’s
@
t Browser
HostMonster
End

31. Strap in...
Let’s make some
internet.