1. Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao

2. Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Introducing the Internet and Web Technologies Chapter 1

3. Quit 1.3 Chapter 1 Objectives  Describe the past and present of the Internet and World Wide Web  Identify emerging technologies  Know various types of Web markup languages  Understand Web development tools  Make appropriate tool choices  Convert Office documents into Web pages

4. Quit 1.4 A Very Brief History  1962 ARPA headed by J. C. R. Licklider  1969 first host installed at UCLA  1980s TCP/IP adopted as standard  1990 Tim Berners-Lee introduces the World Wide Web  1995 FNC defines the term “Internet” Photo of J.C.R. Licklider Copyright © 2001 Dr. Lawrence G. Roberts

5. Quit 1.5 Navigation Technologies Navigation Technologies First Generation  FTP File Transfer Protocol File Transfer Protocol Allows users to Allows users to List files List files Transfer files Transfer files Does not allow users to Does not allow users to Run applications on a remote computer Run applications on a remote computer Read files on a remote computer Read files on a remote computer Viable method for file transfer and Web publishing Viable method for file transfer and Web publishing

6. Quit 1.6 Navigation Technologies Navigation Technologies Second Generation  Gopher Developed at University of Minnesota Developed at University of Minnesota Text-based interface Text-based interface Organizes and displays files on Internet servers Organizes and displays files on Internet servers Presents contents as a hierarchically structured list of files Presents contents as a hierarchically structured list of files Many Gopher databases are being converted to Web sites for easy access Many Gopher databases are being converted to Web sites for easy access

7. Quit 1.7 Navigation Technologies Navigation Technologies Third Generation  HTTP Hypertext Transfer Protocol Hypertext Transfer Protocol Transfers files from Web server to browser Transfers files from Web server to browser Works with HTML to display text, graphics and sound Works with HTML to display text, graphics and sound HTML can only deliver information in a static presentation without interactivity HTML can only deliver information in a static presentation without interactivity

8. Quit 1.8 New Navigation Technologies  DHTML Combination of HTML and scripting languages Combination of HTML and scripting languages Enables Web pages to react to user input Enables Web pages to react to user input HTML JavaScript VBScript DHTML

9. Quit 1.9 New Navigation Technologies  WAP Wireless Application Protocol Wireless Application Protocol Languages used to develop WAP applications Languages used to develop WAP applications XML – Extensible Markup Language XML – Extensible Markup Language Allows communications across multiple platforms Allows communications across multiple platforms WML – Wireless Markup Language WML – Wireless Markup Language Subset of XML Subset of XML

10. Quit 1.10 Web Languages  HTML Hypertext Markup Language Hypertext Markup Language Defines structure and layout of Web document by using tags and attributes Defines structure and layout of Web document by using tags and attributes View HTML source on your browser View HTML source on your browser Click View / Page Source Click View / Page Source XHTML XHTML Newer version of HTML recommended by W3C Newer version of HTML recommended by W3C Combines HTML and XML Combines HTML and XML

11. Quit 1.11 Web Languages  DHTML Dynamic Hypertext Markup Language Dynamic Hypertext Markup Language Transforms Web pages from static to interactive Transforms Web pages from static to interactive Allows scripting languages to be embedded into HTML files Allows scripting languages to be embedded into HTML files Enables a Web page to react to user input without sending requests to the Web server Enables a Web page to react to user input without sending requests to the Web server

12. Quit 1.12 Web Languages  XML Extensible Markup Language Extensible Markup Language Similar to HTML Similar to HTML Allows Web data and content to be processed with very little human intervention Allows Web data and content to be processed with very little human intervention Consists of rules: Consists of rules: tags to describe data tags to describe data separate data from presentation layout separate data from presentation layout transform data into Web forms transform data into Web forms

13. Quit 1.13 Web Development Tools  Three categories: Web Authoring Tools Web Authoring Tools Web Graphics Tools Web Graphics Tools Web Programming Languages Web Programming Languages

14. Quit 1.14 Web Authoring Tools  Features Design Design Production Production Management Management  Examples Adobe GoLive Adobe GoLive Macromedia Dreamweaver Macromedia Dreamweaver Microsoft FrontPage Microsoft FrontPage

15. Quit 1.15 Web Graphics Tools  Features Manipulate images Manipulate images Transparency controls Transparency controls Variety of graphics styles and effects Variety of graphics styles and effects  Examples Macromedia Flash Macromedia Flash Adobe Photoshop Adobe Photoshop Jasc Paint Shop Pro Jasc Paint Shop Pro

16. Quit 1.16 Web Programming Languages CGI CGI ASP / JSP ASP / JSP CFML CFML Java Java JavaScript JavaScript Visual Basic Visual Basic VBScript VBScript Visual C++ Visual C++ C# C# Features Develop dynamic, interactive, data- driven Web applications Develop dynamic, interactive, data- driven Web applications Examples Examples

17. Quit 1.17 Tool Selection Principles  Buy Low Identify free-download Web servers Identify free-download Web servers Free-download development tools Free-download development tools Trial versions, freeware, shareware Trial versions, freeware, shareware  Sell High Develop advanced Internet/Web skills Develop advanced Internet/Web skills Sell those skills on the job market Sell those skills on the job market

18. Quit 1.18 Converting to Web Pages  Word File / Save as Web Page File / Save as Web Page  Excel File / Save as Web Page File / Save as Web Page  PowerPoint File / Save as Web Page File / Save as Web Page

19. Quit 1.19 Chapter 1 Summary  Described the past and present of the Internet and World Wide Web  Identified emerging technologies  Discussed Web development tools  Learned how to make appropriate tool choices  Converted Office documents into Web pages

20. Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Introducing the Internet and Web Technologies The End