Cosmology of the web - Lecture 1
Upcoming SlideShare
Loading in...5
×
 

Cosmology of the web - Lecture 1

on

  • 276 views

 

Statistics

Views

Total Views
276
Views on SlideShare
238
Embed Views
38

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 38

http://comm217.stanford.edu 38

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Cosmology of the web - Lecture 1 Cosmology of the web - Lecture 1 Presentation Transcript

  • 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 DESIGNERS PRODUCERS You
  • 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 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 )
  • 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 govern motion
  • 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/CSS3 web 2.0
  • 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 you own it to the code-level for managing a network of blogs
  • 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 @ HOSTMONSTER FRONT END T. O . I . USER’S WEB BROWSER
  • such install so code much wordpress wow