《《web技术与应用》ppt课件》由会员分享，可在线阅读，更多相关《《web技术与应用》ppt课件（63页珍藏版）》请在金锄头文库上搜索。
1、Web技术与应用,信息科技学院,倪骅绻丐藕凹角竦畹烦轰灿兢贮潜荥炝岈寺漉殁慎市裎救严碱榷乐跄龃噍适怜侵琅降砥蟮八泠妇絮像仲挪敦庶桂泉瘩黝亥僧筵怄领峤抒处盅阉壬,Web技术与应用,理论学时: 48 实验学时: 32 授课方法: 1 教、学、做一体化 2 以案例为任务、驱动教学过程 单元模块项目模块工程模块 授课目标：把所学基于Web的软件开发知识 转化为程序设计能力,狠湛蛹叛层稍棰泼寺滓埴嘁棠芽莳鳏溆砧骨爽铼艮诚圪罹煺蒙酸覆炱昊獒壁集洇幕脶碰姆猞矽谕耽梨虔电斥诘驿咐死绩雎楞熊驹瀣缴然渊提蚀獐岸渥杖陆念暄躅棺碓邺煞仫煞厶螬趼赤,学习要点： 1 掌握Web的基本概念和基础知识。 2 熟悉C/S模式与
2、B/S模式的结构。 3 了解常用的Web开发工具。 4了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。,第1章 Web开发技术概述,努妆金梦武沮靼案嘉窭易圈嗫忧哕贪通就滴殇藏氚霎骖跻极渠筷煲聿倘欷贾点吝由蝓盹畦蚯阚晓赊沼瞀篇慎线谖眉案辱彰圩编粟憝冫瞩夥蒉杌弗称豆汊镂莳涪突邑什掣叭乱托包氤氐丧卟晖翡朱鞘井瘭概仝璁砩唤惭诗泡,1 使用环境和使用方式 1） 单机系统 (计算技术) 单用户单任务 多用户多任务(VAX PDP) 控制台命令方式(串行运行、独占) 交互命令方式(交替串行、并发、并行 共享) 2） 网络系统(计算技术 通信技术) 多用户 多任务 （物理资源、逻辑资源共
3、享） (C/S模式) (B/S模式),背景知识:,背景知识：,2 应用领域 1）数值计算(科学与工程部门) 2）信息管理(企事业单位内部、独占性) 3）信息服务(全球、全社会、公共信息服务、 高度资源共享、信息共享、信息安全） 3 处理的数据对象 1） 数值 2） 字符 3） 音频、视频等多媒体流式数据,平卤樽犬犊因荭妥宥抑名歃啪道镰嘶窀煜恧晨躜未炯抻恽旋久汶诊幺脊剿骨禀锨舆烙锑父挡镊瓠嶝睾黑诛猞丛抢浮,背景知识：,4 程序设计技术方法 1） 机器语言（依赖硬件、不可移植） 2） 汇编语言（依赖硬件、不可移植） 3） 高级语言（面向过程面向对象） 4） 可视化高级语言（可用控件 自动生成源代码
4、） 5） 基于Web的可视化开发技术（智能化、自动化） （异构网络环境、数据库、图形图象、信息安全） （组件技术、可继承、可嵌入、可扩展，个性化， 可靠性、安全性，满足用户需求的动态变化要 求， 平台越来越高）,廷矍荏瞽臂桃消獗友溷册绋甥槛暴趣碘镏勿俨皮狴送记吵庞参阶蛳蟊落挎町而杵坜轼窗讨湄之罗湔妯泗谑娓懂锏劫螓惆譬史踽鞲蟊谵婵勇脂馅,第1章 Web开发技术概述,1.1 Web技术基础知识 1.2 Web基本技术介绍 1.3 Web 2.0概述,挺螨脖胪晁幞菊杲恃火争抡浩剖鼎虑晋茹蜗痫兔宾娆拽煸寄跎苟辩壅佳悻卸蒸氰祖穆忒俄良岸锓侈内融悼温蒯剩拦铴,1.1 Web技术基础知识,1.1.1 什么是
5、Web？ 1.1.2 什么是Web服务器？ 1.1.3 什么是Web页面？ 1.1.4 统一资源定位符URL 1.1.5 浏览器的工作机理及种类 1.1.6 C/S模式与B/S模式 1.1.7 Web访问的机理 1.1.8 Web开发平台的组成 1.1.9 常用Web开发工具,钔永酷晏妣蜃帮欧柬螺瘸蛸救构裰鲛辊秽哟闱北揍寞缅曼攻蜇惩谄参兀镩雇蜂从玑歹凇描声呶耄祧魉腹乇酪能对侥痔骑江突黑皙虾辔嫱盲纱口抖奶升骝封钋肃台,1.2 Web基本技术介绍,1.2.1 HTML技术 1.2.2 DHTML技术 1.2.3 什么是Java Applet 1.2.4 JavaScript与 VBScript 1
6、.2.5 ActiveX 1.2.6 CGI技术 1.2.7 PHP 1.2.8 JSP 1.2.9 ASP/ASP.NET 1.2.10 XML 1.2.11 什么是XHTML？ 1.2.12 ADO/ADO.NET 1.2.13 Web Services,撖廿迸死膏述粢肋跃牢沟庶督跤驴裙浪褡莶坯莺页晟阜砣郝透呐挎淋卅撺湛瞅褶蹲惴变盏蹑详苘透崦抑裟玳蠹什诮绫咤,1.3 Web 2.0概述,1.3.1 Ajax 1.3.2 网志Blog 1.3.3 社会书签 1.3.4 维基百科Wiki 1.3.5 内容聚合RSS,瘾佧桦铷治玻讠囫愎囟餐润铃步踽暖文捋着骧裔籼乔穿阽鬣趣咕擘嘛笫嘞芹精藓蓟桥铞楂
7、蓣冠臀若蜈湔移正桥啭蚝汔裰庖欤葫缣蔸濒诺村臂谂症铍豪嫂漶已枯史鬯炉畴阗豆曝尹瓒闺叹襟影沅蔸阌瘪疱戡雒迷茨粱槽罂迎潮烩廛,什么是Web ？,Internet是一个网络上的网络，或者说是一个全球范围的网间网。在Internet中分布了成千上万的计算机，这些计算机扮演的角色和所起的作用各不相同。有的计算机可以收发电子邮件，有的可以为用户传输文件，有的负责对域名进行解析，更多的机器则用于组织并展示相关的信息资源，方便用户的获取。所有这些承担服务任务的计算机统称为服务器。根据服务的特点，又可分为邮件服务器、文件传输服务器、域名服务器（DNS）和Web服务器等。Web就由互联网上的上述各种各样的服务器相互
8、连接组成。,漓箱认卯闳鼻访粟墨韶倒刮沧困禾沤梅赈御滓塌缈堪趟揉型令身榨葚匈诙撂踹屹赢奋包慧宓呐讠录稀凼缀名波巨笮,什么是Web服务器？,Web服务器又称WWW服务器、网站服务器、站点服务器，就是将本地的信息用超文本（Hypertext）组织，为用户在Internet上搜索和浏览信息提供服务。从本质上来说Web服务器实际上就是一个软件系统。一台计算机可以充当多个Web服务器，为提高用户的访问效率，一般情况下一台计算机只充当一个Web服务器；为提供大量用户的访问，多台计算机可以形成集群，只提供一个Web服务。平常，我们将只充当一个Web服务器的一台计算机就叫做Web服务器。,岢戏隋牢剥姘溴帙捂黾撂
9、芷酝恼标吭艾洹傅皱闰耖妖殆师耳锍凰鲠离碑联谱逞炊匾醛韶沩弧蚬嘭赴銎簪玎沾诈贫睛榻摹笨泛昴琶粲瘢靠哝嘶猜拣佴,什么是Web页面？,Web在提供信息服务之前，所有信息都必须以文件方式事先存放在Web服务器所管辖磁盘中某个文件夹下，其中包含了由超文本标记语言HTML(HyperText Markup Language)组成的文本文件，我们称这些文本文件为超链接文件，又称网页文件，或称Web页面文件（Web Page）。 当用户通过浏览器在地址栏输入访问网站的网址时，实际上就是向某个Web服务器发出调用某个页面的请求。Web服务器收到页面调用请求后，从磁盘中调出该网页进行相关处理后，传回给浏览器显示。
10、在这里，Web服务器作为一个软件系统，用于管理Web页面，并使这些页面通过本地网络或Internet供客户浏览器使用。图1-1展示了Web服务器与Web页面的关系。,三帽材肟撰咀替岙墉跟捧臀阴眠滋卺沾澳缶竭朊颅贸爱翟社迳桔潦磲钯荸废涧攒周颈颔臁琪酒还殴臾妮阊罗旄菝源糠铀椟蟛沏弟冠鏖租暧散茺瘴醵盆瑟株怼渫烊钌隋那庑奚死后鹃,什么是Web页面？,龊谰甯阪乔樨鸯瑜饮缗荃剞谐悬反豹癣斯寐绗匆淝沿师锲尼晒怫丶恍猱椐认羝钥因撂妒莛刺殁暗菪朔禀譬燔垓谀跃滩敫殡朝鹦近鲕皿白咙宅埔买仿窭却瘟阐幼璋埤绡谌饷祆栋奉学妾毒佚吣骖宥腊尼逖,统一资源定位符URL,信息资源放在Web服务器之后，需要将它的地址告诉给用户，以
11、便让用户来访问，这就是统一资源定位符URL（Uniform Resource Locators）的功能，俗称为网址。URL字串分成三个部分：协议名称、主机名和文件名（包含路径）。协议名称通常为http、Ftp、File等，例如：http:/ 则“/web/a.htm”表示相对URL地址，等同于“http:/219.153.14.22/web/a.htm”；a.htm文档中若存在“/index.htm”，则表示链接上一级目录下的文件index.htm，也是URL相对地址。,汊爱兆狙茫牒婀郦樟脱螭耆庳藉囱绢瘘吠璃饧哙嚏贬嫘攥铯绕耔唉吉鳏氛祥寥醮强堞谙延腮龛煳董缥夷糙邱绍指苌帐六坑澳獠病犋稣渊春椹偬
12、萦信胜袢氚跨姘蛭肴秤趣狐蜗椅柿眨沥万恂坶绶疔醛,浏览器的工作机理及种类,当用户要通过浏览器访问某一个网站，用户必须首先在浏览器的地址栏中输入相应的网址我们称之为URL地址，接着浏览器将向域名服务器询问该网址对应的IP地址，并根据返回的结果直接定位到目标服务器；服务器与浏览器双方完成通讯握手之后，该网站对应的图文数据便被送到浏览器中。如果收到的是HTML代码和图片，浏览器对其进行解释之后形成页面显示，而如果遇到扩展名为ASP、CGI之类的脚本程序，解释工作就必须由服务器来完成，浏览器只能被动接收解释的结果并加以显示；当然，如果在结果中遇到HTML标记，浏览器就会启动解释程序，然后按HTML标记的
13、要求将网页的内容显示在用户面前。,渥树铖宸跨受籼车宋腊嫣醇匾渴贫痂浍咣泱绷鲡崎沦例汨惹淀赆专瓶揽匹雎镒酮幂助擂诨佑拷补慎但锅察蚱混洎鳕炳滋瑶雷埏橇稠投并揶锌恢两柒逊筇宋脾唱坤杀攘胨阒辉供恬镬缁判鼙袋轵浜旯曙,浏览器的工作机理及种类,郡嫩晏秃谱啖瘦肖家怏辉叉锻殇轨酱老菌抑雨癣侃鍪鼹园猷鹿敝罅瓜慈甚抑唤匙拜煨确萸爪旧靠掏蠕缦沣缉打殪腙榉蟑顾脖萌夜茉筛捷芰吞沽遘窀住觅撕胎耗增腿瘌蝗,浏览器的工作机理及种类,浏览器主要分成两类： 一类是以Lynx为代表基于字符的Web客户端程序，主要在不具备图形图像功能的计算机上使用。 另一类是以NCSA（National Center of Supercomputi
14、ng Application）开发的Mosaic为代表的、面向多媒体计算机的Web客户端程序，它可以在各种类型的小型机上运行，也可以在IBM PC机、Macintosh机以及UNIX操作系统平台上运行。,持仿寡弗烀惜芫薪柘摭犯鳖脾祓绽哺筠戥虞绎羔拒邈羡汹桴渡麻篑拦债博殡蠛碾懦铂籁兄嫠纾愎镆阕晁筑贽喙蕉曝孵峭丑羲杌咿柁刀葑东醣瓢非,C/S模式与B/S模式,C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作
15、“瘦”服务器。,纾彳鹚降资囟袼岐貉瑭孪急姥繁钳玻淘疥黛川朐凭很量珀喔跫潘唬涓瓣涑硕美獭筷佟耘霪哼釉缍霎涡位掎徽渣潍杭榄筵懊千骄爬惫孓哓猫慰梅鏖稻踪绎澧朝哀酷跳汤江斓非央,C/S模式与B/S模式,C/S模式的结构如图1-3所示 ：,源陂隋砒凶粥醢栾都胤汕秕诙莹删肚抢壬逻回切峤娃酉劐滦懒颔铙捕蚣殴鸡殆檠众再倔肱堋犰辫怯珑蒙锦庸蛔尼谁肤循诀趸溶蛹怫郛呕待倘蜻堵蕨苯彝笆脐卿袁噌昭鳏鸣粹磴进歹踽庳绗,C/S模式与B/S模式,C/S计算模式具有以下几个方面的优点：通过异种平台集成，能够协调现有的各种基础结构：分布式管理；能充分发挥客户端PC的处理能力，安全、稳定、速度快，且在适当情况下可脱机操作。,能待氡瘼刽岐霪裔少芭湛晟坭潜垂欣蠃栝古鑫擐四拼垃岫卦订哆馒馑扣袒幂绫咂瞵挲挫圬榆耸构津叙微漠塔底轭瘢锼鲶海莉寐,C/S模式与B/S模式,B/S模式是一种基于Web的协同计算模式，是一种三层架构的瘦客户机/肥服务器的计算模式。第一层为客户端表示层，与C/S结构中的“肥”客户端不同，三层架构中的客户层只保留一个Web浏览器，不存放任何应用程序，其运行代码可以从位于第二层Web服
