Basic Website 101
-
Upload
thomas-salmen -
Category
Technology
-
view
129 -
download
4
description
Transcript of Basic Website 101
![Page 1: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/1.jpg)
WEBSITES 101UNDERSTANDING THE TECHY BITS
![Page 2: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/2.jpg)
• Introduction• Infrastructure and Platform• Application and Code• Demos
AGENDA
![Page 3: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/3.jpg)
INFRASTRUCTUREAND PLATFORM
![Page 4: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/4.jpg)
• Building blocks of web sites:• Infrastructure (servers, OS, etc)• DNS• Webservers• Databases• Static content (HTML and CSS)• Dynamic server side content (PHP/ASP etc)• Dynamic client side content (AJAX etc)
TECHNICAL OVERVIEW
![Page 5: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/5.jpg)
DIAGRAM!!
![Page 6: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/6.jpg)
TITLE TBA
![Page 7: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/7.jpg)
• Infrastructure as a Service (IaaS):• Storage, Compute, Network• Not really important for the purpose of this discussion.• Where you can get it (EC2, Rackspace, etc).• Some things to think about
INFRASTRUCTURE
![Page 8: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/8.jpg)
• Platform as a Service (PaaS)• OS, Database, Webserver, DNS• Where you can get it• Things to think about
PLATFORM
![Page 9: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/9.jpg)
• Quick slide on DNS• Really complicated• Really easy to stuff things up• Nothing works without it• Hosting domains• Self hosting• DNS records
DOMAINS
![Page 10: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/10.jpg)
DNS NAMESPACE
![Page 11: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/11.jpg)
• Hosting• Hosting domains• Self hosting• DNS records and zonefiles• Website = A record
DOMAINS
![Page 12: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/12.jpg)
TITLE TBA
![Page 13: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/13.jpg)
TITLE TBA
![Page 14: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/14.jpg)
• What is a webserver?• Types of web server• How it works• What it does• Extending (modules) and server-side scripting
WEBSERVERS
![Page 15: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/15.jpg)
WEBSERVER
![Page 16: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/16.jpg)
WEBSERVERS
![Page 17: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/17.jpg)
• What is a database?• Stores data in a structured model• Examples: Oracle, MS SQL, MySQL, PostgreSQL• Accessed via server-side scripting (PHP/ASP etc)• Not going to go into too much detail
DATABASES
![Page 18: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/18.jpg)
APPLICATION AND CODE
![Page 19: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/19.jpg)
• Static• HTML• CSS
• Server side dynamic• PHP• ASP
• Client side dynamic• AJAX• Flash
CODE
![Page 20: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/20.jpg)
STATIC
![Page 21: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/21.jpg)
TITLE TBA
![Page 22: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/22.jpg)
DYNAMIC
![Page 23: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/23.jpg)
TITLE TBA
![Page 24: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/24.jpg)
• CMS• What is a CMS?• Wordpress• Drupal• ExpressionEngine• Others
CONTENT MANAGEMENT
![Page 25: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/25.jpg)
TITLE TBA
![Page 26: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/26.jpg)
• Other stuff• Applications – Sharepoint, Email, etc• Analytics and reporting• E-Commerce• Security, payments, PCI• SEO• Social integration
VARIOUS BITS
![Page 27: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/27.jpg)
TITLE TBA
![Page 28: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/28.jpg)
• Demos• chefwatson.com – basic “business card” site• f11.co.nz – basic personal blog• overwhelmingthreat.com – simple gaming forum• Wordpress control panel
TITLE TBA
![Page 29: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/29.jpg)
TITLE TBA
![Page 30: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/30.jpg)
TITLE TBA
![Page 31: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/31.jpg)
TITLE TBA
![Page 32: Basic Website 101](https://reader036.fdocuments.net/reader036/viewer/2022062320/55900ad41a28ab4c218b464f/html5/thumbnails/32.jpg)
TITLE TBA