Web系统概述

合集下载

相关主题

web系统开发过程概述

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

静态Web页面文件内容的呈现——服务器和客户机各自干什么？动态Web页面文件内容的呈现——服务器和客户机各自干什么？
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 10
Web页面文件的类型
静态页面文件——*.htm *.html *.shtml等动态页面文件——体现不同的服务器端技术

如今在HTML的基础上，Web系统中已经加入了大量的新技术，但这些没有剥夺HTML在Web系统中的核心基础地位。 HTML存在许多缺陷，目前有相应的改进型技术[基于XML技术优化而成的XHTML]，但目前HTML仍然是Web系统的基石，只是HTML 发展到v4.01版后静止了很长时间，最新发布的5.0版有质的变化版有质的变化。。
Ch1 Web系统概述
第1章的主要内容
理解Web系统的基本构成及其相关概念和术语系统的基本构成及其相关概念和术语，如，如
网页、主页、网站、超级链接、URL、Web客机机、 Web服务器等，了解Web系统的基本工作原理及其特点，学会网页和网站设计与开发工具的使用。
第1章的课时安排
课堂讲授：6~8课时（课外8课时课时）））课程实验：8~10课时（课外10课时课时）
2011年3月6日 9
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
Web服务的内容
早期Web服务的内容：文本服务的内容：文本＋少量格式＋少量格式【【静态为主——Web1.0】现代Web服务的内容：文本＋多媒体＋丰富格式＋动态交互+动
态数据 Web应用程序【动态为主——Web2.0、Web3.0】
万维网
World Wide Web
Web与Internet（计算机网络）之间的关系 Web服务的简要发展历史：1989年开始 Web服务的主要特点
公共程序、特殊的信息组织方式、多媒体、交互性、动态
数据应用、平台无关性、分布式服务
Web服务的基本运行模式
C/SB/S，主动请求与被动响应（Request/Response）
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 17
什么是HTML？

HTML：HyperText Markup Language超文本标记语言，是一种“准程序”设计语言，是从ISO的SGML[标准通用标记语言]简化而来的服务于Web系统的专用语言，目标是用来设计承载Web内容的Web 页面。网页设计者必须熟练掌握HTML语言。 HTML语言使用规定的标记来描述页面中的内容及内容的外在表现，而这些需要通过HTML解释器的“翻译”而表现出来。Web客户机如浏览器就是这样的翻译软件。HTML标准由W3C制定与维护。为了迎合早期网络传输速度低、计算机/Web浏览器性能差等状况， HTML语言设计出来的Web页面本身是纯文本文件，到目前为止这种性质仍没有改变。

