Web技术概述ppt课件.ppt

第七章 Web技术 1ppt课件.第七章 Web技术第一节　Ｗｅｂ技术概述第二节　常用Ｗｅｂ技术第三节　Ｗｅｂ与电子商务2ppt课件.第一节　Ｗｅｂ技术概述一、Ｗｅｂ定义二、理解Ｗｅｂ三、Ｗｅｂ工作原理四、ＷｅｂC/S结构3ppt课件. Web定义 Web是WWW（World Wide Web）的简称，又称“万维网” Web是建立在客户机／服务器（Client／Server）模型之上，以HTML语言和HTTP协议为基础，能够提供面向各种Internet服务的、一致的用户界面的一种信息服务系统 4ppt课件.理解Ｗｅｂ1）Web是Internet提供的一种服务2）Web是一个巨大的信息宝库3）Web上的信息彼此关联4）Web上的信息保存在Web站点中5）Web简单易用5ppt课件.工作原理6ppt课件.Ｗｅｂ的C/S结构7ppt课件.第二节　常用Ｗｅｂ技术一、浏览器二、超文本标识语言三、动态Web四、动态服务器五、插件六、脚本描述语言8ppt课件.一、浏览器1浏览器市场2全球浏览器竞争者3离线（Offline）浏览器 4对商业的影响 9ppt课件.1浏览器市场10ppt课件.1。

浏览器市场（1）不同的站点结果是不同的2）平均约有5%的空余空间3）这说明Internet不仅是一个大众传播媒介，而且反映很多销售市场和甚至更多机会市场的基础设施11ppt课件.2全球浏览器竞争者Netscape　CommunicatorInternet ExplorerOperaLynx 12ppt课件.Netscape CommunicatorNetscape Communicator是世界上最著名的浏览器，它适用于很多平台如果要找一个适用于大多数平台，并且支持Java和JavaScript较新版本的浏览器，则Netscape是最好的选择 13ppt课件.Internet ExplorerIE和操作系统高度集成仅支持Windows，不适合跨平台14ppt课件.OperaOpera小、快而且实用Opera是那些只有少量内存或使用老系统用户的理想选择15ppt课件.LynxLynx仅有约500KB，仅显示文本适用于移动或其他嵌入式设备的用户 16ppt课件.3离线（Offline）浏览器离线浏览器，是指用户可以下载整个站点并以离线方式阅读其内容的浏览器用户所要做的就是启动URL，该程序会下载网页及网页上的所有元素。

缺点是只适用于静态HTML页主要优点是省钱与时间 17ppt课件.4离线（Offline）浏览器Offline ExplorerWebzipClimate InfoNout18ppt课件.5对商业的影响（1）基本平台（2）方便了公司和消费者之间的信息沟通和交流19ppt课件.二、超文本标识语言1HTML 2与商务的关系 20ppt课件.1 HTML　（1） HTML的定义　　　即超文本标识语言，是万维网的基本构件21ppt课件.1 HTML（2） HTML 的使用：HTML文件存放在Web服务器上，由服务器把文件传送至Web浏览器，由Web浏览器根据HTML代码中的指令部分进行翻译，然后创建Web页22ppt课件.1 HTML（3）HTML 的特点　　HTML是一种标识语言而非编程语言 23ppt课件. 这是第一行注意，多余的空格是无用的 这是第二行，但在浏览器上看却和第一行连在一起 使用段落标记，才能起分行、空行作用。

