动态网页设计 第三节.pptVIP

教育技术学动态网站设计与开发 The Development and Design of Dynamic Website 星云大师偈云 有若有乐的人生是充实的；有成有败的人生是合理的；有得有失的人生是公平的；人生坎坷不平才有价值。有赢就有输，有成就有败，有得就有失；要成就必须去承担，要光明必须接受黑暗，要志业必须去付出；世间任何一件非凡之事，必有超常险境和苦难，旋涡中淡定从容者必至远。 内容回顾 基本概念 网页、HTML、网站、主页、超链接 导航 导航的设计就是对主题信息的分类，这是一种技术，更是一种实践能力，通过导航的设计就能反映出设计者的实践经验。 设计目标是能显示出站点的信息体系 3次单击规则 Web服务器 硬件服务器 软件服务器 Web服务器 Apache IIS 服务器的架设（条件和步骤） ftp服务器 本讲内容 静态网站和动态网站 网页设计技术路线介绍 网站的设计与开发(6次课) 站点的规划与管理 DW软件使用 FTP的使用 课外作业 /third.asp?id=3778 网站分类 从技术角度分:静态网站和动态网站 从商业角度分:商业网站、门户网站和宣传 网站 静态网站 早期的Web站点大都是由多个静态HTML页面组成的。所谓“静态”，指的就是站点的网页内容是“固定不变”的。当浏览器通过Internet 的HTTP协议，向站点服务器要求提供网页的内容时，站点服务器收到要求后，就传送已设计好的HTML的文件数据给浏览器。一个“静态”的站点，若要更新主页的内容，必须手动的来更新其HTML的文件数据。 静态网页开发环境或工具 最初的都是用超文本标记语言HTML来实现的.一般后缀为.htm或.html 制作工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。 静态网页示例 静态页的访问过程 静态访问过程 用户首先是在浏览器的地址栏中写上要访问的网页地址并回车发送这个请求。 DNS进行地址解析，并把请求发送到Web服务器上。 Web服务器接收这些请求，并读取正确的(端口)HTML文件，然后以响应的形式送回给用户浏览器。 HTML文件将会被用户的浏览器解析并将结果显示在用户浏览器上。 静态网页访问的例子 用户通过客户端浏览器向服务器提出请求 /physics/ DNS进行地址解析 -6/phyiscs/ 服务器6响应，找到index.htm文件(依端口确定) ，把该文档（静态页）以响应的形式传回客户端浏览器 由客户端浏览器解析并显示。 静态网页 静态网页特点 静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html等常见形式为后缀，而不含有“？”； 网页内容是固定不变的。网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的；? 静态网页由HTML编写，源代码公开； 静态网页没有数据库的支持； 静态网站的容量大，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； 静态网页的不存在交互性，在功能方面有较大的限制。 静态网页的内容相对稳定，因此容易被搜索引擎检索。 静态网页 静态网页缺点 网站容量大。有无用户访问，网页的内容都保存在网站服务器上，每个网页都是一个独立的文件； 网站开发的任务重。?为了不断更新网页内容，就必须不断地重复制作HTML文档，随着网站内容和信息量的日益扩增，会感到工作量大得出乎想象； 维护难度大。如果要修改网页，必须修改源代码，并重新上传； 交互性差。在功能上受限制。用户只能被动地浏览网页的内容，不能和服务器进行信息交流。 动态网页的产生 为了解决静态网页存在的诸多问题，产生了动态网页。 现在动态网站的开发技术已经成为Web网站的开发主流，通过动态网站的开发，可以使网站的实用性、可维护性更加方便。 动态网页 所谓动态网页，就是服务器端可以根据客户端的不同请求动态产生网页内容。 显著特点： 具有交互性。采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； 动态产生网站内容。动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户发出请求，服务器对请求进行相应的处理后才返回一个完整的网页；?这样就有效地保护了网页的源代码。 有数据库的支持。动态网页以数据库技术为基础，可以大大降低网站维护的工作量； 动态网页开发环境或工具 动态环境有：ASP、PHP和JSP。 制作工具可以是记事本、Ultraedit、EditPlus等纯文本编写工具。 需要其它软件的支持，如数据库软件或数据库系统。 动态网站示例 动态网站示例 动态网页 动态网页的访问过程 用户首先是在浏览器的地址栏中写上要访问的网页地址并回车发送