*.asp等——微软早期的服务器端脚本技术ASP *.aspx等——微软现在的服务器端技术ASP.NET *.jsp等——基于JAVA体系的服务器端Web技术 *.cfml等——基于Adobe Coldfusion的Web技术 *.php等——基于开源PHP脚本语言的Web技术 *.py等——基于Python脚本语言的Web技术 ……
课外扩展学习任务：课外扩展学习任务：通过网络查询资料，了解通过网络查询资料，了解Web技术的发
展历史，结合以下讨论的课程内容，撰写学习报告发表到指展历史，结合以下讨论的课程内容，撰写学习报告发表到指定位置，主要内容是总结定位置，主要内容是总结Web技术的发展历史以及对计算机网络技术发展的历史意义和对人们使用计算机网络所带来的现实意义。
网页设计
江南大学人文学院教育技术系倪玉兴主讲
适用范围：本课程课件仅用于2010 ～2011学年第二学期。特别申明：本课程课件版权所有未经允许不得自由复制。
Ch1 Web系统概述 Ch1 Introduction to Web System
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 2
2011年3月6日 8
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
Web系统的构成
服务器
Web
Web 用户
客户机
Web
通信平台传输协议
Web 系统
Web 网站
Web 页面
核心任务：理解每个Web系统构成元素的概念、功能及在系统中的地位，更需要把握各个系统元素之间的相互作用关系以及整个系统的功能定位、系统与外部环境之间的作用关系。作用关系。
。。。。。。 <img style="WIDTH: 9px; HEIGHT: 9px" id="{EDF84E56-DD5A-40A7-8769-0D01B65CE742}" title="" border="0" align="center" src="121082166_231n.gif" /> 感谢【网友艾萨拉】推荐 <img style="WIDTH: 246px; HEIGHT: 35px" id="{37748784-DE74-4D21-ADB8-0A1FE33CF1B6}" title="" border="0" align="center" src="121082166_241n.jpg" /> <a href="c_121082166_2.htm"><img id="{BF5C6B0C-401B-4EF1-9F1C-CB0E649F5091}" border="0" src="121082166_21n.jpg" /></a> 为确保自己的航天大国地位，俄罗斯开始制定新的航天计划，据称，俄将抢在美国前面发射新的载人航天飞船。美俄之间的新一轮航天竞争不禁让人想起上世纪的美苏太空竞赛。据俄《星火》周刊报道，在那场史无前例的航天竞赛中，美苏之间还有过一场别开生面的小比赛———两名16岁的中学生代表各自国家参加了一次比赛，比较谁的教育制度好。结果苏联学生胜出，圆了当时苏联领导人赫鲁晓夫的梦：苏联人不仅赶上了美国，而且超过了美国。 故事开始于1957年10月5日。苏联《真理报》在这一天发表塔斯社公告说：苏联成功发射了第一颗人造地球卫星。苏联举国上下一片欢腾。 
Web技术之前，计算机网络上已经有比较丰富的网络应用技
术，但这些技术与Web技术相比缺陷和限制比较明显技术相比缺陷和限制比较明显，而，而Web 很好地弥补了这一切，导致Web迅速被广大用户接受。随着 Web技术的进一步发展技术的进一步发展，原有的一些传统网络服务已经可以，原有的一些传统网络服务已经可以采用Web方式来实现，而新型的网络服务大多也采用Web。
2011年3月6日 18
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
。。。。。。
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 13
怎样查看页面的源代码
任何能识别和编辑文本文件的程序均可打开Web页面。
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
2011年3月6日
14
怎样查看页面的源代码
几乎所有的浏览器均提供了源代码查看功能，但不同的浏览器在处理方式上还是有差别的。
Web服务器和客户机端如何区分各种页面文件
MIME技术——服务器管理员可以自定义
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 11
用户看到的页面结果（静态页面）
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
2011年3月6日
12
页面背后的实际代码（局部）
第1章的重点难点
Web系统的相关概念和术语辨析 Web系统的基本工作原理和特点
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 3
先来一次大脑风暴
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
2011年3月6日
4
应搞清楚的10个Web技术主题
1、什么是 Web (WWW) 2、Web服务的内容（网页）
3、Web网站(Web Site)
4、Web内容的定位（URL） 5、超级链接（Hyperlink）
6、Web客户机(Web Client)
7、Web服务器(Web Server) 8、Web代理与缓存技术
9、Web系统基本工作原理
Web内容与Web页面文件：分割的基本原则页面文件：分割的基本原则【【用户浏览习惯用户浏览习惯】】
Web内容的最基本提交/发布形式发布形式：：Web页面(Web Page)
静态Web页面文件及性质：HTML源文件／文本文件（原因）源文件／文本文件（原因）【【单一性单一性】】现代Web页面文件及性质：Web应用程序源文件应用程序源文件（变化）（变化）【【类型多样类型多样】】不同的服务器端技术生成不同的程序（页面）文件，但这些运行在服务器上的程序文件目标是一致的：生成客户端可以使用的HTML数据（页面文件） Web内容的存储与发布： Web服务器Server／Web网站Site Web页面文件内容呈现： Web客户机Client／ Web浏览器Browser
10、Web系统的主要特点
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 5
什么是Web（WWW）？
Web是网络系统的一种高层应用/服务 Web服务(WWW服务)基本功能描述
发布、浏览发布、浏览、查询信息的网络信息服务、查询信息的网络信息服务Baidu Nhomakorabea 信息服务与网络平台，网络应用与通信平台
江南大学人文学院教育技术系倪玉兴版权2010~2012所有 2011年3月6日 6
C/S结构与B/S结构
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
2011年3月6日
7
课外扩展学习任务
计算机网络诞生于20世纪60年代，而Web技术在20世纪80年
代末才诞生，它的广泛应用对于计算机网络的发展意义非凡， Internet国际互联网也在Web技术推动下欣欣向荣起来。
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
2011年3月6日
15
怎样查看页面的源代码
大多数集成可视化Web开发工具都提供了“代码” 视图用于代码的查看和编辑。
江南大学人文学院教育技术系倪玉兴版权2010~2012所有
2011年3月6日
16
用户看到的页面结果（动态页面）
① 如果你从浏览器查看这个页面的源代码，得到的是不是 searchbook.as p文件的内容？ ② 如果不是那这些代码又是怎么回事呢？ ③ 怎样才能得到该文件的真实内容？