Presentation is loading. Please wait.

Presentation is loading. Please wait.

Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I www.profburnett.com.

Published byLiliana Hampton Modified over 9 years ago

Similar presentations

Presentation on theme: "Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I www.profburnett.com."— Presentation transcript:

1 Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I www.profburnett.com

2 Outline  How Web Applications Work  Intro to HTML & CSS  Viewing Web Pages  Critical Web Development Issues 8/1/2014 2 Copyright © Carl M. Burnett

3 Components of the Web 8/1/2014 3 Copyright © Carl M. Burnett

4 Web Request-Response Cycle Static Web Page 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 User 7.Browser Decodes HTML from Web Server 8.Results Displayed to User RequestResponse 8/1/2014 Copyright © Carl M. Burnett 4

5 The Web Medium Dynamic Web Site Database TCP/IP HTTP HTML5 CSS3 JavaScript AJAX XML ASP / Java C++ / C# Perl Ruby Python SQL PHP / XML AJAX Client Side Server Side 8/1/2014 Copyright © Carl M. Burnett 5

6 Desktop Web Browsers  IE  Firefox  Chrome  Opera  Safari 8/1/2014 6 Copyright © Carl M. Burnett

7 Web Building Blocks 8/1/2014 7 Copyright © Carl M. Burnett Hypertext Stylization Metadata Interactivity

8 Key Technologies  Hypertext Markup Language - HTML  HTML5  Cascading Style Sheets - CSS  JavaScript  Asynchronous JavaScript - AJAX  XML 8/1/2014 8 Copyright © Carl M. Burnett

9 Server Side Scripting  PHP  ASP  C++/C#  Java  Ruby  PERL  Python 8/1/2014 9 Copyright © Carl M. Burnett

10 HTML Standards VersionYearDescription HTML1991 HTML 1.01993 HTML 2.01995 HTML 3.21997 HTML 4.011999 XHTML 1.02000Incorporated XML HTML52012Working Draft in 2008 8/1/2014 10 Copyright © Carl M. Burnett

11 CSS Standards VersionYear 1.01996 2.01998 2.12004 3.02012 8/1/2014 11 Copyright © Carl M. Burnett

12 HTML Document JavaScript_Book.html 8/1/2014 Copyright © Carl M. Burnett 12

13 CSS Document  book.css book.css 8/1/2014 13 Copyright © Carl M. Burnett

14 Viewing Web Pages 8/1/2014 14 Copyright © Carl M. Burnett Protocol Domain Name Directories File Name http://www.profburnett.com/2014/spring/2014_Spring_Session_I.html URLURN URI - Uniform Resource Identifier URL - Uniform Resource Locator URN - Uniform Resource Name URI

15 Critical Web Development Issues  Cross Browser Compatibility  User Accessibility  Search Engine Optimization (SEO) 8/1/2014 15 Copyright © Carl M. Burnett

16 Summary  How Web Applications Work  Intro to HTML & CSS  Viewing Web Pages  Critical Web Development Issues 8/1/2014 16 Copyright © Carl M. Burnett Next – Chapter 18 - How to Deploy a Web Site on a Web Server

Download ppt "Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I www.profburnett.com."

Similar presentations

Overview Environment for Internet database connectivity

Overview Environment for Internet database connectivity
ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
HTTP Request/Response Process 1.Enter URL (http://server.com) in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.

HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
DT228/3 Web Development WWW and Client server model.

DT228/3 Web Development WWW and Client server model.
AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark.

AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark.
Project 1 Introduction to HTML.

Project 1 Introduction to HTML.
Beginning Web Site Creation: Dreamweaver CS4.  WK1 & WK2  File Management  BlackBoard  SWS  Planning, Design, and HTML review  WK3 & WK4  Dreamweaver.

Beginning Web Site Creation: Dreamweaver CS4.  WK1 & WK2  File Management  BlackBoard  SWS  Planning, Design, and HTML review  WK3 & WK4  Dreamweaver.
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.

© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.

IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Multiple Tiers in Action

Multiple Tiers in Action
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.

Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
1 Software Testing and Quality Assurance Lecture 32 – SWE 205 Course Objective: Basics of Programming Languages & Software Construction Techniques.

1 Software Testing and Quality Assurance Lecture 32 – SWE 205 Course Objective: Basics of Programming Languages & Software Construction Techniques.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.

IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
© 2004, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet.

© 2004, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet.
E-Commerce The technical side. LAMP Linux Linux Apache Apache MySQL MySQL PHP PHP All Open Source and free packages. Can be installed and run on most.

E-Commerce The technical side. LAMP Linux Linux Apache Apache MySQL MySQL PHP PHP All Open Source and free packages. Can be installed and run on most.
269200 Web Programming Language Dr. Ken Cosh Week 1 (Introduction)

Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Chapter 6: The Web and E-Commerce Copyright © 2013 Pearson Education, Inc. publishing as Prentice Hall Chapter 6 - 1.

Chapter 6: The Web and E-Commerce Copyright © 2013 Pearson Education, Inc. publishing as Prentice Hall Chapter
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.

HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
CSCI 323 – Web Development Chapter 1 - Setting the Scene We’re going to move through the first few chapters pretty quick since they are a review for most.

CSCI 323 – Web Development Chapter 1 - Setting the Scene We’re going to move through the first few chapters pretty quick since they are a review for most.

Similar presentations

Ads by Google