Web Site Development introduction PPT

1. The World of Web Development
Cindy Royal, Ph.D
Associate Professor
Texas State University
School of Journalism and Mass Communication
croyal@txstate.edu
www.cindyroyal.com
www.onthatnote.com
tech.cindyroyal.net
@cindyroyal

2. Intro
•
html
•
css
•
ftp
•
how to get a domain,
•
file organization
•
javascript, etc.
•
Flash
Then, this idea of using data on Web sites came about, and programs
like PHP and ASP allowed programming concepts that allowed the
Web to connect to databases.
Now, there are multiple ways to have a fully featured, archived and
searchable online presence, without having to know every technology.
You can visualize these in phases or categories.

3. Web Development Categories

Basic HTML design

Programming emerges

Blog Platforms

Content Management Systems

Web Frameworks

Other

4. Basic HTML Design

HTML – early 90s, language of the Web

Became XHTML to add structure, conventions
– early 2000's; now moving to HTML5

Cascading Stylesheets – CSS – 1996; current
implementation CSS3

Javascript (1995), Flash (1996), AJAX, JQuery

All client-side languages – activity occurs at the
client (user) level

5. Web Programming

Server-side

ASP, ColdFusion, PHP, Java, Python, Ruby,

Databases – MySQL

Powerful functionality, server-side includes,
post data to forms, populate sites with data

Gave rise to Content
Management Systems

6. Blog Platforms

Started as platform for online journaling; Web sites for
people who didn't know html.

Early platforms – Open Diary, LiveJournal late '90s

Blogger -started 1999 by Evan Williams (also Twitter) and
Meg Hourihan; purchased by Google 2003

Movable Type – 2001; Six Apart

Wordpress – 2003; can host yourself or on their site

Now Tumblr, Posterous, Pinterest
a

7. Content Management Systems

Wordpress has often been modified as CMS

Drupal

Joomla

8. Web Frameworks

Set up frameworks for Web programming
languages

Easy way to provide for common methods and
actions; connection to database

Ruby on Rails – written in Rails

Django - Python

CakePHP

9. Data Visualization is the Future

10. Open Source Tools
• Google – Charts and Fusion Tables
• Scraperwiki
• Impure, Yahoo Pipes
• ManyEyes
• Protovis
• Tableau Public
• Timeflow

11. Challenges Ahead

Lots to learn

Different ways to tell stories

Programming

Focus

Innovate!