同济大学Web技术与应用课堂PPT

《同济大学Web技术与应用课堂PPT》由会员分享，可在线阅读，更多相关《同济大学Web技术与应用课堂PPT（73页珍藏版）》请在金锄头文库上搜索。

1、第一章概述 Web技术与应用 课程目的和要求 能够使用ASP NET技术开发网站1 掌握静态网页的基本设计和开发技术 2 掌握动态网页的基本设计和开发技术 WEB服务器控件内部对象ASP NET数据访问技术 ADO NET文件和文件夹的操作 3 期中开始布置大作业 要求学生自由组成团队 进行项目的合作开发 对要求评优的学生进行答辩 培养学生的动手实践能力和团队合作能力 4 成绩评定期中10 平时10 期末40 大作业40 3 学习方法 多写代码 多看案例掌握上课演示的示例代码独立完成上机实验 熟悉编程规范 掌握编程技巧通过课后练习巩固所学的知识 不断更新通过项目大作业达到学以致用的目的结合专业

2、和兴趣 发挥团队力量 协同互助 合作完成ASP NET项目大作业 4 本章内容 万维网Web文档ASP NET 5 概述 WorldWideWeb 简称WWW 译名万维网或全球信息网 信息资源以页面 网页 Web页 的形式存储在服务器 Web站点 上 这些信息采用超文本 超媒体方式进行组织 通过超链接将一页信息接到另一页信息 页面到页面的链接信息由统一资源定位符URL进行维持 这样通过链接的方法能非常方便地从Internet上的一个Web站点访问另一个Web站点 从而主动地按需获取丰富的信息 6 客户 服务器结构 Client Server 万维网分成Web服务器 服务器端 Web浏览器 客户

3、端 以及传输协议 HTTP协议 三个部分 用户通过Web客户端应用程序 即浏览器 向Web服务器发出请求 请求通过HTTP协议送到Web服务器 Web服务器根据Web客户端的请求将保存在Web服务器中的某个页面通过HTTP协议返回给Web客户端 浏览器接收到页面后对其进行解释 最终将图 文 声并茂的画面呈现给用户 7 WEB的工作过程 本章内容 8之2 URL UniformResourceLocator 统一资源定位器 以统一方式唯一确定某个网络资源 访问方法 资源在何处 访问方法 主机地址 路径名 文件名 8 Web服务器 Web服务器可以分布在Internet的任意位置 每个Web服务器

4、都保存着可以被Web浏览器共享的信息 这些信息通常以页面 Web页面 的方式进行组织 页面一般是超文本 超媒体文档 页面间通过超链接建立连接 Web服务器应实现HTTP协议功能 接收和处理浏览器的请求 本章内容 8之6 9 Web服务器 提供用户请求的HTML静态的页面处理浏览器的请求的动态页面 Web浏览器和Web服务器交互过程 10 HTTP协议 HTTP HyperTextTransferProtocol 协议是Web浏览器和Web服务器交互时要遵循的协议 它定义了Web浏览器和Web服务器的通信规则 HTTP协议最初被设计用来在Web浏览器和Web服务器之间传递HTML文档 但现在还可

5、以用来传输其他类型的文件 包括文本 声音 图像等 HTTP协议需要运输层协议TCP的支持 80端口是Web服务器的默认服务端口 本章内容 8之8 11 HTTP协议特点 无状态的第一次请求完成后 服务器不会记住客户的状态 第二次请求时 服务器需要重新读取客户的信息基于请求和应答的模式浏览器向服务器发送请求服务器根据浏览器的请求作出不同的应答 12 Web文档 13 静态Web文档 14 什么是静态Web文档 静态Web文档是固定内容的文档 它由服务器创建 并存储在服务器中 客户只能得到文档的一个副本 15 HTML 超文本标记语言HTML HyperTextMarkupLanguage 是一种

