HTML5与ASPNET程序设计教程第01章 概述
合集下载
HTML5程序设计(第2版) 第一章：HTML5概述
1 这是一本关于HTML5编程的书。
不过在学习之前，有必要先了解一下背景知识，什么是HTML5？它经历了怎样的发展历程？HTML4和HTML5有什么区别？本章中，我们会集中讨论大家关注的一些实际问题。
为什么是HTML5？为什么它能掀起风潮？是什么设计理念使得HTML5真正具有革命性的进步？HTML5如何在大幅改动的同时保持高度兼容？无插件范式意味着什么？HTML5包含什么，不包含什么？HTML5新增加了哪些特性，为什么能揭开整个Web 开发新时代的序幕？下面我们一起来了解一下。
1.1 HTML5发展史HTML 的历史可以追溯到很久以前。
1993年HTML 首次以因特网草案的形式发布。
20世纪90年代的人见证了HTML 的大幅发展，从2.0版，到3.2版和4.0版（一年出了两个版本），再到1999年的4.01版。
随着HTML 的发展，W3C （万维网联盟）掌握了对HTML 规范的控制权。
然而，在快速发布了这四个版本之后，业界普遍认为HTML 已经到了穷途末路，对Web 标准的焦点也开始转移到了XML 和XHTML 上，HTML 被放在了次要位置。
不过在此期间，HTML 体现了顽强的生命力，主要的网站内容还是基于HTML 的。
为能支持新的Web 应用，同时克服现有2第1章HTML5概述缺点，HTML迫切需要添加新功能，制定新规范。
致力于将Web平台提升到一个新的高度，一小组人在2004年成立了WHATWG（Web Hypertext Application Technology Working Group，Web超文本应用技术工作组）。
他们创立了HTML5规范，同时开始专门针对Web应用开发新功能——这被WHA TWG认为是HTML中最薄弱的环节。
Web 2.0这个新词也正是在那个时候被发明的。
Web 2.0实至名归，开创了Web的第二个时代。
旧的静态网站逐渐让位于需要更多特性的动态网站和社交网站——这其中的新功能真的是数不胜数。
ASPNET程序设计教程_1
4
在计算机 的世界里，凡服务的另 一方我们则称 作客户端 (Client)。
5
在实践中，客户端及服务器的关系不一定都是 建立在两台分开的机器上，同一台机器中也有这种 主从关系的存在。提供服务的服务器及接受服务的 客户端也有可能都在同一台机器上，例如我们在提 供网页的服务器上执行浏览器浏览本机所提供的网 页，这样在同一台机器上就同时扮演客户端及服务 器的角色,Client/Server 都在同一台机器上。
20
学习主要就是学习Web编程，也就是基于 WWW 因 特 网 的 编 程 ， Web 应 用 程 序 运 行 在 因 特 网 (internet)上，通俗地说就是做网页，或说做Web网 页。而在web应用程序开发中，核心是Web服务器， Web服务器可连接数据库服务器。
21
22
23
Web编程不是一件简单的任务，传统的应用程 序开发拥有许多结构化语言支持的完好编程模型和 较好的开发工具，而Web应用程序开发混合了标记 语言、脚本语言和服务器平台，需要考虑很多东西 。这就是为什么产生一种使用简单、功能强大的网 络程序设计的语言和相应的开发工具是如此的重要 ，也势在必行。在这种背景下，几种网页制作工具 和几种Web网页编程工具和相对应网络程序设计语 言应运而生。
29
运行速度比起HTML程序来运行较慢 • 有的网络操作系统不支持ASP文件或者支 持得不好，这样，用ASP开发Web程序一般 最好选用Windows NT或Wndows 2000操作 系统。 Wndows Server 2003,Wndows XP。
30
PHP是Rasmus Lerdorf＋1994年提出来的。它开 始是一个用Perl语言编写的简单程序，Rasmus Lerdorfffi它来和访问他主页的人保持联系。当时只是 作为一个个人工具，仅提供留言本、计数器等简单的 功能。后来逐渐传开，Rasmus又重写了整个解析器， 并命名为 PHP v1.0，当然功能还不是十分完善。此后 ，其他程序员开始参与PHP源码的编写，1997年Zeev Suraski和Andi Gutamns又重新编写了解析器，经过此 次重写，功能基本完善，形成了今天流行的PHP3的雏 形。
在计算机 的世界里，凡服务的另 一方我们则称 作客户端 (Client)。
5
在实践中，客户端及服务器的关系不一定都是 建立在两台分开的机器上，同一台机器中也有这种 主从关系的存在。提供服务的服务器及接受服务的 客户端也有可能都在同一台机器上，例如我们在提 供网页的服务器上执行浏览器浏览本机所提供的网 页，这样在同一台机器上就同时扮演客户端及服务 器的角色,Client/Server 都在同一台机器上。
20
学习主要就是学习Web编程，也就是基于 WWW 因 特 网 的 编 程 ， Web 应 用 程 序 运 行 在 因 特 网 (internet)上，通俗地说就是做网页，或说做Web网 页。而在web应用程序开发中，核心是Web服务器， Web服务器可连接数据库服务器。
21
22
23
Web编程不是一件简单的任务，传统的应用程 序开发拥有许多结构化语言支持的完好编程模型和 较好的开发工具，而Web应用程序开发混合了标记 语言、脚本语言和服务器平台，需要考虑很多东西 。这就是为什么产生一种使用简单、功能强大的网 络程序设计的语言和相应的开发工具是如此的重要 ，也势在必行。在这种背景下，几种网页制作工具 和几种Web网页编程工具和相对应网络程序设计语 言应运而生。
29
运行速度比起HTML程序来运行较慢 • 有的网络操作系统不支持ASP文件或者支 持得不好，这样，用ASP开发Web程序一般 最好选用Windows NT或Wndows 2000操作 系统。 Wndows Server 2003,Wndows XP。
30
PHP是Rasmus Lerdorf＋1994年提出来的。它开 始是一个用Perl语言编写的简单程序，Rasmus Lerdorfffi它来和访问他主页的人保持联系。当时只是 作为一个个人工具，仅提供留言本、计数器等简单的 功能。后来逐渐传开，Rasmus又重写了整个解析器， 并命名为 PHP v1.0，当然功能还不是十分完善。此后 ，其他程序员开始参与PHP源码的编写，1997年Zeev Suraski和Andi Gutamns又重新编写了解析器，经过此 次重写，功能基本完善，形成了今天流行的PHP3的雏 形。
ASP.NET 程序设计案例教程 郭力子 第1章ASP.NET概述
文本编辑器
Visual Studio 200x
网页的基本构成
2019年5月13日
第20页
程序设计案例教程
更多课程配套课件资源请访问在线教务辅导网 在线教务辅导网：
2019年5月13日
第21页
在中，Web窗体(Web Form)指开发的网页。它是 一个交互式的窗体（由页面中的<form>元素定义），是服 务器端与客户端浏览器之间数据传递的一种结构模式。
在Web Form中包含了Html标记、服务器端控件以及相关 的程序。
2019年5
是建立在.NET Framework基础之上的Web应用 程序开发平台。 作为.NET Framecwork的一部分，可用基于.NET的语言 或C#来开发 Web应用程序。
2019年5月13日
第8页
程序设计案例教程
1.3.2 应用程序的组成
第14页
程序设计案例教程
1.7用文本编辑器建立应用程序
建立应用程序 建立单一网页 网页文件的基本语法
2019年5月13日
第15页
程序设计案例教程
1.7.1用文本编辑器建立应用程序
步骤:
1.首先，在“C:\inetpub\wwwroot”目录下建立一个存放 文件的文件夹。
步骤:
1.在“C:\inetpb\wwwroot”目录下下建立文件夹ASPNET
2.用文本编辑器编写代码ch01-01.aspx并存放在目录 C:\inetpb\wwwroot\ASPNET\下
3.在浏览器地址输入http://localhost/AspNET/ch0101.aspx运行即可。
2019年5月13日
</Script> <HTML>
Visual Studio 200x
网页的基本构成
2019年5月13日
第20页
程序设计案例教程
更多课程配套课件资源请访问在线教务辅导网 在线教务辅导网：
2019年5月13日
第21页
在中，Web窗体(Web Form)指开发的网页。它是 一个交互式的窗体（由页面中的<form>元素定义），是服 务器端与客户端浏览器之间数据传递的一种结构模式。
在Web Form中包含了Html标记、服务器端控件以及相关 的程序。
2019年5
是建立在.NET Framework基础之上的Web应用 程序开发平台。 作为.NET Framecwork的一部分，可用基于.NET的语言 或C#来开发 Web应用程序。
2019年5月13日
第8页
程序设计案例教程
1.3.2 应用程序的组成
第14页
程序设计案例教程
1.7用文本编辑器建立应用程序
建立应用程序 建立单一网页 网页文件的基本语法
2019年5月13日
第15页
程序设计案例教程
1.7.1用文本编辑器建立应用程序
步骤:
1.首先，在“C:\inetpub\wwwroot”目录下建立一个存放 文件的文件夹。
步骤:
1.在“C:\inetpb\wwwroot”目录下下建立文件夹ASPNET
2.用文本编辑器编写代码ch01-01.aspx并存放在目录 C:\inetpb\wwwroot\ASPNET\下
3.在浏览器地址输入http://localhost/AspNET/ch0101.aspx运行即可。
2019年5月13日
</Script> <HTML>
ASPNET程序设计 第1-2章
程序设计
严健武 柳青
第1章 初步认识WEB应用程序
本章导读 本章介绍动态网页与静态网页的基本概念和 执行过程，以及当前流行的动态网页开发技 术，还对开发环境的安装和配置作了 详细介绍。最后，分别用记事本和Microsoft Visual Studio创建和运行第一个网页。
[程序运行结果] 程序意一个文本文件，将后缀名改为 html 或html后， 都可以作为静态网页文件在浏览器中打开。这也说明， 静态网页的标记很多是可以省略的。如果省略所有标 记，则文本内容默认为Body标记中的内容。
2.2 标记的使用
为了在浏览器中呈现各种不同的显示页面内容效 果，可以对文字、段落加以修饰，或在页面中添 加声音和图像，或从一个页面转向另外的页面等。 静态网页由大量标记组成，这些标记代表着一定 的含义，由浏览器下载到本地并进行解释后，呈 现各种绚丽的效果，从而实现超越文本文件的功 能。标记可以包含属性，不同的标记有着不同的 含义。
要使网页内容产生动态变化，必须通过编 写程序代码来实现。在HTML中嵌入程序代 码，实现网页动态变化的网页，称之为 “动态网页”。动态网页仍然以HTML语言 为基础，由服务器端执行代码并将执行结 果转换为静态网页形式，传输到客户端， 由客户端浏览器解释执行。
1.1.2 流行的动态网页技术
⑴ASP ASP (Active Server Pages) 是Microsfot公司1996年 11月推出的动态网页开发技术，使用VBScript 或 JScript 作为脚本语言嵌入到HTML中，并以.asp 为后缀名保存的动态网页文件。常用的可视化开 发工具有FrontPage、Dreamweaver等。一般在 Windows操作系统下，使用 IIS （Internet Information Server 互联网信息服务器） 作为WEB 服务器，结合ACCESS或SQL SERVER 数据库进 行动态网页的开发。
严健武 柳青
第1章 初步认识WEB应用程序
本章导读 本章介绍动态网页与静态网页的基本概念和 执行过程，以及当前流行的动态网页开发技 术，还对开发环境的安装和配置作了 详细介绍。最后，分别用记事本和Microsoft Visual Studio创建和运行第一个网页。
[程序运行结果] 程序意一个文本文件，将后缀名改为 html 或html后， 都可以作为静态网页文件在浏览器中打开。这也说明， 静态网页的标记很多是可以省略的。如果省略所有标 记，则文本内容默认为Body标记中的内容。
2.2 标记的使用
为了在浏览器中呈现各种不同的显示页面内容效 果，可以对文字、段落加以修饰，或在页面中添 加声音和图像，或从一个页面转向另外的页面等。 静态网页由大量标记组成，这些标记代表着一定 的含义，由浏览器下载到本地并进行解释后，呈 现各种绚丽的效果，从而实现超越文本文件的功 能。标记可以包含属性，不同的标记有着不同的 含义。
要使网页内容产生动态变化，必须通过编 写程序代码来实现。在HTML中嵌入程序代 码，实现网页动态变化的网页，称之为 “动态网页”。动态网页仍然以HTML语言 为基础，由服务器端执行代码并将执行结 果转换为静态网页形式，传输到客户端， 由客户端浏览器解释执行。
1.1.2 流行的动态网页技术
⑴ASP ASP (Active Server Pages) 是Microsfot公司1996年 11月推出的动态网页开发技术，使用VBScript 或 JScript 作为脚本语言嵌入到HTML中，并以.asp 为后缀名保存的动态网页文件。常用的可视化开 发工具有FrontPage、Dreamweaver等。一般在 Windows操作系统下，使用 IIS （Internet Information Server 互联网信息服务器） 作为WEB 服务器，结合ACCESS或SQL SERVER 数据库进 行动态网页的开发。
网络程序设计——ASP(第3版)PPT第1章ASP程序设计概述
关于IIS 关于IIS
安装完毕后，在IE浏览器中输入 http://localhost，如果能显示IIS欢迎字样， 就表示IIS安装成功。 依次选择【开始】→【控制面板】→【管理工 具】→【Internet信息服务】命令，就会出现 “Internet信息服务”（IIS）的窗口。 IIS安装完毕后，会自动生成 C:\inetPub\wwwroot,以后大家制作的网页 文件存放在该文件夹下，就可以访问了。
配套课件 网络程序设计-ASP》 支持网站： 支持网站：
本章内容简介
1.1 •网络程序设计语言概述 网络程序设计语言概述 1.2 • ASP的运行环境 ASP的运行环境 1.3 •ASP的开发工具 ASP的开发工具 ASP 1.4 •开发一个简单的ASP文件 开发一个简单的ASP 开发一个简单的ASP文件 1.5 •新建一个应用程序 新建一个应用程序 1.6 •ASP文件的组成及约定 ASP文件的组成及约定 ASP 1.7 •ASP文件的注意事项 ASP文件的注意事项 ASP
1.6 ASP文件的组成及约定 ASP文件的组成及约定
• 一个简单的ASP文件可以包括如下两部分：
–（1）普通的HTML代码，也就是普通的Web页面内容。 –（2）服务器端的脚本程序代码，也就是位于<%…%> 内的程序代码。
• 在ASP中，可以使用VBScript或JavaScript脚本 语言，其中VBScript是默认的脚本语言， • 如果希望使用其他脚本语言，可以在文件开头添 加如下语句进行切换：
1.4 开发一个简单的ASP文件 开发一个简单的ASP ASP文件
• 1.4.1 新建ASP文件 新建ASP ASP文件 • 1.4.2 保存ASP文件 保存ASP ASP文件 • 1.4.3 浏览ASP文件 浏览ASP ASP文件
ASPNET程序设计教程第1章 Web基础知识
1.3.2 实训要求
本例假设某学校现有3个班级，要求设计一个能在网络中通过 IE浏览器进行各学生班级课表查询的网站。
1.3.3 实训步骤
参阅源代码：train1
1.2 Visal Studio项目管理
2. Web网站与Web应用程序的区别
(2) Web应用程序
Web应用程序可以作为类库被引用，非常适合于项目分模块开 发方式。通过创建Web应用程序的方式可以创建 MVC。
在Web应用程序项目中，每一个Web页面都 由.aspx、.aspx.cs、aspx.design.cs三个文件来表示。其 中.aspx.design.cs文件通常存放的是一些页面控件中控件的配置 信息，也就是控件注册页面。它是窗体设计器生成的代码文件， 作用是对窗体上的控件执行初始化工作，一般不需要程序员进行 手工编辑。
VS开发平台将程序设计中需要的各个环节（界面设计、程序设 计、运行和调试程序等）集成在同一个窗口中，极大地方便了开 发人员的设计工作。通常将这种集多种功能于一身的开发平台称 为集成开发环境（IDE）。
1.2 Visual Studio集成开发环境
1.2.1 VS项目管理 1. VS中的常用模板 VS中关于提供了“Web网站”（Web Site）和“Web 应用程序”（Web Application）项目两种常用的模板。
第1章 概述
本章讲述的主要内容
1.1 Web基础知识 1.2 Visual Studio集成开发环境 1.3 实训 设计一个简单的课表查询网站
1.1 Web基础知识
1.1.1 B/S架构与
1.1 Web基础知识
1.1.2 Web标准概述
1999年W3C制定了HTML 4.01标准，随后公布了CSS 2.1和 JavaScript标准，这些标准统称为Web 1.0标准。
本例假设某学校现有3个班级，要求设计一个能在网络中通过 IE浏览器进行各学生班级课表查询的网站。
1.3.3 实训步骤
参阅源代码：train1
1.2 Visal Studio项目管理
2. Web网站与Web应用程序的区别
(2) Web应用程序
Web应用程序可以作为类库被引用，非常适合于项目分模块开 发方式。通过创建Web应用程序的方式可以创建 MVC。
在Web应用程序项目中，每一个Web页面都 由.aspx、.aspx.cs、aspx.design.cs三个文件来表示。其 中.aspx.design.cs文件通常存放的是一些页面控件中控件的配置 信息，也就是控件注册页面。它是窗体设计器生成的代码文件， 作用是对窗体上的控件执行初始化工作，一般不需要程序员进行 手工编辑。
VS开发平台将程序设计中需要的各个环节（界面设计、程序设 计、运行和调试程序等）集成在同一个窗口中，极大地方便了开 发人员的设计工作。通常将这种集多种功能于一身的开发平台称 为集成开发环境（IDE）。
1.2 Visual Studio集成开发环境
1.2.1 VS项目管理 1. VS中的常用模板 VS中关于提供了“Web网站”（Web Site）和“Web 应用程序”（Web Application）项目两种常用的模板。
第1章 概述
本章讲述的主要内容
1.1 Web基础知识 1.2 Visual Studio集成开发环境 1.3 实训 设计一个简单的课表查询网站
1.1 Web基础知识
1.1.1 B/S架构与
1.1 Web基础知识
1.1.2 Web标准概述
1999年W3C制定了HTML 4.01标准，随后公布了CSS 2.1和 JavaScript标准，这些标准统称为Web 1.0标准。
第1章 ASPNET概述
1.4 的开发工具
Microsoft Visual 它就可以实现所见即所得的编辑，并可以实现拖放控件、 自动部署、自动分离程序代码和HTML代码等功能。 它本身已经包括运行环境
Web Matrix 微软提供的一种较为简单的开发工具，可以从 /WebMatrix 免费下载。
1.6.3 添加虚拟目录（2）
在IIS中 “默认Web站点”上单击鼠标右键，在快
捷菜单中选择【新建】→【虚拟目录】命令。添加 别名，并选择刚才建立的pro文件夹。
1.6.4 设置默认文档
什么是默认文档？ 应用程序的默认首页 如何设置默认文档？ 在IIS中打开虚拟目录pro的 属性对话框。 在其中添加default.aspx等默 认文档并调整顺序后确定即 可。
页技术。该技术的目的是为了整合已经存在的Java 编程环境（例如Java Servlet等），结果产生了一个 全新的足以和ASP抗衡的网络程序语言。 JSP是将Java程序片段（Scriptlet）和JSP标记嵌入 普通的HTML文档中。 优点：跨平台。 缺点：复杂难学。
是建立在公共语言运行库上的编程框架，可用于 在服务器上生成功能强大的Web应用程序。与以前的Web 开发模型相比，具有如下几个重要的优点： ①增强的性能。是在服务器上运行的编译好的 公共语言运行库代码。可利用早期绑定、实 时编译、本机优化和盒外缓存服务。 ②世界级的工具支持。可以在Visual 集成开发环境中开发，支持所见即所得、拖 放控件和自动部署等功能，可以使开发效率大大提高。 ③威力和灵活性。基于公共语言运行库，Web 应用程序开发人员可以利用整个平台的威力和灵活 性。.NET框架类库、消息处理和数据访问解决方案都 可从Web无缝访问。也与语言无关，可以选 择最适合应用程序的语言，也可以跨多种语言分割应用 程序。
第1章ASP基础知识
⑵单击【下一步】按 钮，弹出图1-11所示 的对话框，设置虚拟 目录别名，本例为 myasp。
⑶单击【下一步】按 钮，弹出图1-12所示 的对话框，设置网站 内容目录，如 D:\myweb。
《ASP程序设计》——第1章ASP基础知识
1.2.3 创建虚拟目录
⑷单击【下一步】按 钮，弹出图1-13所示 的对话框，设置访问 权限，不作调整。
1.2.3 创建虚拟目录
⑴在“Internet信息服务” 对话框中右击【默认 站点】弹出快捷菜单 如图1-9所示的 “Internet信息服务” 对话框，选择【新建】 →【虚拟目录】命令 后，弹出如图1-10所 示的“虚拟目录创建 向导”对话框。
《ASP程序设计》——第1章ASP基础知识
1.2.3 创建虚拟目录
脚本是指一段能够完成某些特殊功能的程序段。编写脚本 的语言称为脚本语言，脚本语言是介于HTML语言和Visual Basic、Java等高级语言之间的一种语言。它更接近高级语 言，但却比高级语言简单易学，当然也没有高级语言的功 能那么强大。微软公司为ASP开发提供了两种标准的脚本语 言 ： VBScript 和 JavaScript ， 系 统 的 默 认 脚 本 语 言 为 VBScript语言。
《ASP程序设计》——第1章ASP基础知识
1.2.1 Web服务器配置
单击【下一步】按钮，IIS将自动安装，安装过程根据提示 可能需要插入Windows XP Professional光盘，直至完成。 如单击【详细信息】按钮之后进入复选框，还可以进行精确 的子项选择。
安装后，计算机系统有两处明显变化。一处是系统盘符 下会出现一个称为站点“主目录”的特殊文件夹，一般 是C:\Inetpub\wwwroot；另一处是在【控制面板】的 【管理工具】中增加了一个【Internet信息服务】组件图 标。
⑶单击【下一步】按 钮，弹出图1-12所示 的对话框，设置网站 内容目录，如 D:\myweb。
《ASP程序设计》——第1章ASP基础知识
1.2.3 创建虚拟目录
⑷单击【下一步】按 钮，弹出图1-13所示 的对话框，设置访问 权限，不作调整。
1.2.3 创建虚拟目录
⑴在“Internet信息服务” 对话框中右击【默认 站点】弹出快捷菜单 如图1-9所示的 “Internet信息服务” 对话框，选择【新建】 →【虚拟目录】命令 后，弹出如图1-10所 示的“虚拟目录创建 向导”对话框。
《ASP程序设计》——第1章ASP基础知识
1.2.3 创建虚拟目录
脚本是指一段能够完成某些特殊功能的程序段。编写脚本 的语言称为脚本语言，脚本语言是介于HTML语言和Visual Basic、Java等高级语言之间的一种语言。它更接近高级语 言，但却比高级语言简单易学，当然也没有高级语言的功 能那么强大。微软公司为ASP开发提供了两种标准的脚本语 言 ： VBScript 和 JavaScript ， 系 统 的 默 认 脚 本 语 言 为 VBScript语言。
《ASP程序设计》——第1章ASP基础知识
1.2.1 Web服务器配置
单击【下一步】按钮，IIS将自动安装，安装过程根据提示 可能需要插入Windows XP Professional光盘，直至完成。 如单击【详细信息】按钮之后进入复选框，还可以进行精确 的子项选择。
安装后，计算机系统有两处明显变化。一处是系统盘符 下会出现一个称为站点“主目录”的特殊文件夹，一般 是C:\Inetpub\wwwroot；另一处是在【控制面板】的 【管理工具】中增加了一个【Internet信息服务】组件图 标。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
C/S编程模型 B/S编程模型 富互联网应用程序模型
2017年6月29日星期四
3
1.1 应用程序的分类及特点
C/S编程模型
C/S（Client/Server，客户端/服务器），采用这种模式开发 的应用程序需要开发人员分别开发服务器端程序和客户端程序。
C/S模式的应用程序一般用TCP、UDP等网络协议编写网络应 用程序。在这种开发模式下，双方建立连接后，任意一方都可以 主动发送信息给对方，也都可以接收对方主动发送过来的信息。 由于这种模式是在客户端实现大多数的业务处理逻辑和界面操作， 而不是在服务器端实现，所以在传统概念上将其称为胖客户端。 注：P2P（peer-to-peer，对等互联网络技术）本质上也是一种 C/S应用程序
安装客户端浏览器
安装最新版IE浏览器、Chrome浏览器、Firefox浏览器
安装扩展管理工具
安装NuGet Package Manager；通过NuGet更新jQuery、 AJAX Control ToolKit；通过NuGet安装Web Standards Update for Microsoft Visual 2010 SP1
2017年6月29日星期四
8
1.2 W3C和ECMA标准
HTML
CSS
JavaScript和jQuery DOM C#语言
2017年6月29日星期四
9
1.3 VS2010集成开发环境
安装集成开发环境
VS2010开发工具+VS2010 SP1
安装扩展开发工具
安装jQuery、AJAX控件工具包、HTML Web Standards Update for VS2010 SP1
【例1-2】
2017年6月29日星期四
12
本章作业
习题 1、2、3、4
2017年6月29日星期四
13
第1章 概述
Ch1 概述
1.1 应用程序的分类及特点 1.2 W3C和ECMA标准 1.3 VS2010集成开发环境
1.4 网页分类与基本代码交互技术
2017年6月29日星期四
2
1.1 应用程序的分类及特点
从开发形式、采用的网络协议、部署方式以及业务逻辑处 理的复杂度这些方面来介绍目前的应用程序开发类型。
2017年6月29日星期四
5
1.1 应用程序的分类及特点
B/S和C/S开发模式的比较
从编程方式和软件部署的角度来看
从传输协议和速度上来看 从功能和程序依赖性这个角度来看
2017年6月29日星期四
6
1.1 应用程序的分类及特点
富互联网应用程序模型
富互联网应用程序（Rich Internet Application），简称RIA。 用RIA技术编写的应用程序既可以在浏览器中运行，也可以脱离 浏览器运行。如果脱离浏览器运行，其效果与 C/S模式的窗体应 用程序几乎没什么区别。
如果网站功能比较简单，内容更新量不是很大，采用静态网页的 方式会更简单，反之一般采用动态网页技术来实现。
2017年6月分类与基本代码交互技术
HTML页与Web窗体
HTML页模板：主要用途是设计与服务器交互比较少的网页。
【例1-1】
Web窗体模板：除了可以继续在页面中使用所有HTML5标记、 CSS、JavaScript、jQuery以外，还可以在网页中使用 服务器控件、母板页、内容页、AJAX以及AJAX扩展 等功能，同时也能使用C#编写后台代码。
2017年6月29日星期四 4
1.1 应用程序的分类及特点
B/S编程模型
B/S（Browser/Server，浏览器/服务器）模式又称B/S结构， 是指以HTTP为传输协议的技术和体系结构。客户端使用一种通用 的应用程序，简称为浏览器。 B/S模式的开发人员只需要开发发布在Web服务器上的程序即 可，从而简化了客户端的部署。另外，在传统的 B/S模式下，不像 传统C/S模式那样采用建立连接后都能主动发送信息给对方的方式， 而是服务器被动地接收客户端浏览器发送的请求。
2017年6月29日星期四 10
1.4 网页分类与基本代码交互技术
静态网页与动态网页
静态网页：静态网页是指客户端从Web服务器获取网页后，该 网页与Web服务器没有任何交互的HTML页。
动态网页：动态网页是指网页与Web服务器协同工作，随不同 用户、不同时间的操作，返回不同信息的网页。
静态网页与动态网页的适用范围
1.2 W3C和ECMA标准
W3C（World Wide Web Consortium，全球万维网联盟） 成立于1994年。像HTML、CSS、XML、XHTML和DOM （Document Object Model，文档对象模型）都属于W3C制定 的Web标准。
ECMA（European Computer Manufacturers Association，欧洲计算机制造联合会）是除了W3C之外另一 个比较有代表性的组织之一。 “标准JavaScript”实际上就是 指符合ECMA规定标准的JavaScript，也叫“ECMAScript”。
RIA模式的应用程序综合了传统C/S模式和传统B/S模式的优点， 使之既能像C/S那样在客户端完成复杂的企业级业务处理，又能 像B/S那样易于部署，所以受到广大开发人员的青睐。 RIA模型共同的特点是必须先在客户端安装一个插件，客户端才 能正常运行部署在Web服务器上的RIA程序。
2017年6月29日星期四 7
2017年6月29日星期四
3
1.1 应用程序的分类及特点
C/S编程模型
C/S（Client/Server，客户端/服务器），采用这种模式开发 的应用程序需要开发人员分别开发服务器端程序和客户端程序。
C/S模式的应用程序一般用TCP、UDP等网络协议编写网络应 用程序。在这种开发模式下，双方建立连接后，任意一方都可以 主动发送信息给对方，也都可以接收对方主动发送过来的信息。 由于这种模式是在客户端实现大多数的业务处理逻辑和界面操作， 而不是在服务器端实现，所以在传统概念上将其称为胖客户端。 注：P2P（peer-to-peer，对等互联网络技术）本质上也是一种 C/S应用程序
安装客户端浏览器
安装最新版IE浏览器、Chrome浏览器、Firefox浏览器
安装扩展管理工具
安装NuGet Package Manager；通过NuGet更新jQuery、 AJAX Control ToolKit；通过NuGet安装Web Standards Update for Microsoft Visual 2010 SP1
2017年6月29日星期四
8
1.2 W3C和ECMA标准
HTML
CSS
JavaScript和jQuery DOM C#语言
2017年6月29日星期四
9
1.3 VS2010集成开发环境
安装集成开发环境
VS2010开发工具+VS2010 SP1
安装扩展开发工具
安装jQuery、AJAX控件工具包、HTML Web Standards Update for VS2010 SP1
【例1-2】
2017年6月29日星期四
12
本章作业
习题 1、2、3、4
2017年6月29日星期四
13
第1章 概述
Ch1 概述
1.1 应用程序的分类及特点 1.2 W3C和ECMA标准 1.3 VS2010集成开发环境
1.4 网页分类与基本代码交互技术
2017年6月29日星期四
2
1.1 应用程序的分类及特点
从开发形式、采用的网络协议、部署方式以及业务逻辑处 理的复杂度这些方面来介绍目前的应用程序开发类型。
2017年6月29日星期四
5
1.1 应用程序的分类及特点
B/S和C/S开发模式的比较
从编程方式和软件部署的角度来看
从传输协议和速度上来看 从功能和程序依赖性这个角度来看
2017年6月29日星期四
6
1.1 应用程序的分类及特点
富互联网应用程序模型
富互联网应用程序（Rich Internet Application），简称RIA。 用RIA技术编写的应用程序既可以在浏览器中运行，也可以脱离 浏览器运行。如果脱离浏览器运行，其效果与 C/S模式的窗体应 用程序几乎没什么区别。
如果网站功能比较简单，内容更新量不是很大，采用静态网页的 方式会更简单，反之一般采用动态网页技术来实现。
2017年6月分类与基本代码交互技术
HTML页与Web窗体
HTML页模板：主要用途是设计与服务器交互比较少的网页。
【例1-1】
Web窗体模板：除了可以继续在页面中使用所有HTML5标记、 CSS、JavaScript、jQuery以外，还可以在网页中使用 服务器控件、母板页、内容页、AJAX以及AJAX扩展 等功能，同时也能使用C#编写后台代码。
2017年6月29日星期四 4
1.1 应用程序的分类及特点
B/S编程模型
B/S（Browser/Server，浏览器/服务器）模式又称B/S结构， 是指以HTTP为传输协议的技术和体系结构。客户端使用一种通用 的应用程序，简称为浏览器。 B/S模式的开发人员只需要开发发布在Web服务器上的程序即 可，从而简化了客户端的部署。另外，在传统的 B/S模式下，不像 传统C/S模式那样采用建立连接后都能主动发送信息给对方的方式， 而是服务器被动地接收客户端浏览器发送的请求。
2017年6月29日星期四 10
1.4 网页分类与基本代码交互技术
静态网页与动态网页
静态网页：静态网页是指客户端从Web服务器获取网页后，该 网页与Web服务器没有任何交互的HTML页。
动态网页：动态网页是指网页与Web服务器协同工作，随不同 用户、不同时间的操作，返回不同信息的网页。
静态网页与动态网页的适用范围
1.2 W3C和ECMA标准
W3C（World Wide Web Consortium，全球万维网联盟） 成立于1994年。像HTML、CSS、XML、XHTML和DOM （Document Object Model，文档对象模型）都属于W3C制定 的Web标准。
ECMA（European Computer Manufacturers Association，欧洲计算机制造联合会）是除了W3C之外另一 个比较有代表性的组织之一。 “标准JavaScript”实际上就是 指符合ECMA规定标准的JavaScript，也叫“ECMAScript”。
RIA模式的应用程序综合了传统C/S模式和传统B/S模式的优点， 使之既能像C/S那样在客户端完成复杂的企业级业务处理，又能 像B/S那样易于部署，所以受到广大开发人员的青睐。 RIA模型共同的特点是必须先在客户端安装一个插件，客户端才 能正常运行部署在Web服务器上的RIA程序。
2017年6月29日星期四 7