　 24ppt课件.25ppt课件.2与商务的关系（1）HTML是在Web浏览器中显示内容的底层支持技术2）HTML的学习和实现非常简单，且成本低廉26ppt课件.三、动态Web1从静态Web站点转到动态Web站点2级联样式表（Cascading Style Sheet）3文档对象模型（DOM）4动态HTML（Dynamic HTML） 27ppt课件.1从静态Web站点转到动态Web站点所谓静态Web站点，是指Web页中的信息都是静止、固定的，用户只能被动的接收信息而不能修改 优点：（1）不需要编程知识（2）占用的Web服务器的资源相对较少 缺点：缺乏交互性，不灵活，适用对象： Wｅｂ页不多并且很少改变Wｅｂ页 28ppt课件.1从静态Web站点转到动态Web站点　所谓动态网站就是把Web页和数据库绑定在一起通过运用数据库模型允许访问者在动态Web页中添加、插入或删除数据29ppt课件.2级联样式表（Cascading Style Sheet）HTML用于描述一个文件的逻辑结构开发的，而级联样式表（CSS）则是为了描述文件的布局 CSS格式页也是一些模板，它包含了一系列规则用以说明对各HTML元素的渲染(元素的字体、颜色、字样以及其它一些样式 )。

30ppt课件.3文档对象模型（DOM）文档对象模型DOM(Document Object Model )是一种包含可控制对象（如文本、图像、链接）的文件（如Web页）模型 正如样式表可用于建立与内容和结构无关的布局，DOM可以让用户制作与内容和结构无关的交互交互31ppt课件.4动态HTML（Dynamic HTML）为了满足人们对Web的动态要求，结合HTML、级联样式表（CSS）、文档对象模型（DOM）和脚本描述语言（如JavaScript/VBScript），构建动态的、交互式的Web页，即DHTML 32ppt课件.四、动态服务器1公共网关接口CGI2应用编程接口API 3ASP 4PHP 5JSP33ppt课件.五、插件1插件的定义、特点和趋势 2Adobe Acrobat 3Quicktime 4Platinum Cosmoplayer 5Macromedia Shockwave 34ppt课件.1插件的定义、特点和趋势插件（Plug-in）是为Web浏览器开发的内插式附件程序，通常用于添加对新文件格式的支持或添加交互性 插件最大的特点在于它的简单易行35ppt课件.1。

插件的定义、特点和趋势 由于浏览器有越来越多的内建特性使得插件的重要性正在逐渐消失，尤其是在XML成为Internet上文件的新基础后，其趋势是从插件转向提供Java或ActiveX解决方案 注释：可扩充标识语言 XML （Extensible Markup Language）是SGML的子集 36ppt课件.2Adobe AcrobatPDF格式适用于所有主要平台，能在任何平台上读取并提供了跨平台和打印机的高质量输出 37ppt课件.3 QuicktimeApple计算机公司、数字媒体播放器例如：4Platinum Cosmoplayer显示用虚拟现实标识语言（Virtual Reality Markup Language, VRML）编写文件39ppt课件.5Macromedia Shockwave多媒体标准插件该插件可以重放交互式Web内容，如娱乐软件、商业表现、游戏和广告等 40ppt课件.六、脚本描述语言1JavaScript 2VisualBasic Script 3JScript 4浏览器中脚本描述语言的问题 5ECMAScript 41ppt课件.脚本描述语言定义所谓脚本描述语言就是可以和HTML语言混在一起使用的语言，可以用来在浏览器的客户端控制浏览器等对象操作。

最常用的脚本描述语言是JavaScript和VBScript等 42ppt课件.第三节　Ｗｅｂ与电子商务一、电子商务中ｗｅｂ的作用二、电子商务网站的构建43ppt课件.一、电子商务中ｗｅｂ作用１）展示企业形象的新方式１）展示企业形象的新方式　非强迫性、交互性、实时性、广泛性（范围广泛、内容广泛、形式广泛）、和易统计性２）支持顾客的服务２）支持顾客的服务 　支持顾客交互与查询、开辟顾客关系的新途径、方便顾客获取企业信息 44ppt课件.一、电子商务中ｗｅｂ作用3 3）加快企业内部的信息交流）加快企业内部的信息交流 4 4）简化复杂的运作管理）简化复杂的运作管理45ppt课件.二、电子商务网站的构建１．电子商务网站概述 ２．电子商务网站的设计 ３．电子商务网站的建设 ４．电子商务网站的管理 ５．电子商务网站的检测和评价 46ppt课件.１．电子商务网站概述？电子商务网站与其它类型网站的区别？电子商务网站的影响因素47ppt课件.普通的Web网站数据量较小，电子商务网站以商务数据处理为主，数据类型复杂、数据流量大、数据交换频繁运运行行效效率率 其一，网站本身对公众请求响应时间，公众对问题回答的满意度等；其二，数据处理是否及时、准确。

