Intro to the
      Modern Web
Static, Dynamic, Wordpress and How it all
               fits together.
But first...
A (possibly redundant) primer on how a
    web site gets to your computer.
How nytimes.com gets to your
     Reporters
      Photogs
      Editors



    Server               Tubes of the Internet
                                                 Your Computer
(big storage computer)




    Developers
    Designers
    Producers
Web 1.0 - The Way it Was
Static HTML
Hyper Text Markup Language...it’s what your web
               browser speaks.
The Web Today
What you see
What’s really underneath
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).
SQL
 The database of your content.

It organizes and stores your
            stuff.

 use car metaphor - parts
          bins.
CSS
Your Web site’s swatchbook.


It sets the rules for how
     everything looks.

colors, fabrics, plastic vs.
    wood paneling.
PHP
  The one-trick programming
          language.

Picks the right content, gets
 the style rules, and prints
         out HTML.

    the assembly robot.
How SQL, CSS and
   PHP work
SQL
  Data Flow
              PHP   HTML
                    (Your web


CSS
                     browser)
Front-end
        Back-end
        UI (GUI)
        WYSIWYG
Extra   FTP
        permissions
        Flash
        JavaScript
        web 2.0
Bottom line:
That’s a lot of shit to
   keep track of.
There’s



WordPress
Content Management
      System
SQL
  Data Flow
              PHP   HTML
                    (Your web
                     browser)


CSS
CSS PHP SQL
Turns this...
Into this.
WordPress
   Terms
In the
    Wordpress
      World
Your Stuff lives in SQL

But its CALLED:
Posts, Pages , Media,
Links etc.
In the
   Wordpress
     World
You have some CSS.

But its CALLED:
The Theme
The World of
     WordPress

3 Flavors — Unlimited
     Possibilities
WordPress.co     Instant Noodles


WordPressMU    Thanksgiving Dinner


WordPress.or   Your Perfect Lunch
WordPress.org
•It all lives on your server
•You control everything down to the
code.
•FTP Access
•Automatic custom URL
Terms and User
   Interface
Post
   Page
  Menu
  Media
  Theme
 Plugins
 Widgets
Categories
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
Strap in...
Let’s make some
     internet.

Week 1 Slides - Cosmology of the Modern WordPress Web

Editor's Notes