32
WEBSITES 101 UNDERSTANDING THE TECHY BITS

Basic Website 101

Embed Size (px)

DESCRIPTION

Intro to websites presen

Citation preview

Page 1: Basic Website 101

WEBSITES 101UNDERSTANDING THE TECHY BITS

Page 2: Basic Website 101

• Introduction• Infrastructure and Platform• Application and Code• Demos

AGENDA

Page 3: Basic Website 101

INFRASTRUCTUREAND PLATFORM

Page 4: Basic Website 101

• 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

DIAGRAM!!

Page 6: Basic Website 101

TITLE TBA

Page 7: Basic Website 101

• 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

• Platform as a Service (PaaS)• OS, Database, Webserver, DNS• Where you can get it• Things to think about

PLATFORM

Page 9: Basic Website 101

• 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

DNS NAMESPACE

Page 11: Basic Website 101

• Hosting• Hosting domains• Self hosting• DNS records and zonefiles• Website = A record

DOMAINS

Page 12: Basic Website 101

TITLE TBA

Page 13: Basic Website 101

TITLE TBA

Page 14: Basic Website 101

• 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

WEBSERVER

Page 16: Basic Website 101

WEBSERVERS

Page 17: Basic Website 101

• 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

APPLICATION AND CODE

Page 19: Basic Website 101

• Static• HTML• CSS

• Server side dynamic• PHP• ASP

• Client side dynamic• AJAX• Flash

CODE

Page 20: Basic Website 101

STATIC

Page 21: Basic Website 101

TITLE TBA

Page 22: Basic Website 101

DYNAMIC

Page 23: Basic Website 101

TITLE TBA

Page 24: Basic Website 101

• CMS• What is a CMS?• Wordpress• Drupal• ExpressionEngine• Others

CONTENT MANAGEMENT

Page 25: Basic Website 101

TITLE TBA

Page 26: Basic Website 101

• Other stuff• Applications – Sharepoint, Email, etc• Analytics and reporting• E-Commerce• Security, payments, PCI• SEO• Social integration

VARIOUS BITS

Page 27: Basic Website 101

TITLE TBA

Page 28: Basic Website 101

• 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

TITLE TBA

Page 30: Basic Website 101

TITLE TBA

Page 31: Basic Website 101

TITLE TBA

Page 32: Basic Website 101

TITLE TBA