Web技术简介教程教案.ppt

Web技术 刘治国xxtzhiguo@, 信息学院，计算机工程系 实验楼1010室 课程简介 讲解ASP.NET(C#) Web开发技术 课程性质为专业限选课程 1-16周，32学时，2学分； 每周2学时理论讲授，无实验学时安排 考核方式为考查 第8周前后安排期中随堂考试 第16周安排期末随堂开卷考试 总评成绩=期末成绩40%+平时成绩60% 平时成绩=考勤15%+书面作业20%+实践作业25% 课程的实践性较强，将布置实践编程作业 编程环境为Visual Studio 2010 课程要求 要求适当做笔记 认真完成课后作业 以下情况之一取消考核资格： 旷课达到6学时（含）以上者 全学期缺交作业达三分之一者 基本内容 HTML / XHTML CSS JavaScript / DOM Scripting C# ASP.NET ADO.NET 建议学习方法 抓核心概念，从宏观到微观。 注重实际操作！ Web (World Wide Web) Web也称WWW或万维网：Internet上集文本、图像、声音、动画、视频等多种媒体信息于一身的信息服务系统。 整个系统由Web服务器(Web Server)、浏览器(Browser)及通信协议(Protocol)等三大部分组成。 Web采用的通信协议是超文本传输协议(HTTP)。 HTTP (Hypertext Transfer Protocol)可以传输多种类型数据对象。 HTTP是Internet发布多媒体信息的主要协议。 Web工作方式 客户端和服务器建立连接。 客户端发送请求，请求中数据的格式由HTTP协议来规范。 Web服务器接收请求。 Web服务器将请求交给辅助应用程序。 辅助应用程序的动作： 辅助应用程序接收请求? 与外部程序如DB等进行交互? 产生动态结果? 响应给Web服务器? 向客户端发送响应数据。 断开和客户端连接。 Web工作方式 客户端 用户单击超链接或在浏览器地址栏中输入URL并回车。 浏览器将信息转换成HTTP请求并发送给Web服务器。 当Web服务器接收到HTTP请求后，根据请求的内容查找所需的资源信息。 找到相应的资源后Web服务器将该部分资源通过HTTP响应发送回浏览器。 浏览器接收到响应后，将HTML文档显示出来。 一个基本的请求过程如下图所示。 用户请求基本过程 客户端技术 HTML / XHTML（后面讲授） CSS（后面讲授） 客户端动态技术，主要是JavaScript 客户端动态技术 (1) 在客户端模型中，浏览器上的内部的模块和外挂插件完成创建动态页的全部工作。采用的主要技术如下。 JavaScript 主要控制浏览器的行为和内容。 它依赖内置于浏览器中的被称为脚本引擎的模块。 VBScript 与JavaScript类似。 但是仅有IE浏览器支持。 ActiveX控件 ActiveX控件基于微软的COM技术，一般用高级语言编写。 ActiveX控件可以嵌入网页并提供特殊的客户端功能，如计时器、条形图、数据库访问、客户端文件访问、网络功能等。 ActiveX控件依赖于浏览器中安装的ActiveX插件，IE浏览器默认安装该插件，但Firefox等非微软系列的浏览器需要另外安装插件。 客户端动态技术 (2) Java小应用程序Java Applet： 当前这种技术已经过时。 比JavaScript功能更强大。 与ActiveX控件功能类似，但支持跨平台。 Java Applet依赖于系统中安装的JVM才能运行。 JVM: Java Virtual Machine 服务器端动态技术 (1) CGI CGI(Common Gateway Interface)，公共网关接口。 CGI是添加到Web服务器的模块，提供了在服务器上创建脚本的机制。 CGI允许用户调用Web服务器上的另一个程序，通常是Perl脚本来创建动态Web页。 CGI的作用是将用户提供的数据传递给Perl脚本进行处理，以创建动态Web应用程序。 CGI可以运行在许多不同的平台如UNIX/Linux上。 CGI存在不易编写、消耗服务器资源较多的缺点。 CGI技术早已过时。 服务器端动态技术 (2) JSP JSP: Java Server Pages是一种允许用户将HTML/XML标记与Java代码相结合动态生成Web页面的技术。 JSP允许Java程序利用Java平台的JavaBeans和Java类库，具有能够跨平台运行的优点。 基于Java的Web技术是当前Web开发的主流。 PHP PHP: Hypertext Processor，超文本预处理语言。 PHP的语法混合了C/Java/Perl等语言的语法。 PHP是开放源代码