安全问题安全问题 网络安全、服务器安全、用户安全、应用程序和服务安全、数据安全几个部分１．电子商务网站概述48ppt课件. ２．电子商务网站的设计 １）网站设计方法（ ①自顶向下的设计方法②原型法 ）２）网站的内容设计（①一般网站的内容 ②企业能够提供的信息内容 ③电子商务网站内容设计 ） ３）网站的形象设计 49ppt课件.①一般网站的内容网站介绍网站介绍 站点结构图站点结构图联系方式联系方式常见问题解答常见问题解答新闻新闻相关链接相关链接②企业能够提供的信息内容　企业公告；企业部门结构、职能介绍和联系方式；企业事务处理流程；政策规定、法律法规；本行业概况；本行业新闻；基本行业情况信息；本行业企业和事业单位简介；本行业招商引资环境、项目介绍和投资环境等等③电子商务网站内容设计（以上两点）２）网站的内容设计50ppt课件.电子商务网站的形象设计应该遵循统一主题图片和子图片的设计 字体的设计 导航按钮的设计 （每个页面都要出现；尽量在五个到七个之间；必须有相应的文字说明；当前按钮应该区别于其它导航按钮 ） ３）网站的形象设计51ppt课件.3电子商务网站的建设 １）技术可行性分析（包括Web服务器的分析、Web服务器软件的分析、Web网站开发平台的分析、Web网站管理工具分析及其它支撑技术的分析。

） ２）网站域名 ３）运行平台的构建 52ppt课件.３）运行平台的构建53ppt课件.网络接入部分主要指Internet的接入设备，如路由器、调制解调设备、防火墙、防病毒墙等商务应用软件部分包括网上办公的行政事务应用软件系统和公众服务软件系统应用服务器是支撑商务应用软件的系统软件部分，包括Web服务器、E-mail服务器、FTP服务器、BBS服务器、远程注册服务器等服务器部分是支撑应用服务器的硬件平台，根据网上办公系统规模，可能是一个服务器单机，又可能一组服务器群集数据存储部分用来存储商务数据，具有海量存储能力和高速搜索能力，同时还具备完整的数据采集、加工、处理、组织存储、挖掘和发布的的功能安全部分包括数据安全、应用安全和交易安全，它是由一组功能相关的软件和硬件系统构成的，并且贯穿于电子商务网站的每一个组件中 54ppt课件.４．电子商务网站的管理文件管理文件管理网站内容管理网站内容管理网站综合管理网站综合管理网站安全管理网站安全管理55ppt课件.４．电子商务网站的管理 文文件件管管理理　包括网站文件的组织、网站数据备份、网站数据恢复和网站垃圾清理等网网站站内内容容管管理理　即面向电子商务事务活动中的具体业务而进行的对输入和输出信息流的内容管理。

