动态网页设计第三部分

《动态网页设计第三部分》由会员分享，可在线阅读，更多相关《动态网页设计第三部分（53页珍藏版）》请在金锄头文库上搜索。

1、教育技术学 动态网站设计与开发 The Development and Design of Dynamic Website 梁存良 Xinxiang Mar 10th 2011 Department of Educational TechnologyDepartment of Educational Technology of Henan Normal University Chinaof Henan Normal University China 星云大师偈云 u有若有乐的人生是充实的 有成有败的人生 是合理的 有得有失的人生是公平的 人生坎 坷不平才有价值 有赢就有输 有成就有败 有得就有

2、失 要成就必须去承担 要光明必须 接受黑暗 要志业必须去付出 世间任何一件 非凡之事 必有超常险境和苦难 旋涡中淡定 从容者必至远 内容回顾 u基本概念 p 网页 HTML 网站 主页 超链接 u导航 p 导航的设计就是对主题信息的分类 这是一种技术 更是一种实 践能力 通过导航的设计就能反映出设计者的实践经验 p 设计目标是能显示出站点的信息体系 p 3次单击规则 uWeb服务器 p 硬件服务器 p 软件服务器 Web服务器 Apache IIS 服务器的架设 条件和步骤 ftp服务器 本讲内容 u静态网站和动态网站 u网页设计技术路线介绍 u网站的设计与开发 6次课 p站点的规划与管理 p

3、DW软件使用 pFTP的使用 课外作业 u 网站分类 u从技术角度分 静态网站和动态网站 u 从商业角度分 商业网站 门户网站和宣传 网站 静态网站 u早期的Web站点大都是由多个静态HTML页面 组成的 所谓 静态 指的就是站点的网页 内容是 固定不变 的 当浏览器通过 Internet 的HTTP协议 向站点服务器要求提 供网页的内容时 站点服务器收到要求后 就 传送已设计好的HTML的文件数据给浏览器 一 个 静态 的站点 若要更新主页的内容 必 须手动的来更新其HTML的文件数据 静态网页开发环境或工具 u最初的都是用超文本标记语言HTML来实 现的 一般后缀为 htm或 html u

4、制作工具可以是记事本 EditPlus等纯文本 编写工具 也可以是FrontPage DreamWeaver等所见即所得的工具 静态网页示例 静态页的访问过程 u静态访问过程 p用户首先是在浏览器的地址栏中写上要访问的网页地 址并回车发送这个请求 pDNS进行地址解析 并把请求发送到Web服务器上 pWeb服务器接收这些请求 并读取正确的 端口 HTML 文件 然后以响应的形式送回给用户浏览器 pHTML文件将会被用户的浏览器解析并将结果显示在 用户浏览器上 Web浏览器 服务器找到这个文件 原封不动传给对方 请求响应 静态 网页 访问 过程 图示 静态网页访问的例子 u用户通过客户端浏览器向

5、服务器提出请求 p uDNS进行地址解析 p 210 42 241 16 phyiscs u服务器210 42 241 16响应 找到index htm 文件 依端口确定 把该文档 静态页 以响应的形式传回客户端浏览器 u由客户端浏览器解析并显示 静态网页 u静态网页特点 p静态网页每个网页都有一个固定的URL 且网页URL 以 htm html等常见形式为后缀 而不含有 p网页内容是固定不变的 网页内容一经发布到网站服 务器上 无论是否有用户访问 每个静态网页的内容 都是保存在网站服务器上的 p静态网页由HTML编写 源代码公开 p静态网页没有数据库的支持 p静态网站的容量大 静态网页是实实

