1 / 24

Web 技术基础

Web 技术基础. 目录. 什么是 B/S 结构程序 静态 web 页工作原理 动态 web 页工作原理 实现动态 web 的不同方法 配置 IIS ，调试编程环境. 什么是 B/S 结构程序. 单机程序 网络程序 C/S 结构：例子 … B/S 结构：例子 …. 静态 Web 页工作原理. 什么是静态 Web 页 在访问前就已经完全确定了内容的 web 页，一般以 .htm 以及 .html 后缀保存。 示例： ……. 静态 Web 页工作原理. 静态页工作原理图示. 静态 Web 页工作原理. 静态页工作原理

tatyana-ruiz
Download Presentation

Web 技术基础

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web技术基础

  2. 目录 • 什么是B/S结构程序 • 静态web页工作原理 • 动态web页工作原理 • 实现动态web的不同方法 • 配置IIS，调试编程环境

  3. 什么是B/S结构程序 • 单机程序 • 网络程序 • C/S结构：例子… • B/S结构：例子…

  4. 静态Web页工作原理 • 什么是静态Web页 在访问前就已经完全确定了内容的web页，一般以.htm以及.html后缀保存。 示例：……

  5. 静态Web页工作原理 • 静态页工作原理图示

  6. 静态Web页工作原理 • 静态页工作原理 • 1、作者编写静态Html并保存在服务器 • 2、客户在浏览器中输入了web请求，同时请求发送到服务器端 • 3、Web服务器确定.htm文件的位置，并把它转换为Html流 • 4、Web服务器将Html流通过网络传回客户端浏览器 • 5、浏览器处理并显示Html页面

  7. 静态Web页工作原理 • 静态页的优点及局限性 • 优点：简单、处理速度快、不占用额外的服务器资源。 • 局限性：因为是静态的，是事先确定的，因此不能实现一些复杂的处理功能。比如：显示当前时间……

  8. 动态Web页工作原理 • 首先纠正一个很简单，但很多人犯的问题 动态web页 != 有动画效果的Web页

  9. 动态Web页工作原理 • 提供动态Web页技术的两种方法 • 客户端动态Web页技术（代表：Js） • 服务器端动态Web页技术（代表：ASP）

  10. 动态Web页工作原理 • 客户端动态Web页技术 由客户端浏览器上的插件完成创建动态页的全部过程。动态指令一般与Html语句混杂在一起，当传递到浏览器时由浏览器进行解释执行。 • 作者编写Html存放在服务器，同时编写一些指令，这些指令在html中混杂存放，也可以单独存放。 • 用户在浏览器进行web请求 • 服务器确定html文件位置及相应指令文件位置 • 服务器将html流及相应指令文件传给浏览器 • 浏览器中的模块（插件）将指令和HTML进行解释处理

  11. 动态Web页工作原理 • 客户端动态Web页技术 优点：执行时不占用服务器资源，方便做一些仅对客户端的操作（如验证用户输入） 缺点： • 指令文件可能下载时间较长 • 每个浏览器可能有不同的解释方法，所以…… • 因为代码在客户端运行，因而不安全（我们辛苦编写的代码很容易被别人获取）

  12. 动态Web页工作原理 • 服务器端动态Web页技术 Html源代码与混杂其中的代码指令存放于服务器，当用户请求页时，这段代码用于告诉服务器相应的模块如何生成Html，页会根据请求动态生成。

  13. 动态Web页工作原理 • 服务器端动态Web页技术图示

  14. 动态Web页工作原理 • 服务器端动态Web页技术过程 • 作者编写一套用于创建Html的指令并保存在服务器 • 客户在浏览器中输入了web请求，同时请求发送到服务器端 • Web服务器确定指令文件的位置 • Web服务器根据指令创建Html流 • Web服务器将Html流通过网络传回客户端 • 浏览器处理并显示Html页面

  15. 动态Web页工作原理 • 服务器端动态Web页技术 优点：只是描述最终页的Html被传递到浏览器，页的逻辑被隐藏在服务器中，而且大多数浏览器能正常访问 缺点：只能做服务器端的动态而无法做客户端的动态

  16. 动态Web页工作原理 • 什么时候该用服务器端动态，什么时候该用客户端动态 一个原则……

  17. 实现动态Web页的方法（技术） • 客户端动态Web技术 • JavaScript：属于Sun公司，不同于Java，只是借鉴了Java的部分语法和基本结构，不适合文件处理 • VBScript：MS，是VB的子集，效率较低（因为……），除了IE外，其他浏览器的支持并不好（注意！不要与ASP中的VBScript混淆） • ActiveX控件，用C＋＋、VB等写的程序或组件，通过<Object>标识嵌套在Html中，一个例子…… • Java小程序：由Java写的程序，通过<applet>等标识嵌套在html中，通过Java虚拟机执行，例子……

  18. 实现动态Web页的方法（技术） • 服务器端动态Web技术 • CGI：公共网关接口（Common Gateway Interface），一种“古老”的技术，CGI允许用户调用服务器上的另一个脚本（如Perl脚本）来创建动态页。占用资源大、复杂、但与平台无关，例子…… • ASP：动态服务器页面（Active Server Pages），依赖Js和VBS等脚本通过ASP.dll来生成动态页。ASP可通过ActiveX技术实现很多功能，如数据库存取、收发Email、图像处理等，但缺陷是性能低下（因为……） • PHP：Hyper Text Preprocessor，开放源代码，语法类似C，比较流行 • JSP：Java Server Pages，基于Java平台，很强大的一种技术 • ASP.net：基于.net平台，使用C#及VB.net等，是微软.net战略的一部分

  19. 配置IIS，调试编程环境 • 什么是IIS • 如何安装IIS • 常用的平台搭配 • Windows Xp + IIS5.1 • Windows 2000 Server / Pro + IIS5.0 • Windows Server 2003 + IIS6.0（需要改一点配置）

  20. 配置IIS，调试编程环境 • IIS配置图示

  21. 配置IIS，调试编程环境 • IIS配置图示

  22. 配置IIS，调试编程环境 • IIS配置图示

  23. 配置IIS，调试编程环境 • IIS配置图示

  24. 配置IIS，调试编程环境 • IIS配置图示

More Related