网网站站综综合合管管理理　是对网站运行平台的管理、网站统计管理和网上办公业务的管理网站安全管理网站安全管理　包括分析网站安全威胁、网络安全技术的运用、安全规章制度的制定与执行56ppt课件.5 电子商务网站的检测和评价 １）电子商务网站评价的方法 ２）电子商务网站评价数据的采集３）电子商务网站评价的内容 57ppt课件.１）电子商务网站评价的方法委委托托评评估估公公司司评评估估　BiZRate（）权权威威机机构构网网站站评评比比活活动动　中国互联网络信息中心CNNIC自我评测自我评测　用户评价用户评价　58ppt课件.２）数据的采集 在主页中设置访问计数器发布统计表单统计电子邮件刊物的预订数量统计咨询类电子邮件的数量　定期监测网上合作网站情况　 检索国内外的权威统计站点服务质量跟踪统计以及顾客投诉的意见59ppt课件.３）电子商务网站评价的内容①网站受关注的程度②外部环境的变化分析③网民的变化状况④网站的设计⑤网站的操作：⑥技术应用的状况60ppt课件.⑦服务质量 ·服务承诺的兑现情况： ·满意程度： ·存在问题及分析； ·顾客新的服务要求分析。

⑧网站的安全性数据的安全是最核心的问题，应及时对网站的安全性进行评测例如： ·顾客购物时有关资金数据是否安全；·顾客个人隐私是否得到保护61ppt课件.四、动态服务器尽管DHTML适于较小的数据库和Web站点，适用于客户方客户方的动态服务有着大数据库的更大的公司则更希望在Web服务器上创建动态Web页为了处理来自客户方或其他数据源（如数据库）的输入和数据，必须为通信创建接口，而CGI、API、ASP和PHP应运而生62ppt课件.1公用网关接口（1）CGI定义：CGI(Common Gateway Interface)意即公共网关接口，它为HTTP服务器定义了—种与外部应用程序交互、共享信息的方法63ppt课件.（2）CGI的工作原理：客户机（通常是浏览器）与HTTP服务器建立连接，并提出请求（步骤1），HTTP服务器对环境变量赋值，运行CGI程序，并传送从客户机收到的请求（步骤 2），然后由CGI程序进行处理，并将结果返回给HTTP服务器（步骤3），HTFP服务器最后将应答返回给客户机（步骤4） 64ppt课件.1公用网关接口（3）CGI的常用语言 任何编程语言都可用于建立服务器方HTML预处理程序应用，最常用的语言是Java、 Perl和Python创建能通过公用网关接口接收并提供数据的应用是很简单的。

注意：这些语言并不只是CGI语言65ppt课件.1公用网关接口——JavaJava 为了提高WWW的交互性，Sun公司开发了Java JavaJava是是一一个个能能运运行行于于所所有有主主要要平平台台的的与与硬硬件件无无关关的的语语言 对于客户方，Java并不总是最好的解决方案不同的浏览器制造商支持不同版本的Java，而不同版本的Java之间是不兼容的 而在服务器一方Java已经成为主要推动力之一，服务方Java的优点是其与浏览器无关，如果做的合适可以无需重写或重编译软件就换服务器66ppt课件.1公用网关接口——JavaJava与电子商务 Java语言是最适合于Internet环境编程的语言，具有简单、面向对象、分布式、安全、跨平台、可移植、解释执行、高性能、多线程、动态性等等优点，成为网络计算及Internet应用的最优的开发和应用平台 因为Java与生俱来的跨平台特性跨平台特性，最适合涉及到多种计算平台的商务应用Java的安全性安全性又满足了电子商务中极其重要的一面因此在电子商务的开发应用中，Java已经显示出了极大的生命力。

67ppt课件.1公用网关接口——JavaJava和Java AppletAppletApplet是是JavaJava的小应用程序的小应用程序，Java通过Applet起Web服务器应用程序接口的作用 68ppt课件.1公用网关接口——PerlPerl 因为Perl允许快速原型开发，所以它是服务方最流行的编程语言，尽管很多人认为Perl 只是一种CGI语言，但它却是一个不只用于Web的常规编程语言Perl是一种由Perl解释程序解释的一种脚本描述语言，并且为了浏览文本文件、从文件中提取并处理信息以及基于这些信息打印报告对其进行了优化处理 Larry Wall开发Perl的目的是创建一种实用、易用、高效而完整的语言和Java不同，Perl非常难读并且包含了一些其他编程语言如C、Pascal和其他应用程序中最有用的特性，如“sh”、“sed”和“awk”69ppt课件.1公用网关接口——PythonPythonPython是Web服务器编程领域中另一个不错的选择，它是一种基于面向对象规范的解释型交互式编程语言，与Perl和Java有很多相似之处Python非常轻巧并适合于各主要平台，这使它成为多平台环境下一种不错的语言。