6、在在保存在服务 器上的文件 每个网页都是一个独立的文件 p静态网页的不存在交互性 在功能方面有较大的限制 p静态网页的内容相对稳定 因此容易被搜索引擎检索 静态网页 u静态网页缺点 p网站容量大 有无用户访问 网页的内容都保存在网 站服务器上 每个网页都是一个独立的文件 p网站开发的任务重 为了不断更新网页内容 就必须 不断地重复制作HTML文档 随着网站内容和信息量 的日益扩增 会感到工作量大得出乎想象 p维护难度大 如果要修改网页 必须修改源代码 并 重新上传 p交互性差 在功能上受限制 用户只能被动地浏览网 页的内容 不能和服务器进行信息交流 动态网页的产生 u为了解决静态网页存在的诸多

7、问题 产生 了动态网页 u现在动态网站的开发技术已经成为Web网 站的开发主流 通过动态网站的开发 可 以使网站的实用性 可维护性更加方便 动态网页 u所谓动态网页 就是服务器端可以根据客 户端的不同请求动态产生网页内容 u显著特点 p 具有交互性 采用动态网页技术的网站可以实现更多的功能 如用 户注册 用户登录 在线调查 用户管理 订单管理等等 p 动态产生网站内容 动态网页实际上并不是独立存在于服务器上的网页 文件 只有当用户发出请求 服务器对请求进行相应的处理后才返回一 个完整的网页 这样就有效地保护了网页的源代码 p 有数据库的支持 动态网页以数据库技术为基础 可以大大降低网站维 护的

8、工作量 动态网页开发环境或工具 u动态环境有 ASP PHP和JSP u制作工具可以是记事本 Ultraedit EditPlus等纯文本编写工具 u需要其它软件的支持 如数据库软件或数 据库系统 动态网站示例 动态网站示例 动态网页 u动态网页的访问过程 p用户首先是在浏览器的地址栏中写上要访问的网页地 址并回车发送这个请求 pDNS进行地址解析 并把请求发送到Web服务器上 pWeb服务器接收这些请求找到目标文档 动态网页 如ASP等 并执行该文档 根据参数访问数据库 检索数据记录 pWeb服务器根据检索的结果生成HTML文档 然后以 响应的形式送回给用户浏览器 pHTML文件将会被用户的

9、浏览器解释并将结果显示在 用户浏览器上 动态网页的工作原理 访问过程 接受请求 找到动态网页 发送网页 服务器端 运行动态网页 生成静态网页 动态 网页 访问 过程 请求请求 响应响应 动态网页访问的例子 动态网页访问的例子 动态网页访问的例子 u用户通过客户端浏览器向服务器提出请求 p uDNS进行地址解析 p 210 42 241 6 u服务器210 42 241 6响应 找到third asp文 档 并以id为参数执行该文档 在数据库 的表中检索id为3778的记录 把执行的结 果 静态页 以响应的形式传回客户端浏 览器 u由客户端浏览器解析并显示 动态网页 u动态网页的特点 p动态网页

10、的URL以 asp php或jsp等为后缀 而包含 p网页内容是会随着访问的进行发生变化 如电子商务 网站 教学管理平台等 p动态网页的源代码不公开 p动态网页需要数据库的支持 p动态网站的容量小 格式部分是共用的 内容部分保 存于数据库中 p动态网页的具有交互性 功能涉及到工和 学习 生 活的方方面面 动态网站运行环境 u动态网页的运行环境 p 静态网页的运行只要在用户的计算机上装有浏览器即可 而对于 动态网页的运行方式就不同了 在Web服务器中必须要安装相应 的服务器软件 由服务器软件来完成动态网页的解释工作及网站 应用程序服务工作 p 对于不同的操作系统工作平台 可以选择安装不同的Web

11、服务器 软件 现在比较常用的有WINDOWS操作系统平台下的IIS和 Linux操作系统平台下Apache服务器软件 uIIS是微软公司主推的Web服务器 IIS是允许在 Internet上发布信息的Web服务器 u在以Windows2000为操作系统的平台上 主要使 用的是IIS 5 0作为Web服务器管理软件 当用户 在计算机上安装了Windows 2000 Server版本之后 IIS 5 0已经默认安装好了 动态网页和静态网页的区别 u对于Web服务器来说 动态网页和静态网 页有以下几方面的区别 p组成内容不同 动态网页相对静态网页 网页中显示 的内容不是静止的 它可以随浏览者的不同或

