《动态网页设计第二部分》由会员分享，可在线阅读，更多相关《动态网页设计第二部分（66页珍藏版）》请在金锄头文库上搜索。
1、教育技术学 动态网站设计与开发 The Development and Design of Dynamic Website 梁存良 Xinxiang Mar 3rd 2011 Department of Educational TechnologyDepartment of Educational Technology of Henan Normal University Chinaof Henan Normal University China 我们该怎么办 u在选择自己发展的路途中 究竟你能飞多高 并非由外界因素所制约 而是由你自己的态 度所决定 在学习 研究 工作中遇到困难的 时候 让我
2、们共同记住两句话 一是选择自己 的态度 二是路的旁边还有路 p第三届教育技术学博士生论坛 西北师范大学 教育技术与 传播学院 杨改学 教授 寄语 上节内容回顾 u开课背景 p互联网的发展与应用情况 p专业要求 教育技术定义 u开课目的 p学完课程 应能独立开发与搭建网络信息管理 系统 网络教学支撑平台 网络资源数据库等 为形式多样 需求各异的教育教学工作提供 软件资源保障 本讲内容 u基本概念 u导航 uWeb服务器 u静态网站和动态网站 网络基础 uWeb基础知识 p基本概念 p导航的概念 pWEB服务器 p静态网站和动态网站 p常用设计技术介绍 Web基本概念 u网页 也叫Web页 是通过
3、浏览器所看到的 每一个页面 包含了众多的信息 如文字 图 像和声音等 u网页实际上就是用 HTML 语言写成的文档 HTML HyperText Markup Language 超文本标记语言 语言是显示网页的一种文 本表现方式 它可通过标记符来定义网页内容 的显示效果 Web基本概念 u网站 也叫站点 是指在Internet上 将一 组网页组织规划 彼此相连 通过发布 使在 Internet上能看到这些网页信息 这样完整 的结构就叫站点 一个网站对应一个文件夹 它其中可能还包含各种分门别类的子文件夹 Web基本概念 u主页 Home Page 是用户进入一个站点 所看到的第一个页面 是站点的
4、目录总索引 u超链接 网页中除包含各类信息外 还包含 与其他网页相连的连接点 这些连接点可能是 图形 也可能是文字 它们叫做 超链接 通 过单击该 超链接 可以转到另一个网页或网 站或打开一个应用程序 Web基本概念 uURL地址 Uniform Resource Locator p 在WWW上 每一信息资源都有统一的且在网上唯一的地址 该地 址就叫URL地址 网址 ftp p 组成 三部分 资源类型 存放资源的主机域名 资源文件名 目录和文件 p 一个完整的URL的格式为 资源类型 主机域名 或IP地址 端口号 目录 可选 文件名 htm等 p 例 URL的资源类型有多种 例如 http F
5、TP Telnet mms URLURL 指明访问的对象 指明访问的对象 以及访问的方式以及访问的方式 HTTPHTTP 资源类型 网址 资源类型 主机地址 端口号 路径 文件 名 FTPFTP TELNETTELNET MailtoMailto ftp mailto liangcl URLURL格式格式 网站设计的要求 uWeb设计概念总在发展 随着人们的欣赏 水平和设计技术的提高 规则和概念是不 断发展变化的 Web是一个动态媒体 u设计原则 p内容永远是第一位的 多媒体外观的设计与技术是第 二位 p网站设计主要目的是为用户浏览信息 而不是设计者 p简洁 方便和快速 滥用多媒体会阻碍用户
6、用户不 具备支持的能力 下载时间过长 网页下载应小于10秒 导 航 u导航的作用 p 就是引导浏览者游历站点 导航栏对整个网站内容有提纲的作用 u导航实质 p 就是一组超级链接 这组超级链接的目标就是站内的页网或站外 的其它网页 u导航的设计要求 p 导航是设计人员在规划好站点结构 开始设计主页时必须考虑的 一项内容 在设计站点中的诸网页时 可以在站点的每个网页上 显示一个导航栏 这样 浏览者就可以既快又容易的转向站点的 其它网页 u一般情况下 导航应放在网页中较引人注目的位 置 通常是在网页的顶部或一侧 导航栏既可以 是文本链接 也可以是一些图形按钮 为什么导航很重要 用户体验 u导航对用户
7、的影响 用户体验 u不仅仅是位置的转移 而是带有目的地从一个点到另 一个点 u导航的作用 u应能立刻显示出站点的信息体系 u举例说明 u u u u 导航体系 u信息体系 p一个非线性的分支结构 每一个分支传播不同的内容 形成不同的深度 eg1 u导航体系的要素 p位置提示 eg1 p导航深度 3次单击规则 eg2 p信息分类 内容目录 u基本概念 u导航 uWeb服务器 u静态网站和动态网站 服务器 u服务器分类 p硬件服务器 p软件服务器 u硬件服务器的概念 p服务器是一种高性能计算机 作为网络的节点 存储 处理网络上80 的数据 信息 因此也被称为网络 的灵魂 p服务器的构成与微机基本相
8、似 有处理器 硬盘 内 存 系统总线等 它们是针对具体的网络应用特别研 制的 因而服务器与微机在处理能力 稳定性 可靠 性 安全性 可扩展性 可管理性等方面存在差异很 大 常用Web服务器 u服务器分类 p硬件服务器 p软件服务器 u软件服务器分类 pWeb服务器 pftp服务器 p邮件服务器 p流媒体服务 p应用服务器 pDNS服务器 uApache uIIS Internet Information Services Apache Apache是世界排名第一的Web服务器 根据著名的Web服务器调查公司Netcraft的调 查 世界上百分之五十以上的Web服务器都 在使用Apache 同时
9、 它也是UNIX LINUX 系统中常用的 Web服务器 数据来源 服务器应用的黄金搭档 uApache 是1995开发的 功能强大 高 效率 反应速度快闻名于世 成为几乎所 有UNIX平台首选的HTTP服务器 新版本 的Apache还支持Win32系统 uPHP 服务器端解释执行的脚本语言 实 现网页动态更新 制作BBS留言板 调查 等交互性作品 实现电子商务等 uMy SQL 多用户 多线程SQL数据库服 务器 快速 强大 易于使用 I I S概述 u因特网信息服务 Internet Information Services IIS 是Microsoft公司的一种集 成了多种Interne
10、t服务 WWW服务 FTP服务等 的服务器软件 I I S概述 IIS1 0是涉足Internet产品市场之初匆忙推出的 IIS2 0是入门级Web服务器 IIS3 0是Microsoft为它的ASP Active Sever Page 设计的平台 IIS1 0 3 0均可说是Microsoft公司模仿他人 的产品 而IIS4 0则终结了这种情况 4 0版提供 了几乎所有的建立Web站点的功能 包括了前三 个版本缺少的Web站点管理工具 I I S概述 u在使用Windows NT 4 0时 IIS就已经成为流行的 Web服务器平台 IIS4 0是作为OptionPack4的一部分 发行的 需
11、要进行额外的安装才能运行 u然而 在Windows2000中 IIS5 0应经完全成为操作 系统的一个有机组成部分 与IIS4 0相比 IIS5 0提 供了方便的安装和管理 增强的应用环境 基于标 准的发布协议 在性能和扩展性方面有了很大的改 进 为客户提供更佳的稳定性和可靠性 u目前 使用的主要是IIS5 0和IIS6 0 使用IIS构建Web服务器 u构建Web服务器的意义 p Web服务即http服务 也就是网页浏览服务 它的 作用主要有 传递信息 共享资源 沟通交流 Web 服务器 获取信息 上传下载资源 相互沟通交流 使用IIS构建Web服务器 u构建Web服务器的条件 p一台计算机
12、 最好是专用的服务器 p接入网络 p服务器软件 windows 2000平台下可使用IIS 5 0或者Apache Linux 平台下使用Apache p现在流行的Web服务器方案有 IIS ASP SQL Apache PHP Mysql p设计好的网站内容 系统 平台 使用IIS构建Web服务器 u构建Web服务器 p准备网站资源或系统 指定存放路径 便于以后指定 主目录 p新建Web站点 在新建的过程中完成站点的三个基本 配置 打开IIS控制台 开始 程序 管理工具 Internet服务 管理器 p服务器测试 本地测试 远程测试 p投入使用 内容目录 u基本概念 u导航 uWeb服务器
13、u静态网站和动态网站 网站分类 u 从技术角度分 静态网站和动态网站 u 从商业角度分 商业网站 门户网站和宣传 网站 静态网站 u早期的Web站点大都是由多个静态HTML页面 组成的 所谓 静态 指的就是站点的网页 内容是 固定不变 的 当浏览器通过 Internet 的HTTP协议 向站点服务器要求提 供网页的内容时 站点服务器收到要求后 就 传送已设计好的HTML的文件数据给浏览器 一 个 静态 的站点 若要更新主页的内容 必 须手动的来更新其HTML的文件数据 静态网页开发环境或工具 u最初的都是用超文本标记语言HTML来实 现的 一般后缀为 htm或 html u制作工具可以是记事本
14、 EditPlus等纯文本 编写工具 也可以是FrontPage DreamWeaver等所见即所得的工具 静态网页示例 静态页的访问过程 u静态访问过程 p用户首先是在浏览器的地址栏中写上要访问的网页地 址并回车发送这个请求 pDNS进行地址解析 并把请求发送到Web服务器上 pWeb服务器接收这些请求 并读取正确的 端口 HTML 文件 然后以响应的形式送回给用户浏览器 pHTML文件将会被用户的浏览器解析并将结果显示在 用户浏览器上 Web浏览器 服务器找到这个文件 原封不动传给对方 请求响应 静态 网页 访问 过程 图示 静态网页访问的例子 u用户通过客户端浏览器向服务器提出请求 p
15、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静态网站的容量大 静态网页是实实在在保存在服务 器上
16、的文件 每个网页都是一个独立的文件 p静态网页的不存在交互性 在功能方面有较大的限制 p静态网页的内容相对稳定 因此容易被搜索引擎检索 静态网页 u静态网页缺点 p网站容量大 有无用户访问 网页的内容都保存在网 站服务器上 每个网页都是一个独立的文件 p网站开发的任务重 为了不断更新网页内容 就必须 不断地重复制作HTML文档 随着网站内容和信息量 的日益扩增 会感到工作量大得出乎想象 p维护难度大 如果要修改网页 必须修改源代码 并 重新上传 p交互性差 在功能上受限制 用户只能被动地浏览网 页的内容 不能和服务器进行信息交流 动态网页的产生 u为了解决静态网页存在的诸多问题 产生 了动态网页 u现在动态网站的开发技术已经成为Web网 站的开发主流 通过动态网站的开发 可 以使网站的实用性 可维护性更加方便 动态网页 u所谓动态网页 就是服务器端可以根据客 户端的不同请求动态产生网页内容 u显著特点 p 具有交互性 采用动态网页技术的网站可以实现更多的功能 如用 户注册 用户登录 在线调查 用户管理 订单管理等等 p 动态产生网站内容 动态网页实际上并不是独立存在于服务器上的网页 文
