第一章 动态网页设计概述

20112011-3-27
2
学习内容及范围
网页设计？网站规划与网页设计？ 网页设计？网站规划与网页设计？ 动态网页与静态网页的区别 学习内容 资源共享： 资源共享： 用户名： 用户名：michelle_shao 密码： 密码：shao_cs
20112011-3-27
3
动态网页设计
主讲人: 主讲人: 邵 彧
Email： Email：michelle_shao@ office： office： 1307
2011.02
20112011-3-27 1
时间安排
2010~2011 学年第二学期 共18周 18周 15周 授课＋上机＋测验） 前15周 （授课＋上机＋测验） 16周 17周 第16周~ 17周 期末考查 18周考试课考试周 第18周考试课考试周
第1章 动态网页设计概述
1.1 1.2 Web 的开发历史 动态网页概述
20112011-3-27
6
1.1 Web的开发历史 Web的开发历史
早期的站点大都是由多个静态页面组成的。静态 早期的站点大都是由多个静态页面组成的。 网页的内容固定不变，静态网站不容易维护，为了不 网页的内容固定不变，静态网站不容易维护， 断更新网页内容，就必须重新制作网页，工作量大。 断更新网页内容，就必须重新制作网页，工作量大。 另外静态网站也缺少和用户的交互性， 另外静态网站也缺少和用户的交互性 ， 用户只能 被动地浏览网页的内容，不能和服务器进行信息交流。 被动地浏览网页的内容，不能和服务器进行信息交流。 现在动态网站的开发技术已经成为网站的开发主 流。
课程的性质与任务
<动态网页设计>是高等院校计算机及应用专 动态网页设计> 业的一门主干专业课。 业的一门主干专业课。 本课程是使学生能运用所学的ASP知识， 本课程是使学生能运用所学的ASP知识， ASP知识 根据实际问题进行ASP动态网站的创建与维护、 根据实际问题进行ASP动态网站的创建与维护、 ASP动态网站的创建与维护 ASP动态网页的编写、通过ASP ASP动态网页的编写、通过ASP动态网页访问 ASP动态网页访问 动态网页的编写 数据库，使学生具有ASP动态网站开发的初步 ASP动态网站开发的初步 数据库，使学生具有ASP 能力。 能力。
20112011-3-27
9
1.2.2 动态网页的运行环境
只要用户的计算机上装有浏览器即可运行静态网 页，而动态网页则要求在Web服务器中要安装相应的服 而动态网页则要求在Web Web服务器中要安装相应的服 务器软件， 务器软件 ， 由服务器软件来完成动态网页的解释工作 及网站应用程序服务工作。 及网站应用程序服务工作。 不同的操作系统工作平台， 不同的操作系统工作平台 ， 可以选择安装不同的 Web服务器软件 现在比较常用的是WINDOWS操作系统 Web 服务器软件 ， 现在比较常用的 是 WINDOWS操作系统 服务器软件， 平台下的IIS Linux操作系统平台下Apache服务器软 平台下的 IIS 和 Linux 操作系统平台下 Apache 服务器软 IIS和 操作系统平台下Apache 件。
备知识
在学习本课程之前，最好学过以下课程： 在学习本课程之前，最好学过以下课程： 网页设计 Dreamweaver 创建网页。 创建网页。 程序设计语言 能够使用Visual Basic进行程序设计 能够使用Visual Basic进行程序设计。 进行程序设计。 数据库应用基础 例如能够使用SQL Server或Access创建和 例如能够使用SQL Server或Access创建和 管理数据库。 管理数据库。
Web 服务器
申请使用库
访问
HTML网页 访问网页
ADO 对象
结果
数 据 库
读ASP文件
返回找到的文件
脚本引擎
硬盘
浏览器-服务器(B/S)模式 浏览器-服务器(B/S)模式
随着Internet Intranet的迅速发展， 随着Internet和Intranet的迅速发展，网络已经成为人们获 Internet和 的迅速发展 取和交换信息的最有效的途径。同时， 取和交换信息的最有效的途径。同时，应用程序的设计已经由传 统的C/S Client/Server，客户-服务器）模式逐渐向B/S C/S（ 统的C/S（Client/Server，客户-服务器）模式逐渐向B/S Browser/Server，浏览器-服务器）模式过渡。 （Browser/Server，浏览器-服务器）模式过渡。 C/S模式是大家熟知的软件系统体系模式， C/S模式是大家熟知的软件系统体系模式，通过将任务合理分 模式是大家熟知的软件系统体系模式 配到Client端和Server Client端和Server端 降低了系统的通信开销， 配到Client端和Server端，降低了系统的通信开销，可以充分利 用两端硬件环境的优势。 用两端硬件环境的优势。 B/S模式是随着Internet技术的兴起， C/S模式的一种变化 B/S模式是随着Internet技术的兴起，对C/S模式的一种变化 模式是随着Internet技术的兴起 或者改进的模式。在这种模式下，用户界面完全通过WWW WWW浏览器实 或者改进的模式。在这种模式下，用户界面完全通过WWW浏览器实 一部分事务逻辑在前端实现， 现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端 实现。B/S模式利用不断成熟和普及的浏览器技术实现原来需要复 实现。B/S模式利用不断成熟和普及的浏览器技术实现原来需要复 杂专用软件才能实现的强大功能，并节约了开发成本， 杂专用软件才能实现的强大功能，并节约了开发成本，是一种全 新的软件系统构造技术。 新的软件系统构造技术。
20112011-3-27 10
在以Windows2000为操作系统的平台上 在以Windows2000为操作系统的平台上， 主要使用 Windows2000为操作系统的平台上， 的是IIS 的是 IIS 5.0 作为 Web 服务器管理软件 。 当用户在计算 作为Web服务器管理软件。 Web服务器管理软件 机上安装了Windows 机上安装了 Windows 2000 Server 版本之后 ， IIS 5.0 Server版本之后 版本之后， 已经默认安装好了。 已经默认安装好了。
20112011-3-27
11
1.2.3 动态网页和静态网页的区别
对于Web服务器来说， 对于Web服务器来说，动态网页和静态网页有以 Web服务器来说 下几方面的区别： 下几方面的区别：
–组成内容不同。静态:由标记和文本构成的;动态:由服务 组成内容不同。静态:由标记和文本构成的;动态: 器端脚本、标记、 器端脚本、标记、文本 等构成。 等构成。 –文件扩展名不同。 静态 :扩展名是HTM或HTML;而动态网页 文件扩展名不同。静态:扩展名是HTM HTML; HTM或 的扩展名根据使用的不同网络编程技术有所区别， ASP、 的扩展名根据使用的不同网络编程技术有所区别 ， 如 ASP 、 JSP、PHP等 JSP、PHP等. –执行过程不同。 执行过程不同。 –查看代码结果不同。 查看代码结果不同。
20112011-3-27
7
1.2 动态网页概述
1.2.1 什么是动态网页 一、动态网页的概念
所谓“ 动态” 主要体现在不同的访问者、 所谓 “ 动态 ” 主要体现在不同的访问者 、 不同的 访问时间在访问同一个页面时可能得到不同的浏览 页面， 访问内容具有实时性， 页面 ， 访问内容具有实时性 ， 访问的过程具有交互 性。
20112011-3-27
8
二、动态网页的特征
动态网页主要由以下几个主要特征： 动态网页主要由以下几个主要特征：
–网页的显示内容可以实时动态更新。 网页的显示内容可以实时动态更新。 –用户和网站可以进行交互式信息交流。 用户和网站可以进行交互式信息交流。 –提供对数据库的管理和使用。 提供对数据库的管理和使用。 –提供对文件的管理操作。 提供对文件的管理操作。 –支持对“组件”的使用。 支持对“组件”的使用。
20112011-3-27 12
1.2.4 动态网页的工作过程
在掌握动态网页工作过程之前，先简单介绍一下 在掌握动态网页工作过程之前， 静态网页的工作过程： 静态网页的工作过程：
–用户首先是在浏览器的地址栏中写上要访问的网页地址并 回车发送这个申请。 回车发送这个申请。 –浏览器将申请发送到Web服务器上。 浏览器将申请发送到Web服务器上。 Web服务器上 –Web 服务器接收这些申请并根据 .htm 或 .html 的扩展名知 Web服务器接收这些申请并根据 htm或 html的扩展名知 服务器接收这些申请并根据. 道是HTML文件。 道是HTML文件。 HTML文件 –Web 服务器从硬盘或内存中读取正确的HTML 文件然后送回 Web服务器从硬盘或内存中读取正确的HTML文件然后送回 服务器从硬盘或内存中读取正确的HTML 给用户浏览器。 给用户浏览器。 –HTML文件将会被用户的浏览器解释并将结果显示在用户浏 HTML文件将会被用户的浏览器解释并将结果显示在用户浏 览器上。 览器上。
20112011-3-27 16
Web标准 Web标准
大多数网页设计人员都有这样的体验，每次主流浏览器 大多数网页设计人员都有这样的体验， 版本的升级，都会使用户建立的网站变得过时， 版本的升级，都会使用户建立的网站变得过时，此时就需要 升级或者重新建网站。同样， 升级或者重新建网站。同样，每当新的网络技术和交互设备 出现时， 出现时，设计人员也需要制作一个新版本来支持这种新技术 或新设备，类似的问题举不胜举，例如，网站代码臃肿， 或新设备，类似的问题举不胜举，例如，网站代码臃肿，浪 费了大量的网络带宽；针对某种浏览器的DHTML DHTML特效屏蔽了部 费了大量的网络带宽；针对某种浏览器的DHTML特效屏蔽了部 分潜在的客户，使之无法浏览网站等。这是一种恶性循环， 分潜在的客户，使之无法浏览网站等。这是一种恶性循环， 是一种巨大的浪费。 是一种巨大的浪费。 W3C（）的组织下，Web标准开始被建立 标准开始被建立（ 在W3C（）的组织下，Web标准开始被建立（以 2000年10月 日发布XML 1.0为标志），并在网站标准组织 为标志）， 2000年10月6日发布XML 1.0为标志），并在网站标准组织 ）的督促下推广执行。 （）的督促下推广执行。