网站设计与制作综合实例PPT课件
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
制作留言板可以从客户界面和管理员管理界面两个角度考虑。 所有用户都可以访问客户界面，包括显示留言和书写留言两个 主要功能。管理员管理界面只能由该留言板的管理员访问和管 理，可以由登录页面、删除留言等功能组成。除此之外，还需 要对管理员管理界面设置安全机制。综合这些要求，留言板至 少应该具有以下3个功能： 留言的签写与保存功能； 留言的读取与显示功能； 管理员对留言管理的功能。
（2）动态页面的制作
a. 服务器端脚本的应用
通过VBScript脚本的应用，结合ASP技术编程，实现服务器
端功能。
b．ASP数据库编程
设计注册登录和留言板时，采用ASP结合数据库编程，使站
202点0/2具/29有交互功能。
4
留言板的设计
制作留言板 1．设计概要
留言板是Internet上最基本的交互式网页，是网络上提供的 一项基本服务，也是一个和浏览者交流、沟通的园地。它可以 设计得很简单，纯粹只收集浏览者的资料和意见，也可以设计 得很复杂，这取决于网页开发者的能力及需求。无论是主动地 上网提问，还是被动地留下姓名、E-mail、留言及建议等，无 不是留言板基本应用或其变形。
2020/2/29
留言板数据库的创建与结构
9
设计过程
制作留言板 5．留言板设计实现过程
本系统的设计过程主要包括以下3个部分：签写与保存留言模 块设计、读取与显示留言模块设计和管理留言模块设计。
代码请参见实例。
2020/2/29
10
3. 网站测试与性能分析
网站采取的测试方法是先进行各模块测试，经过修改和调
（1 ）静态页面的制作 a. HTML结合CSS样式的使用 二者结合将页面内容与显示分离；通过外部样式表控制
整个网站页面的显示风格。
2020/2/29
3
b．表单的制作 根据实际需求，制作表单，如登录表单，注册表单，留言板 中的表单等。注意正确使用表单中各控件。
c. 客户端脚本的应用 通过VBScript脚本的应用，编写客户端事件驱动程序，实现注 册表单预处理的功能，从而减少表单提交服务器检验次数， 节省带宽。
2020/2/29
2
2. 网站的制作过程
动态网站的制作过程，页面包括静态页面和动态页面，将前面 所学的知识有机地结合起来，并且能够在此基础上设计站点的 其他功能，达到触类旁通的效果。静态页面部分主要包括内容 显示页面和一些简单的链接页面，动态页面主要包括注册登录、 计数器和留言板的制作。整个站点页面的设计要合理，与网站 主题相符。
言。网上留言板可以有不同的实现方式，可以使用文件管理组
件将留言数据存储到文本文件中，也可以使用ADO数据库访问
组件将留言数据存储到数据库表中。
设计留言板时，输入的界面并不难设计，主要是要考虑留言
数据的存储问题。由于留言板上留言的数量可多可少，也就意
味着数据量多寡不定。如果不提供查询留言历史功能的话，那
整通过以后，再进行总体测试。网站采用的测试环境是：服务
器采用的是Windows XP Professional操作系统+IIS信息服
务管理，客户机采用的是Windows 98/2000/XP/Win7等操
作系统+IE浏览器。测试的主要模块包括：用户注册与登录、防
刷新计数器、留言的签写、存储与显示、管理员登录、留言删
管理员登录
编辑留言
删除留言
留言板系统模块结构图
8ห้องสมุดไป่ตู้
制作留言板 4．数据库结构设计
在编写留言板之前，首先要规划好留言板的数据库结构。数 据库主要用于保存留言数据和管理留言数据的用户信息。这里， 采用Access 2000创建一个名为LYB的数据库，并在库中创建 名为lyinfo和sysadmin的两个数据表，分别用于保存留言数据 和管理留言数据，如图13-23所示。
么建议用文本文件保存数据即可。但若想让留言板有更强大的
功能，则应使用数据库方式建立文件，这样将来进行查询、新
增或删除都比较方便。
考虑到留言数据管理的高效性和安全性，本设计采用数据库
方式存储留言的内容来实现。
2020/2/29
6
制作留言板 3．留言板的主要模块和功能
留言板的核心功能是在网络上提供让浏览者留言的功能。用 户分为一般用户和管理员用户，一般用户可以浏览留言、发表 留言，管理员可以管理用户留言和对留言板进行设置。
除等。
由于大多数网站都是由一些专业人员设计的，相对于普通
用户，专业人员对计算机和网络的理解更深刻，对网站的性能
要求更高。但是，同时也要考虑到访问网站的大多数用户只是
使用网络的一般功能，对网站的性能要求可能与专业人员不太
相同。因此，网站的性能应切实满足普通用户的需要。所以，
有许多成功的经验表明，让非专业人员参加网站的测试，工作
网站设计与制作综合实例
1. 网站功能分析 2. 网站的制作过程 3. 网站测试与性能分析
2020/2/29
1
1. 网站功能分析
围绕网站主题，分析网站提供的功能，从而确定动态页面与 静态页面的数量，并 确定网站的目录结构和链接结构 。
分析各页面内容布局，如在首页上，在页面的顶部是站标、 广告条等。接着下面是导航部分，整个页面总共有N个导航链 接，是这个小型站点的N个版块。在页面的左侧主要为登录区 域，右侧为公告栏区域；页面的中间是新闻区域；页面下方可 显示网站的被访问次数；在页面的最底部是版权信息。
效果有时更好，这些人会提出许多专业人员没有顾及到的问题
或一些好的建议。
2020/2/29
11
网站的测试与发布
1. 测试网站动态功能的实现 2. 测试页面中是否有空链接或错误链接 3. 网站的发布：将制作好的网站上传到服务
2020/2/29
7
3．留言板的主要模块和功能 根据需求分析，留言板系统的模块主要包括签写与保存留言
模块、读取与显示留言模块和管理留言模块。其中，管理留言 模块包括管理员登录模块编辑留言模块和删除留言模块。系统 模块结构如图13-22所示。
留言板系统
签写与保存留言 读取与显示留言
管理留言
2020/2/29
本设计采用ASP作为开发工具，后台数据库采用Access数据 库设计，利用ADO数据库访问技术实现对数据库的各种管理操 作，实现留言板的留言及管理功能。
2020/2/29
5
设计过程
制作留言板
2. 选择设计方案
实现网上留言的原理很简单，无非是为用户提供表单界面书
写留言内容，并把这些留言信息加以保存，然后读取和显示留
（2）动态页面的制作
a. 服务器端脚本的应用
通过VBScript脚本的应用，结合ASP技术编程，实现服务器
端功能。
b．ASP数据库编程
设计注册登录和留言板时，采用ASP结合数据库编程，使站
202点0/2具/29有交互功能。
4
留言板的设计
制作留言板 1．设计概要
留言板是Internet上最基本的交互式网页，是网络上提供的 一项基本服务，也是一个和浏览者交流、沟通的园地。它可以 设计得很简单，纯粹只收集浏览者的资料和意见，也可以设计 得很复杂，这取决于网页开发者的能力及需求。无论是主动地 上网提问，还是被动地留下姓名、E-mail、留言及建议等，无 不是留言板基本应用或其变形。
2020/2/29
留言板数据库的创建与结构
9
设计过程
制作留言板 5．留言板设计实现过程
本系统的设计过程主要包括以下3个部分：签写与保存留言模 块设计、读取与显示留言模块设计和管理留言模块设计。
代码请参见实例。
2020/2/29
10
3. 网站测试与性能分析
网站采取的测试方法是先进行各模块测试，经过修改和调
（1 ）静态页面的制作 a. HTML结合CSS样式的使用 二者结合将页面内容与显示分离；通过外部样式表控制
整个网站页面的显示风格。
2020/2/29
3
b．表单的制作 根据实际需求，制作表单，如登录表单，注册表单，留言板 中的表单等。注意正确使用表单中各控件。
c. 客户端脚本的应用 通过VBScript脚本的应用，编写客户端事件驱动程序，实现注 册表单预处理的功能，从而减少表单提交服务器检验次数， 节省带宽。
2020/2/29
2
2. 网站的制作过程
动态网站的制作过程，页面包括静态页面和动态页面，将前面 所学的知识有机地结合起来，并且能够在此基础上设计站点的 其他功能，达到触类旁通的效果。静态页面部分主要包括内容 显示页面和一些简单的链接页面，动态页面主要包括注册登录、 计数器和留言板的制作。整个站点页面的设计要合理，与网站 主题相符。
言。网上留言板可以有不同的实现方式，可以使用文件管理组
件将留言数据存储到文本文件中，也可以使用ADO数据库访问
组件将留言数据存储到数据库表中。
设计留言板时，输入的界面并不难设计，主要是要考虑留言
数据的存储问题。由于留言板上留言的数量可多可少，也就意
味着数据量多寡不定。如果不提供查询留言历史功能的话，那
整通过以后，再进行总体测试。网站采用的测试环境是：服务
器采用的是Windows XP Professional操作系统+IIS信息服
务管理，客户机采用的是Windows 98/2000/XP/Win7等操
作系统+IE浏览器。测试的主要模块包括：用户注册与登录、防
刷新计数器、留言的签写、存储与显示、管理员登录、留言删
管理员登录
编辑留言
删除留言
留言板系统模块结构图
8ห้องสมุดไป่ตู้
制作留言板 4．数据库结构设计
在编写留言板之前，首先要规划好留言板的数据库结构。数 据库主要用于保存留言数据和管理留言数据的用户信息。这里， 采用Access 2000创建一个名为LYB的数据库，并在库中创建 名为lyinfo和sysadmin的两个数据表，分别用于保存留言数据 和管理留言数据，如图13-23所示。
么建议用文本文件保存数据即可。但若想让留言板有更强大的
功能，则应使用数据库方式建立文件，这样将来进行查询、新
增或删除都比较方便。
考虑到留言数据管理的高效性和安全性，本设计采用数据库
方式存储留言的内容来实现。
2020/2/29
6
制作留言板 3．留言板的主要模块和功能
留言板的核心功能是在网络上提供让浏览者留言的功能。用 户分为一般用户和管理员用户，一般用户可以浏览留言、发表 留言，管理员可以管理用户留言和对留言板进行设置。
除等。
由于大多数网站都是由一些专业人员设计的，相对于普通
用户，专业人员对计算机和网络的理解更深刻，对网站的性能
要求更高。但是，同时也要考虑到访问网站的大多数用户只是
使用网络的一般功能，对网站的性能要求可能与专业人员不太
相同。因此，网站的性能应切实满足普通用户的需要。所以，
有许多成功的经验表明，让非专业人员参加网站的测试，工作
网站设计与制作综合实例
1. 网站功能分析 2. 网站的制作过程 3. 网站测试与性能分析
2020/2/29
1
1. 网站功能分析
围绕网站主题，分析网站提供的功能，从而确定动态页面与 静态页面的数量，并 确定网站的目录结构和链接结构 。
分析各页面内容布局，如在首页上，在页面的顶部是站标、 广告条等。接着下面是导航部分，整个页面总共有N个导航链 接，是这个小型站点的N个版块。在页面的左侧主要为登录区 域，右侧为公告栏区域；页面的中间是新闻区域；页面下方可 显示网站的被访问次数；在页面的最底部是版权信息。
效果有时更好，这些人会提出许多专业人员没有顾及到的问题
或一些好的建议。
2020/2/29
11
网站的测试与发布
1. 测试网站动态功能的实现 2. 测试页面中是否有空链接或错误链接 3. 网站的发布：将制作好的网站上传到服务
2020/2/29
7
3．留言板的主要模块和功能 根据需求分析，留言板系统的模块主要包括签写与保存留言
模块、读取与显示留言模块和管理留言模块。其中，管理留言 模块包括管理员登录模块编辑留言模块和删除留言模块。系统 模块结构如图13-22所示。
留言板系统
签写与保存留言 读取与显示留言
管理留言
2020/2/29
本设计采用ASP作为开发工具，后台数据库采用Access数据 库设计，利用ADO数据库访问技术实现对数据库的各种管理操 作，实现留言板的留言及管理功能。
2020/2/29
5
设计过程
制作留言板
2. 选择设计方案
实现网上留言的原理很简单，无非是为用户提供表单界面书
写留言内容，并把这些留言信息加以保存，然后读取和显示留