Perl的源代码是免费的，所以甚至可能为其现在不支持的平台编译它 70ppt课件.2应用编程接口APICGI运行效率低下、编程困难等缺点厂商各自的服务器应用编程接口API(Application programming interface)，彼此不兼容WWW API通常以动态链接库 (DLL)的形式提供，是驻留在WWW服务器上的程序，作用与CGI相似，也是为了扩展WWW服务器的功能通过WWW API也能实现对数据库的访问71ppt课件.3ASP方便没有编程经验的人员也能设计出优秀的动态网页Microsoft公司专门针对其IISIIS(Internet Information Server)Web服务器，将ASP(Active Server Page)作为在Web服务器上进行开发的工具通过它可以建立并运行动态、交互、高性能的WWW服务器应用ASP不仅是IIS的一个组件，也是与FrontPage 2000配套提供的Microsoft Personal Web Server的一个组件 72ppt课件.3ASPASP是Active Server Page的英文缩写，中文称为动态服务器页面，它是一种服务器端基于Web的脚本语言，可以视为HTML、Script及CGI的结合体，其程序编写较HTML更为方便灵活，程序的安全保密性比Script好，运行效率也比CGI高。

ASP常用的开发工具可以从Visual InterDev、Dreamweaver、FrontPage等流行设计工具中根据项目的实际情况进行选择开发环境则可以选择Windows 2000 Server作为操作系统，IIS作为Web服务器，数据库选SQLServer比较理想 73ppt课件.3ASP ASP具有以下几个优点： （1）开放性：不需要一个专用的脚本语言来生成网络应用程序 ，甚至可以在相同的ASP文件中同时使用多个脚本语言并相互调用 （2）易操作性：只需几行简单的代码就可以完成以前使用Peri或C编写的复杂的CGI程序完成的功能 （3）页面设计与程序设计分离（4）即时编译（5）浏览器独立性 ：所有的处理都在服务器端进行，然后向浏览器返回标准的HTML文件 74ppt课件.4PHP PHP(Personal HomePage Tools)于 1994年 由 Rasmus Lerdorf创造，原本用途只是为知道他自己个人置于Internet上的履历表曾被谁浏览过 PHP是一种服务器内置式的script语言，与ASP类似，其目的则为开发动态式的网页并可与资料库连结。

它的出现使得在Unix上快速地开发动态web成为现实 PHP大量采用了C、Java和Peri语言的语法，并加入了各种PHP自己的特征它与JavaScript等语言的一个区别就是 PHP只在服务器执行，客户机所看到的是其在服务器上运行的结果 75ppt课件.５JSP（Java Server Page） 　　在传统的网页HTML文件中加入Java程序片段和JSP标记，就构成了JSP网页（*.JSP）JSP网页的执行过程和原理与ASP相似，也是先执行其中的程序片段，然后将执行结果以HTML格式返回给客户　　JSP适用于需要考虑跨平台移植的应用项目以及需要高可靠性的Internet/Intranet应用系统开发工具可以是Jbuilder/Visual Age for Java/Sun Forte for Java KAWA/Visual Cafe 76ppt课件.1JavaScript （1）何谓JavaScript JavaScript编程语言是一个非常简洁的基于对象的、与平台无关的、事件驱动的解释型脚本描述语言，它可用于开发驻留于服务器或客户上的Internet应用。