12、者其他 条件的不同在同一个页面中显示出不同的效果 p文件扩展名不同 htm html 就是静态的 ASP ASPX PHP JSP就是动态的 p执行过程不同 p源代码不同 WWW Server概述 uWWW的基本结构 WWW的基本结构 网页设计技术路线介绍 u动态网站的学习步骤 顺序 p 静态 HTML 动态 u静态设计 p Dreamweaver p Frontpage uHTML 过渡 u动态设计 p 模板 标签技术路线 ASP PHP p 分层框架路线 JSP 网页设计技术路线介绍 u Dreamweaver pDreamweaver是Macromedia Adobe公司34亿美元收 购

13、 2005 公司推出的网页编辑工具 p是一个 所见即所得 的主页编辑器 p并带有站点管理功能 可方便地设计和管理多个站点 网页设计技术路线介绍 uFrontpage p Frontpage是微软公司 Microsoft 开发的一套用来创建互联网站的软件包 它提供 使站点保持最新和无错状态所需的工具 使用者可以很容易地管理网站的内容 超链接 页面和发布 所有这一切全都通过一个简单的界面来完成 p Frontpage也是所见即所得网页制作软件中的佼佼者 即使你不具备开发网页的基 础 也不懂HTML语言 也可在短时间之内整合构成网页的文字 图像 声音和 其他元素 制作出一个网页 p FrontPag

14、e不但拥有优越的网页编辑能力 它更具备网站管理的功能 记录网站 里面尚未完成或连结错误的网页 甚至当移动网站上的某个文件时 它也会自动 更新连结到此文件的超连结 p Frontpage 软件可分成三大部分 编辑网页的FrontPage Editor 管理网站的FrontPage Explorer 提供网站功能的FrontPage PWS Personal WebServer 个人网站服务器 网页设计技术路线介绍 u HTML p HTML HyperText Markup Language 超文本标记语言 是一种用来 制作超文本文档的简单标记语言 用HTML编写的超文本文档称为HTML 文档

15、它能独立于各种操作系统平台 如UNIX Windows等 自 1990年以来HTML就一直被用作World Wide Web上的信息表示语言 用 于描述网页的格式设计和它与WWW上其它网页的连结信息 p HTML文档 即网页的源文件 是一个放置了标记的ASCII文本文件 通 常它带有 html或 htm的文件扩展名 生成一个HTML文档主要有以下三 种途径 手工直接编写 例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具 通过某些格式转换工具将现有的其它格式文档 如WORD文档 转换成 HTML文档 由Web服务器 或称HTTP 服务器 一方实时动态地生成 网页设计技术路线介绍 u模

16、板标签和分层框架技术路线 p其核心是MVC 便于分工 解决复杂问题 是未来发 展趋势 网页设计技术路线介绍 uASP p ASP Active Server Pages 是服务器端的脚本编写环境 可用它来创建 动态Web页或生成功能强大的 Web 应用程序 ASP页是包括HTML标记 文本和脚本命令的文件 ASP页可调用ActiveX组件来执行任务 例如 连接到数据库或进行商务计算 通过 ASP 可为Web 页添加交互内容或 用HTML页构成整个Web应用程序 这些应用程序使用HTML页作为客户 的界面 p ASP内含于Internet Information Service IIS 当中 提供一个服务器端 server side 的scripting 环境 可产生和执行动态 交互式 高效率的 站点服务器的应用程序 不必担心浏览器是否能执行Active Server Pages 站点服务器会自动将Active Server Pages的程序码 解释为标 准HTML格式的住页内容 在送到用户端的浏览器上显示出来 用户端 只要使用常规可执行HTML码的浏览器 即可浏览Active Serv