Session 1

Chapter 1 - Introduction to Web Development

ITI 133: HTML5 Desktop and Mobile Level I

www.profburnett.com

Copyright © Carl M. Burnett

Outline How Web Applications Work Intro to HTML & CSS Viewing Web Pages Critical Web Development Issues

8/1/2014 2

Copyright © Carl M. Burnett

Components of the Web

8/1/2014 3

Web Request-Response CycleStatic Web Page

Web Server

Computer

1. User Sends Request by URL

2. DNS Lookup

3. Request Transmitted

4. Web Server Processes Request

5. Results Formatted in HTML for Browser

6. Results Send to User7. Browser Decodes

HTML from Web Server

8. Results Displayed to User Request

Response

Firewall

Router

InternetCloud

8/1/2014 Copyright © Carl M. Burnett 4

Copyright © Carl M. Burnett

The Web MediumDynamic Web Site

Web Server

Database

InternetCloud

TCP/IPHTTP

HTML5CSS3

JavaScriptAJAXXML

ASP / JavaC++ / C#

PerlRuby

Python

SQL

PHP / XMLAJAX

Computer

Client Side Server Side

8/1/2014 5

Copyright © Carl M. Burnett

Desktop Web Browsers IE Firefox Chrome Opera Safari

8/1/2014 6

Copyright © Carl M. Burnett

Web Building Blocks

8/1/2014 7

Hypertext

Stylization

Metadata

Interactivity

Copyright © Carl M. Burnett

Key Technologies Hypertext Markup Language - HTML HTML5 Cascading Style Sheets - CSS JavaScript Asynchronous JavaScript - AJAX XML

8/1/2014 8

Copyright © Carl M. Burnett

Server Side Scripting PHP ASP C++/C# Java Ruby PERL Python

8/1/2014 9

Copyright © Carl M. Burnett

HTML StandardsVersion Year Description

HTML 1991

HTML 1.0 1993

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML 1.0 2000 Incorporated XML

HTML5 2012 Working Draft in 2008

8/1/2014 10

Copyright © Carl M. Burnett

CSS StandardsVersion Year

1.0 1996

2.0 1998

2.1 2004

3.0 2012

8/1/2014 11

Copyright © Carl M. Burnett

HTML Document

JavaScript_Book.html

8/1/2014 12

Copyright © Carl M. Burnett

CSS Document book.css

8/1/2014 13

Copyright © Carl M. Burnett

Viewing Web Pages

8/1/2014 14

Protocol

Domain Name

Directories

File Name

http://www.profburnett.com/2014/spring/2014_Spring_Session_I.html

URL URN

URI - Uniform Resource IdentifierURL - Uniform Resource LocatorURN - Uniform Resource Name

URI

Copyright © Carl M. Burnett

Critical Web Development Issues Cross Browser Compatibility User Accessibility Search Engine Optimization (SEO)

8/1/2014 15

Copyright © Carl M. Burnett

Summary How Web Applications Work Intro to HTML & CSS Viewing Web Pages Critical Web Development Issues

8/1/2014 16

Next – Chapter 18 - How to Deploy a Web Site on a Web Server