Your SlideShare is downloading. ×
Week 1 - How the Web Woks + Wordpress 101
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Week 1 - How the Web Woks + Wordpress 101

280
views

Published on

Published in: Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
280
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Intro to the Modern WebStatic, 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 computer: Reporters Photogs Editors Server Tubes of the Internet (big storage computer) Your Computer (or smartphone, Developers tablet, etc) Designers Producers
  • 4. Web 1.0 - The Way it Was
  • 5. Static HTMLHyper 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 (Dataabase): 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.
  • 11. CSSYour Web site’s swatchbook.It sets the rules for how everything looks.
  • 12. PHP The one-trick programming language.Picks the right content, gets the style rules, and prints out HTML.
  • 13. How SQL, CSS andPHP work together:
  • 14. SQL Data Flow PHP HTML (Your webCSS browser)
  • 15. Front-end Back-end UI (GUI) ResponsiveExtra Terms FTP permissions HTML5 JavaScript web 2.0
  • 16. Bottom line:That’s a lot of shit to keep track of.
  • 17. There’s help: 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 WorldYour Stuff lives in SQLBut its CALLED:Posts, Pages , Pictures,Links etc.
  • 24. In the Wordpress WorldYou have some CSS.But its CALLED:The Theme
  • 25. The World of WordPress 3 Flavors — Unlimited Possibilities
  • 26. WordPress.com Instant NoodlesWordPressMU Thanksgiving DinnerWordPress.org 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 WidgetsCategories
  • 30. Your Computer FTP Client Browser How WordPress FTP Server Dash board works. FTP Admin Server The Back EndYour Server The Web Visitor’s @ Front BrowserHostMonster End
  • 31. Strap in...Let’s make some internet.