6、制作Web文档的标准语言 是一种描述了如何格式化文档的标记语言 HTML将各种标签 用于排版的命令 嵌入到万维网的页面中 这样就构成了所谓的HTML文档 HTML文档是一种可以用任何文本编辑器创建的 以 html或 htm为后缀的ASCII码文件 当浏览器从服务器读取HTML文档后 就按照HTML文档中的各种标签 根据浏览器所使用显示器的尺寸和分辨率大小 重新进行排版并恢复出所读取的页面 7之1 16 HTML文档结构 附录E 一个HTML的例子HTML很容易掌握这是第一个段落 虽然很短 但它仍是一个段落 这是第二个段落 首部 主体 HTML文档 17 解释 每个HTML文档由两个主要元素组成

7、 首部 head 和主体 body 首部包含文档的标题 title 以及系统用来标识文档的一些其他信息 文档的主体是HTML文档的最主要的部分 往往又由若干更小的元素组成 如段落 paragraph 表格 table 和列表 list 等 18 HTML标签 HTML用一对标签 即一个开始标签和一个结束标签 或几对标签来标识一个元素 开始标签由一个小于字符 组成 结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符 标签名并不区分大写和小写 有一些标签可以将结束标签省略 19 HTML网页示例 我的第一个网页 欢迎光临我的网页与我联系用户名 20 一些常用的HTML标签 附录E 简单

8、易学 21 HTML的缺点 HTML缺乏可扩展能力静态的 有限的标签集 HTML4 0仅定义了90多种标签 无法满足日益增长的数据描述要求 HTML只能描述数据的显示样式HTML数据的可重用性差HTML缺乏表达数据语义的能力在电子数据交换 EDI 查询数据库中的数据等诸多方面存在极大的不足 22 XML和XSL 为实现可扩展性和结构化 W3C开发出两种新的语言 XML eXtensibleMarkupLanguage 可扩展标记语言 用一种结构化的方式来描述Web内容 XSL eXtensibleStyleLanguage 扩展样式表语言 以一种独立于内容的方式来描述格式 XSL XML样式表

9、 23 例 XML格式的Web页面 book list xml 24 例 格式化后的页面 25 XML的应用 描述Web页面扩展性强作为元标记语言 可以创建自定义元素以满足实际应用的需要 允许不同的行业开发与自己行业相关的标记语言各种实例标记语言标准 结构化强可以创建标准化而且有效的文件 作为Web数据的标准交换语言XML由于其能很好地表达标记的含义及其采用Unicode字符集等特性 利于在不同系统上进行信息交流 26 XHTML XHTML EXtensibleHyperTextMarkupLanguage 可扩展超文本标签语言 的目标是替代HTML可扩展超文本标记语言是一个基于可扩展标识语

10、言的标记语言 它结合了XML的强大功能及HTML的简单特性 是一种增强了的HTML XHTML是一种更为严谨和清洁的HTML 所有的最新版本的浏览器都支持XHTML XHTML1 0于2000年1月26日成为W3C的标准 所有新的浏览器都支持XHTML 27 XHTML文档结构 网页标题 XHTML与HTML区别 XHTML文档中第一句是文档类型声明 用于指定网页的语法规则 标记中用xmlns属性指定了xml的命名空间 HTML不区分大小写 XHTML区分大小写 XHTML的标记名和属性名都要小写 属性值必须加引号 XHTML标记必须正确嵌套 且所有标记必须关闭 28 XHTML使用了更加严谨

11、的语法之一 XHTML元素必须被严格地嵌套错误的代码Thistextisboldanditalic正确的代码Thistextisboldanditalic非空的XHTML元素必须有结束标签错误的代码ThisisaparagraphThisisanotherparagraph正确的代码ThisisaparagraphThisisanotherparagraph 29 XHTML使用了更加严谨的语法之二 空的XHTML元素必须以 前必须有一个空格 结束错误的代码Abreak Ahorizontalrule Animage 正确的代码Abreak Ahorizontalrule Animage 30

