ITI 133 HTML 5 Desktop and Mobile Level
ITI 133: HTML 5 Desktop and Mobile Level I Session 1 Chapter 1 - Introduction to Web Development www. profburnett. com
Outline § § How Web Applications Work Intro to HTML & CSS Viewing Web Pages Critical Web Development Issues 8/1/2014 Copyright © Carl M. Burnett 2
Components of the Web 8/1/2014 Copyright © Carl M. Burnett 3
Web Request-Response Cycle Static Web Page 1. User Sends Request by URL 2. DNS Lookup 4. Web Server Processes Request 3. Request Transmitted 6. Results Send to User 7. 8. Browser Decodes HTML from Web Server Results Displayed to User 5. Results Formatted in HTML for Browser Request Response 8/1/2014 Copyright © Carl M. Burnett 4
The Web Medium Dynamic Web Site Server Side Client Side SQL HTML 5 CSS 3 8/1/2014 Java. Script AJAX XML TCP/IP HTTP Copyright © Carl M. Burnett PHP / XML AJAX Database ASP / Java C++ / C# Perl Ruby Python 5
Desktop Web Browsers § § § 8/1/2014 IE Firefox Chrome Opera Safari Copyright © Carl M. Burnett 6
Web Building Blocks Hypertext Stylization Interactivity Metadata 8/1/2014 Copyright © Carl M. Burnett 7
Key Technologies § § § 8/1/2014 Hypertext Markup Language - HTML 5 Cascading Style Sheets - CSS Java. Script Asynchronous Java. Script - AJAX XML Copyright © Carl M. Burnett 8
Server Side Scripting § § § § PHP ASP C++/C# Java Ruby PERL Python 8/1/2014 Copyright © Carl M. Burnett 9
HTML Standards Version Year HTML 1991 HTML 1. 0 1993 HTML 2. 0 1995 HTML 3. 2 1997 HTML 4. 01 1999 XHTML 1. 0 2000 Incorporated XML HTML 5 2012 Working Draft in 2008 8/1/2014 Description Copyright © Carl M. Burnett 10
CSS Standards 8/1/2014 Version Year 1. 0 1996 2. 0 1998 2. 1 2004 3. 0 2012 Copyright © Carl M. Burnett 11
HTML Document Java. Script_Book. html 8/1/2014 Copyright © Carl M. Burnett 12
CSS Document § book. css 8/1/2014 Copyright © Carl M. Burnett 13
Viewing Web Pages URI - Uniform Resource Identifier URL - Uniform Resource Locator URL URN - Uniform Resource Name http: //www. profburnett. com/2014/spring/2014_Spring_Session_I. html File Name Directories Domain Name Protocol 8/1/2014 Copyright © Carl M. Burnett 14
Critical Web Development Issues § Cross Browser Compatibility § User Accessibility § Search Engine Optimization (SEO) 8/1/2014 Copyright © Carl M. Burnett 15
Summary § § How Web Applications Work Intro to HTML & CSS Viewing Web Pages Critical Web Development Issues Next – Chapter 18 - How to Deploy a Web Site on a Web Server 8/1/2014 Copyright © Carl M. Burnett 16
- Slides: 16