一个有内嵌JavaScript的HTML不需要任何网络通信就能解释所输入文本并且在输入无效的情况下用消息对话框通知用户JavaScript还可用于执行一项活动，如播放一个音频文件，执行一个Applet或与一个插件通信JavaScript是由客户包含的并且不能同服务器通信并交换数据 77ppt课件.1JavaScript（2）JavaScript的“出身” JavaScript从来没有打算成为Java的一个缩写版或替换CGI脚本语言，JavaScript是由Netscape而不是Sun（它开发了Java）开发的，但出于推销目的使用一个近似的名称JavaScript原本称为“Macha”，后改名为“LiveScript”最后变成了JavaScript，因为绝大多数人提到这个名称 （3） JavaScript的价值 第一， JavaScript有很多胜于传统编程语言的优点它和Web浏览器的集成很完美，并能访问和操作Web页上的所有对象，这样就允许建立与用户的交互且不用连接到服务器78ppt课件.1JavaScript第二，JavaScript是对HTML一个非常通用的扩充，这个扩充通过事件管理和客户方执行能提高效率。

例如，JavaScript程序可用于发送前验证用户输入，这减少了在网络上的加载并增加了对客户的响应时间错误的输入可以立即被发觉并且用户有机会改正输入而不用加载一个新页或重载当前页 第三，JavaScript还可用于创建动态内容JavaScript能根据浏览器的类型以另一种格式显示信息，并且页上的显示可基于用户的输入进行改变 79ppt课件.1JavaScript第四，不用在昂贵硬件上投资就提供复杂服务成为可能由于JavaScript能创建和读取Cookie，所以就有可能使用JavaScript、Cookie和HTML页创建不需要一个服务器应用的复杂应用注释： Cookie是存储于浏览器中的一段信息，并可由放置这个信息的服务器收回，比如可用这段信息识别用户 80ppt课件.2VisualBasic Script 除了JavaScript之外，VisualBasic Script（VBScript）也已把自己建成为一个Web浏览器脚本描述语言 VBScript是由Microsoft开发，并且只有IE支持，它是Microsoft Visual Basic语言的一个子集，并实现为一个快速、可移植的轻量级解决方案。

81ppt课件.2VisualBasic Script VBScript的主要优点是紧密地集成于Microsoft操作系统中从而使其可以创建高度复杂的Web应用已了解Visual Basic的用户不用任何辅助学习就可以创建VBScript，可以用标准Microsoft调试程序调试VBScript从而使跟踪脚本中的错误非常容易 VBScript的主要缺点也是与Microsoft操作系统的紧密集成，它不能在其他操作系统或其他浏览器上运行，使其只局限于使用InternetExplorer和Windows的用户，而这与任何人都可访问任何东西的Web原则是相违背的 82ppt课件.3JScript Microsoft开发了JSCript，它与JavaScript非常相似Microsoft在客户方脚本描述方面的进展为开发人员提供了在Netscape的JavaScript语言的C风格语法和很多Microsoft应用开发人员已熟悉的VB风格之间的选择机会 JavaScript和JScript的区别非常微妙，但其区别之大足够在这样或那样的情况中中断代码。

83ppt课件.4浏览器中脚本描述语言的问题 开发网上站点时，需要考虑哪些浏览器分别接受哪些脚本语言　　过多或过少都不行84ppt课件.5ECMAScript 为了解决多种JavaScript实现所带来的问题，开发了作为浏览器脚本描述的新标准ECMAScript根据ECMA组织命名的ECMAScript基于多个脚本描述技术，如Netscape Communication开发的JavaScript和Microsoft公司开发的JScript ECMAScript的开发于1996年后期开始并在1997年6月发行了第一版，随后ECMA标准被提交给ISO组织，并与1998年4月作为ISO/IEC 16262获得批准 85ppt课件.86ppt课件.此课件下载可自行编辑修改，供参考！感谢您的支持，我们努力做得更好！。