12、 XHTML使用了更加严谨的语法之三 XHTML元素标签必须使用小写字母错误的代码Thisisaparagraph正确的代码ThisisaparagraphXHTML文档必须有根元素 如 31 参考资料 参考资料 32 动态Web文档 33 什么是动态Web文档 动态Web文档 Web文档 本章内容 静态Web文档是指该文档创作完毕后就存放在万维网服务器中 在被用户浏览的过程中 内容不会改变 动态Web文档是指文档的内容是在浏览器访问万维网服务器时才由应用程序动态生成 内容的生成既可以发生在服务器端 也可以发生在客户端 静态Web文档是文档 document 无需生成 而动态Web文档是程序

13、program 程序需先生成文档 34 服务器端动态Web页面 服务器端动态页面简单讲是指服务器执行相关代码才能返回的页面 比如ASP页面 ASPX页面动态内容能够为单个用户的每次访问量身定制的内容动态网页允许双向的交流 35 表单 form 动态Web文档 Web文档 本章内容 从HTML2 0开始就增加了 表单 项目 表单用来把用户数据从浏览器传递给万维网服务器 表单在浏览器的屏幕出现时 就有一些方框和按钮 可供用户选择和点取 有的方框可让用户输入数据 在创建动态文档时 表单和CGI程序经常配合使用 6之2 36 例 一个定单的HTML源文件 37 例 格式化后的页面 动态Web文档 We

14、b文档 本章内容 6之4 38 服务器端动态内容的生成技术 CGI CommonGatewayInterface 脚本服务器端的一个标准化接口 允许Web服务器与后端程序及脚本 C C Perl Python脚本语言编写 进行通信 这些后端程序及脚本能够接受输入信息 并生成HTML页面进行响应 内嵌脚本在HTML页面中嵌入少量的脚本 可由不同的脚本语言编写 然后让服务器来执行这些脚本以便生成最终发送给客户的页面 PHP HypertextPreprocessor 采用PHP脚本语言编写内嵌脚本 JSP JavaServerPage 采用Java语言编写内嵌脚本 ASP ActiveServer

15、Page ASP NET采用VisualBasicScript VB NET脚本语言编写内嵌脚本 39 客户端动态内容的生成技术 客户端动态网页一般使用脚本来实现 JavaScript CSS实现动态网页JavaScript是一种全功能的程序设计语言 具有C Java的所有能力 而且还包括大量的专为针对Web页面的功能 Sun的JavaAppletApplet是指已经被编译成JVM机器指令的Java小程序 它可以被嵌入到HTML页面中 并被具有JVM能力的浏览器解释执行 微软的ActiveXActiveX是指已经被编译成Pentium机器指令的程序 它们可以直接在硬件上执行 MicroMedi

16、aFlash技术 40 例 使用JavaScript来处理表单 41 ASP NET 本章内容 42 ASP NET的历史 ASP NET 本章内容 ASP的第一个版本是0 9测试版 它给Web开发带来一阵暴风 最终出场的是ActiveServerPage1 01998年 微软公司又发布了ASP2 0 主要区别是外部的组件需要实例化 Windows2000的推出 IIS5 0附带了ASP3 0 COM 组件服务给组件提供了一个更好的执行环境 微软公司推出了ASP NET ASP NET又叫ASP 它不是ASP的简单升级 而是 NETFramework的一部分 目前最新版本的ASP NET4 0以及 NETFramework4 0已经在VS2010平台内应用 5之1 43 NETFramework 公共语言运行库 CLR 是 NET框架的运行环境 它负责运行和维护大家编写的任何程序代码 NET框架类库是一个庞大的类函数库 只要支持 NET框架的程序语言都可以使用类函数库的类和方法 将多个提供相似功能的类组成在逻辑上相关的一些单元 即名称空间 ASP NET 本章内容 5之2 44 NET