毕业设计任务书.doc

河南工业职业技术学院毕业设计任务书类别：* 专 业：计算机应用 班 级: 应用0901 姓 名： * 毕业设计题目： 同学录 指导教师姓名： 杨俊成 负责人签字： 王东升 2011 年 10月 10日内容和要求：1本网站至少要有分类别显示新闻和显示当天最新新闻的功能，以及具有管理员添加和删除新闻的功能。 2网站网页的色彩搭配合理、和谐、自然，主色调与主题内容相符。 3网页中要有适量的图片和网页特效。 4此设计应提交的资料有： （1）软件(前台用asp、asp.net、jsp或者php，后台用sql server 2003，mysql或oracle数据库)； （2）毕业设计说明书。包括设计任务书、中文摘要、前言、目录、正文（含可行性研究报告、需求分析、总体设计、概要设计、数据库设计、软件运行的结果和软件测试等）、程序代码、结束语、致谢、参考文献等，要求10000字以上。 （3）一级标题三号宋体、二级标题四号宋体、三级标题小四宋体、行距是18磅 指导教师（签字）： 年 月 日摘要目前，web标准大潮已经席卷了国内的网站设计领域,网页作为上网的主要依托，由于人们频繁的使用网络而变得越来越重要，使得网页设计也得到了快速的发展。网页讲究的是布局，其目的就是提供一种布局更合理、功能更强大、使用更方便的形式给每个浏览者，使他们能够轻松、快捷的了解网页所提供的信息。同学录的制作中运用了css的美化和布局。其设计的基础来源于完美网页设计艺术、css布局之道和平时平面老师教授的平面设计排版基本原理。同学录是一个小型网站，主要分为以下几个部分：主页、个人主页、相册、留言板等实现的功能是注册、登录、修改密码、编辑留言、回复留言、显示个人信息（包括个人爱好联系方式等）搜索通讯录、文章的编辑、发表、评论等。界面运用的是css+div和表格配合。所有的页面采用的图片都是经过深加工或者是一些简单颜色的配合。看起来活泼，画面也不显得太过于复杂。网站制作过程中，很少使用了代码，一般都是依靠dreamweaver的功能实现的。也让我们了解到了这个软件功能之强大。主色调用的是蓝、黄，注重的是前台的设计，后台制作的功能不是很多，很多的功能都比较简陋，在以后要致力于提高。关键词：同学录 css+div web 排版 颜色 dreamweaver前言这个网站更注重的是美观，前台的设计很是费时费脑，先后淘汰掉了四五套方案，浪费了大量时间，前台也是勉强凑活着能看。不过也让我对布局和一些css属性有了更深的了解。也让我对网站设计有了一个清晰的认识。主页面设计的有点失败，设计之中我违背了设计网页的步骤，那就是先规划，后下手设计。这点我是深有体会，因为我没按步骤做，导致了我换了好几套方案，浪费了好多的时间和精力。我的网页都是围绕我的flash制作的，配色和其他的一些冲突因素都很难解决，参考了很多书之后，终于敲定其布局。在前台设计中，我也有了一些发现，以前我设计界面的时候喜欢用蓝色，各种蓝色搭配很漂亮。在设计的过程中，我发现原来蓝色和黄色搭配好了也是很奇妙的选择。于是用黄色作为背景，并在背景上添加了水印效果。背景用了一个信封的剪切和一些图片重叠，好像是散乱的照片装在信封里的效果，比前几种方案要靠谱的多，于是毅然采用了这种设计方式。左边的圆形flash菜单也不会和右面的登录模块相互冲突了。而网页头部的蓝色也和背景颜色产生了比较强烈的对比，让网页上的logo看起来更加的明显了。大致依照了九宫格式的布局。在排版过程中我也看了很多的关于排版的书籍。明白了很多，比如网页中的图片要么用自己拍的照片，要么把原图处理的风格迥异，避免产生版权纠纷。而我采用的是尽量用不同的色块搭配解决问题，而不是用图片来装饰背景，这样也解决了版权问题。这个网页用的主要是蓝黄色，黄色让人有一种怀旧和美好的感觉；蓝色清新，深蓝睿智冷静。“我的照片”中的网页头部用的是黄色，我觉得我做的标题就这个还可以我之所以说这么多的排版和平面问题主要是因为我擅长的是平面，所以我做的网站也是侧重于界面设计，功能确实少的可怜。开始要实现的功能只是输入、修改、读取只是面对自己的一个网站， 可以为自己提供一些查阅和修改，但是那样就违背了一个网站的目的了，网页是用来面对大众的，要做成flash，就没有办法用到注册这个功能，而且很多的功能也很难实现，所以网站设计是当前最好的选择。也因此平添了很多的麻烦。不过只有达到目标而马不停蹄才能学到更多，而不是遇到问题就绕过去。虽然这个制作过程中只是实现了很少一部分功能，但是其制作过程也把我折腾了个灰头土脸，网站制作看起来不是太难，可是其中的前台设计颜色搭配，布局，也是让我改了好几遍。后台的数据库连接我更是没有一点办法，更是请教了很多的老师同学，说来惭愧，我做的还是很差强人意。不过我的确是尽力了。在制作过程中，自学能力尤为重要。同学之间的互相帮助也体现出来了，从制作的网站的过程看，依稀能看到谁能获得一个好工作，而谁要面对就业困难的困扰。我做的同学录也能为自己量身打造一个纪念的承载物，就让它作为我网站开发的第一份作业，不管好也罢，差也罢，总之我觉得这个网站开发也不是一开始想像的那么没有意思，这也算是一个良好的开端。 目录第1章 asp动态网站运行环境1.1 安装iis从“开始”菜单中，选择“设置”-“控制面板”-“添加或删除程序”命令，在弹出的“添加或删除程序”窗口中选择“添加/删除windows组件”。在弹出的“windows组建向导”对话框中，选中“internet信息服务（iis）”选项。单击“详细信息”按钮，在弹出的“internet信息服务（iis）”对话框中，选中“internet信息服务管理单元”、“公用文件”、“万维网服务”、“文件传输协议（ftp）服务”4个子组件，然后单击“确定”按钮弹出“所需文件”对话框单击“浏览”按钮，选择“windowsxp professional sp3 iis5.1”安装包的路径。继续单击“确定按钮”，如再弹出“所需文件”对话框，再次指定安装包路径即可，待配置组件安装完成后，会弹出完成“windows组件向导”的窗口，此时安装成功测试：在浏览器地址栏中输入“http:/localhost”，简单测试iis服务是否正常，然后再设置虚拟目录和动态网站点。1.2 设置站点和虚拟目录建立站点：在本地电脑e盘创建一个名为biyeshejiduan的文件夹，作为大作业的站点目录，在“internet信息服务”窗口中使用“虚拟目录创建向导”，将biyeshejiduan的文件夹作为虚拟目录，并设置asp动态网站运行环境。在dreamweaver中设置站点。在dreamweaver中的设置为：在“分类”中选择“本地信息”本地信息： 站点名称：biyesheji 本地根文件夹：e:/biyeshejiduan 在“分类”中选择“测试服务器”测试服务器： 服务器模型：asp vbscript 访问：本地/网络 测试服务器文件夹：e:/biyeshejiduan url前缀：http：/localhost/biyesheji单击“确认”，完成设置。站点结构：和数据库连接（字符串）：provider=microsoft.jet.oledb.4.0;data source=e:biyeshejiduanzhucezhuce.mdb; 这段字符串来自于一个数据库连接文件，其后缀名为“udl”；打开文件，选择microsoft jet 4.0 ole db provider -“选择数据库名”后面的文本框填入：“ e:biyeshejiduanzhucezhuce.mdb”；将文件确定关闭，将后缀名改为“txt”,打开，复制其中的相应文本，粘贴进dreamweaver中连接数据库字符串后即可。 第2章 同学录的分析2.1 可行性研究报告同学录一个网站开发项目。该网站要有一定的flash和图片，要求图片和flash要是原创。而且该网站拥有在线人数统计功能，和一些基本的功能。2.1.1 需求临近毕业，做一个有关同学录的网站能起到实质性的帮助，时间合适；能激发对网站的爱好，促进对网站开发的综合应用；为即将毕业做一个铺垫，全是自己原创制作的网站是一个巨大的说服力；更重要的是可以根据一些要求进行网站的修改和升级，使其拥有更多的功能。拥有后期的发展能力。界面要合理布局，注重的是前台的设计。2.1.2 技术我们学过flash和ps，拥有处理图片和制作图片、动画的很多经验；学过dreamweaver和asp，拥有一些经验和技术支持。还有的是同学和老师们的技术支持。更重要的是功能不是很多，时间上可以应付的过来。2.1.3 必要性目的是为了提高我们的综合开发技术和检验毕业的网站开发实力。网站开发在这个时期是非常火热的，所以有着一个良好的网站开发经验和技术基础显得尤为重要，在这些基础上面进行一些合理的拓展和提高，可以为学习新的知识而打下良好的基础。在制作的过程中，联系了同学，拉近了和老师的距离，拥有了良好的互动和交流，更重要的是调动了对网站开发的兴趣和良好的学习主动性。将以前的零散的,看起来不实用的功能 都现实化了。在这些基础之上还有了对一些流行技术的认识和产生兴趣。2.2 总体设计界面设计和各个页面之间的联系：首页，主要的是登录界面和flash导航栏。从主页上延伸出来的注册页面。从主页上登录后跳转到个人主页，显示登录人的各种信息，和查询同学的联系方式、修改个人密码。修改密码界面从主页上延伸出来的照片即相册从主页上延伸出来的留言板从主页上延伸出来的文章编辑界面。从主页上延伸出来的学校简介。是个静态页面.其中个人主页链接到了密码修改留言板和相册是一个动态页面。设计注重的部分为前台布局，前台的布局花费了很大的心思，也参考了很多的资料。总的来说集中在黄色和蓝色两大色块上，其中黄颜色是一个搭配的颜色，蓝颜色为主。原因是黄颜色太过明亮，没有蓝色的沉稳。而且黄色容易引起视觉疲劳。字体的颜色集中在白色和黑色两块。网页都需要flash以增强其趣味和功能。我的flash置于首页，连接了几个静态的页面。前台：页面简洁大方，颜色符合同学录这个标题。颜色要合理搭配。后台：基本功能具备，要有别于聊天网站。2.3 概要设计除了主页以外，其中的相册和留言板，文章区等各个模块都联系好多的页面。如留言板中要有添加留言，显示留言和评价留言；文章区和留言区相似，要有编辑文章、发表文章和评价文章，相册是要有注册、登录、上传和删除自己上传的图片等的功能，其中有很多的东西要做，前台布局，和后台管理等。相册有两个，其中一个是静态网页，是我个人制作的，个人主页中有一个是功能项目很多的动态网页,具有了上传，删除，评价等功能。其最终结构如图2-1所示：图 2-1 主要布局第3 章 数据库设计最初我建立的数据库很是混乱，经过老师指点后，我整理一下思路，建立了一个名为zhuce的数据库在数据库中建立表zhuce1、rpost、board三个表。如下图3-1：图3-1 zhuce数据库中的表格3.1 数据表zhuce1注册模块、登录模块、个人页面、修改密码其中的字段名称和其描述见下表 zhuce1字段设定：name文本名称name2文本昵称xingbie文本性别year数字年e-mail文本xuehao数字学号dizhi文本地址aihao文本爱好zym文本座右铭month数字月day数字日pw文本密码图3-2 zhuce1字段设定而board和rpost是为留言、文章而设计的表3.2 数据表boardboard中主要为留言其中有主题（subject）、作者（author）、e-mail、和发布时间（time）、具体内容（content）。3.3 数据表rpostrpost表单的内容为回复留言的人（r-name）、回复时间(r-time)、回复内容(r-content)等，主键为。数据库中的东西不多，简化过来就是这样。网页和数据库连接，生成一个文件（conn.asp）第4章 同学录制作4.1首页前台设计4.1.1 div设计index的前台用到了很多的div，要注意它们之间的嵌套和平行关系。其中用到的几个属性是height、width 、margin、 padding 、float、 background 等。4.1.2 flash设计前台页面用了一个巨大的flash导航，自己看起来还可以，同学有人说像是火狐的logo，仔细看也是，不过我用的是中国特有的墨迹和火焰的遮罩。做出来的看起来很像是一个宝石。这个flash用的是as3.0的代码编写出来的。这个flash的中心是一个蓝色的圆，类似蓝宝石，鼠标放上边时，有一个扩张感的呼吸，有节奏，看来是初步达到了效果。和背景对比，突出了导航栏，更有一种动感。见下图 4-1:图4-1 flash导航栏4.1.3 ps设计网页头部较为高大，有了一个现代感，让整个页面看起来布局较为合理。网页背景是一个用信封素材，一个用三四张图片合成的头部，处理成几张照片重叠装在信封里的样子。将海滩、椰树、灯塔结合在一起，灯塔代表的是指引迷津，同学录也是众多漂泊在社会中的同学们心中的灯塔。黄色的图片只是露出了一角，在整个蓝色的背景下，添了一份温 馨和活泼，更重要的是它代表的是怀念，整个背景图看起来清新，自然，温馨 如下图 4-2：图4-2 首页头部信封是牛皮纸的黄色，融合了图片、分割了网页。整个信封作为网页的主体。背景用的是处理过的图片，处理了一个小的类似水印的图片，上面有“同学录”三个字，字体是倾斜的，看起来紧凑而不缺少时代感。用css中的background-image，repeat重复，整个背景基本都用整个水印覆盖，和蓝色的标题 图4-3 首页版面对比，看起来温和而不失活泼。配色:用的是蓝色，很纯粹的蓝色和黄色，颜色对比很大。颜色看起来很活泼。“同学录”三个字用的是方正综艺，大方而庄重。字体用的是浅蓝色，蓝色的不同对比看起来很和谐，因为排版和颜色问题我费了很大的力气去搭配颜色，先后换过五种方案，最后看过一些参考资料，才开始设计这样的布局。 颜色中蓝色用的比较明亮，纯度比较高，黄色亦是如此，而作为主体的信封亮度较低，纯度也差了很多，这样就有几点好处：背景适宜阅读，不会太刺眼；突出了导航栏（导航栏用的是橘红和蓝色）；和标题栏分别得很清楚，和背景也分别开来，突出了标题栏（网页头部）。见图 4-3。界面设计的有点大了，在某些电脑上看起来我的网页是个庞然大物。功能：首页有登录界面、搜索界面。连接了注册界面，个人主页。flash导航栏连接了文章编辑、留言、照片（静态）、音乐（静态）、学校简介。登录界面用的是dreamweaver中的添加“服务器行为”搜索界面的制作：选中搜索输入的文本域，设置其为“search”，然后为其添加一个spry：插入spryspry验证文本域；对其属性进行设置。在spry中有七项要注意：类型：文本域要求采用的格式，包括整数、电子邮件、日期等，如选定格式，则必须输入相应格式的文本才可以通过验证。预览状态：在编辑制作网页时设计人员所预览的状态，包括初始、必填、有效等状态。验证于：有三项（onblur、onchange、onsubmit）必需的：若选中则要求该文本域必填。提示：这个作用是由于文本域；有很多的不同格式，因此提示用户需要输入哪种格式会比较有帮助。最小字符、最大字符、最小值、最大值：分别对应文本框中必须输入的最小字符个数、可以输入的最大字符个数、最小的数值和最大的数值。强制模式：禁止用户在验证文本域输入无效字符，当用户输入与指定格式不符的文本时，输入的文本不显示在文本框中。制作搜索结果页面前台：只要把搜索页面index.asp另存为search.asp，然后再将flash导航删除，之后在flash原有地方进行设计，表格设置。后台：建立一个记录集，在记录集中选择全部的项目，在筛选中要注意，是name=表单变量（search），排序按时间updatetime，降序。在建立了记录集之后，选择一下步骤：插入-数据对象-动态数据-动态表格，单击确定，建立了动态表格，这是一个自动生成的表格，所以当中肯定有要删除和修改的地方，将第一行的名称改掉4.2用户注册界面4.2.1页面设计如图4-4所示，这个页面设计比较简单，其提示语在与蓝色区域。 图4-4 注册界面从标题栏较小，文字用的是方正综艺，大方而不失优雅；为了突出内容，蓝色为头部，渐变灰色为主体，对比 鲜明；灰色优雅，蓝色也有睿智和优雅，潇洒的感觉，所以这两者搭配，也很不错；插入了一些简单的图片，平添了一份温馨，让整个冷色调中带了一些暖色；此界面不宜过于复杂，本身表格比较多，如果太复杂容易让人产生一种不耐烦的感觉。界面要简洁，意图清楚，界面不能太刺眼。 红色字体用的是css中定义的“类”；标题中的蓝色栏用的是div，背景插入用的是background-image no-repeat；主体也是div，背景用的也是。其他的栏目用的是表格，表格不好调整，不好进行后期维护，但是对于栏目类的东西，最适宜不过；在制作的时候排版也容易。4.2.2功能实现步骤1、添加form1的onsubmit事件： form action= method=post id=form1 name=form1 onsubmit=return check() 当提交表单时会激发onsubmit事件，此时调用check()函数，当函数的返回值为true时，否则不提交表单。2、将光标定位在代码之前，然后添加如下代码：3、将用户注册信息保存至数据表zhuce1选择 服务器行为插入记录，弹出“插入记录”对话框，设置相关参数，单击确定，将用户信息保存在数据库中。如图4-5：图4-5 注册界面插入记录4、检查新用户名检查新用户名，如果是已经注册的用户，则不允许再次被注册，选择 服务器行为用户身份验证，在子菜单中选择“检查新用户”对话框，设置各项参数，如4-6图所示：图4-6 检查新用户注册界面基本完成，dreamweaver完全界面设计，很少添加代码。4.3个人主页的设计：界面设计：图4-7 个人页面的设计这个界面设计明显迥异与主页，色调基本完全相反。这个页面上有这几样东西：个人详细信息，美文欣赏，返回主页，修改密码。很明显，这个页面注重的是页面设计，背景是深蓝色的，为了突出黄色的叶子，这些叶子在蓝色的包围中看起来很活泼，工整大方。4.3.1 ps技术详细信息和美文欣赏部分用的是切片，详细信息部分利用的是阴影（蓝色的详细信息界面）和滤镜（素描纸），两部分看起来就像是重叠起来的，很有层次感，颜色搭配也尽量让它们平衡，基本采用了九宫格的布局方式，整个页面用了一个网络图片，只显示了一部分，尽量避免了侵权的问题。“美文欣赏”部分用的是相近颜色搭配，看起来就像是一个透明的背景放在黄色的纸上。这个页面采用的格式来源于完美网页设计艺术。4.3.2 div+css返回主页和修改密码只是文字，其底纹和按钮作用都是通过css+div实现的；把文字变成列表，去掉列表标号，然后让行浮动，设定距离，添加链接，为链接添加背景颜色。放在div.css中的如下代码：#corr ullist-style:none;#corr lifloat:left;margin-left:5px;margin-right:5px;#corr li adisplay:block;padding:5px 5px 5px 5px;#corr li a:linkbackground-color:#2b8cd5;#corr li a:hoverbackground-color:#3cf;color:#ff0;其中，hover为鼠标悬停状态，还有visited属性，是访问过的状态。这些都属于超链接特效4.3.3 实现功能实现了个人信息的读取实现步骤：新建一个记录集，名称：recordset1连接：conn表格：zhuce1全部列 筛选：name= 阶段变量(mm_username)在这里，最重要的是筛选，name和阶段变量mm_username连接成功后，再插入表格，格式类似于zhuce.asp文件中的表格。见图4-8： 图4-8 个人信息详细信息用的是表格，这类的排版严谨，细致，有条理，“详细信息”四个字用的是图片，为的是防止字体丢失。这些记录都是从记录集recordset1中得到的，拖至表格中，在阶段变量的状态下，进行的记录集显示。个人主页基本完成。4.4修改密码界面一张图片为背景制作出来的密码修改界面，简洁。背景是一个渐变 通过repeatx制作而成的。此页面突出的是功能，功能实现起来比较简单1、客户端用户输入密码信息验证，和前面的一样，所以在这里不再赘述。2、修改登录用户的密码3、选择 服务器行为-记录集查询，弹出记录集对话框，设置各项参数，其中要注意的是筛选中用的是阶段变量4、服务器行为-更新记录设置要更新的表格zhuce1。唯一键列为id，在更新后转到gerenzhuye2.asp，获取值自“form1”表单元素“unewpass”unewpassok”5、限制对页面的访问。否则跳到主页。4.5相册的制作此项为静态页面，用到了ps和css技术4.5.1 颜色标题用了黄色，渐变的黄色。看似很漂亮的头部设计成 4-9 相册logo设计了我进一步设计的绊脚石，我不知道怎样搭配颜色看起来不错，于是在很多次的试验中，选定了与其颜色相近的颜色，进行了一些渐变的拖拉，成了现在的样子，背景运用了蓝色，不可否认的是蓝色真的很适合我的口味。特别是和黄色搭配，我是蓝色开始，最后喜欢上黄色、橘黄、 橘红色等颜色的。蓝色给我一个很舒服的感觉。两两相照，结果看起来整个界面整洁又活泼。4.5.2 ps技术其标题背景用了一个width为9px,height为200px的渐变通过css中的background-image repeat-x进行的处理一个这样的图片而不 是处理一个整块的图片好处在于：减少整个文件的大小、可以多次利用（谁也不知道你下一次设计的名为top的div有多宽）。如下图所示,这是一个logo设计,这个logo使用了同色渐变,看起来有一种立体的感觉,在背景上用一个蓝色文字,经过字体栅格化后,进行蓝色和深蓝色的渐变处理,得出了这样的效果,颜色对比鲜明,一目了然,字体用的时方正综艺,加了阴影效果,然后在中文字体下用了一行英文,英文字体看起来俏皮可爱,也很优雅,在下方,填补了整个logo的空白,达到了上下的平衡。设计好之后，总觉得颜色的表达不够丰富，而黄色和绿色搭配，特别是浅绿色的搭配很是不错，于是在标题的上方，用钢笔勾勒出了一个浅绿色的叶子。为了表达其立体的感觉，于是有加了一种深绿，整个logo平添了一份活力。从整体来看，整个logo优雅，大方而又不失活力，达到了原来想要达到的目标。4.5.3 css+div技术这是一个div创建的源代码，经过修改之后得到的，其中class是css中创建的类。div的代码相同，经过css代码中class的规范，变成一样的规格。 从以上代码不难看出，我用了热点地图，原因于若无热点地图，加上链接的话，整个版面整齐的排版会莫名其妙的被打乱。于是无奈中用了这个方法。css代码如下（写在源文件中）4.6留言板设计4.6.1 显示留言数据库中建立表board、rpost创建显示留言表格页面新建board.asp的新文件，将它保存。插入表格插入一个2行3列的表格，对齐属性设置为“居中对齐”。定义css，单元格大小为12px窗口-绑定，打开绑定面板，单击面板中的“+”，在弹出的菜单中选择“记录集（查询）”命令。进行设置在“记录集”对话框中的“名称”文本框中输入设定的记录集名称，例如名为board。在“连接”下拉列表中选择“conn”，在表格下拉列表中选择board，在列侯选中“选定的”，在列表中选“id”“subject”“author”和“time”。在“排序”下拉列表中选择“time”和“降序”。单击确定，创建记录集。绑定数据将光标置于第二行第一列单元格中，在“绑定”面板中展开创建的记录集board，选中subject字段，选择右下角的“插入”按钮，绑定字段，同样将author和time绑定，设置重复区域 选中第二行单元格，选择 窗口-服务器行为，打开服务器行为面板，在面板中单击“+”按钮，在弹出的菜单中选择“重复区域”命令，弹出了“重复区域”对话框，在对话框中的“记录集”下拉列表中选择“board”，设置“显示”记录的参数为10单击确定，创建“重复区域”服务器行为、记录集分页。将光标置于表格右边，按enter键换行。选择“插入”-数据对象-记录集分页-记录集导航条 命令。在“记录集导航条”窗口中，选择“记录集”下的“board”，设置“显示方式”为“文本”，单击确定按钮。在“属性”面板中，设置水平对齐方式为“居中对齐”，将导航条居中、转到详细页面。选中表格第二行第一列中的board.subject，单击“服务器行为”面板中的“+”，在弹出的菜单中选择“转到详细页面”命令。在弹出的页面中“详细信息页”中输入“m_show”设置“记录集“为board，设置列为id。保存文件。4.6.2 详细页面的设计新建m_show.asp，将光标置于相应位置，选择“插入-表格命令”，插入一个5行2列的表格，在“属性”面板中将“对齐”设置为“居中对齐”。在第一列单元格中分别输入文字，在“属性”面板中将大小设置为“12px”。打开“窗口-绑定”面板，在面板中单击“+”按钮，在弹出的菜单中选择“记录集查询”命令，出现了“记录集”对话框。在“记录集”对话框的“连接”下拉列表中选择“conn”，在“表格”下拉列表中选择“board”，设置“列”为“全部”，在“筛选”下拉列表中分别选择“id”、“=”“url参数”和“id”，确定，创建记录集。 插入要绑定的字段，author、e-mail、time、和content，保存。4.6.3 发表留言创建发表留言表单页面创建“m_add.asp”，将光标置于相应位置，选择“插入”-“表单”-“表单”命令，插入表单。将光标置于表单中，选择“插入”-“表格”命令，插入一个5行2列的表格，在“属性”面板中将“对齐”设置成“居中对齐”。在第1列单元格中分别输入文字“留言标题”、“留言人”、“联系邮箱”、“留言内容”。在“属性”面板中将“大小”设置为“12px”。将光标置于第1行第2列单元格中，选择“插入”-“表单”-“文本域”命令，插入文本域，在“属性”面板中的“文本域名称”文本框输入“subject”，将“字符宽度”设置为“35”，“类型”设置为“单行”。将光标置于第2行第2列单元格中，选择“插入”-“表单”-“文本域”命令，插入文本域，在在“属性”面板中的“文本域名称”文本框输入“author”，将“字符宽度”设置为“25”，“类型”设置为“单行”。将光标置于第3行第2列单元格中，选择“插入”-“表单”-“文本域”命令，插入文本域，在在“属性”面板中的“文本域名称”文本框输入“e-mail”，将“字符宽度”设置为“30”，“类型”设置为“单行”。将光标置于第4行第2列单元格中，选择“插入”-“表单”-“文本域”命令，插入文本域，在在“属性”面板中的“文本域名称”文本框输入“content”，将“字符宽度”设置为“45”，“行数”设置为“5”，“类型”设置为“多行”。将光标置于第5行第2列单元格中，选择“插入”-“表单”-“按钮”命令，在在“属性”面板中的“动作”选择“提交表单”，插入“提交”按钮。将光标置于“提交”按钮后，选择选择“插入”-“表单”-“按 钮”，再在“属性”面板中的“动作”选择“重置表单”，插入“重置”按钮。添加“插入记录”服务器行为选择“窗口”-“行为”命令，打开“行为”面板，在面板中单击“+”在弹出的菜单中选择”检查表单“命令弹出“检查表单”对话框，在对话框中将文本域subject、author、和content的“值”设为“必需的”，“可接受”设置为“任何东西”。文本域e-mail的“可接受”设置为“电子邮件地址”。确定，添加行为。单击“插入记录”对话框，在对话框中的“连接”下拉列表框中选择“conn”，“插入到表格”下拉列表中选择“board”，“插入后，转到”文本框中输入“board.asp”。确定，创建成功记录集。 4.6.4 回复留言打开留言详细页面m_show.asp在已创立的表格后面换行，插入一个一行一列的表格，在“属性”面板中将单元格“对齐”设置为“居中对齐”。在表格中输入“我要回复”，并设为“居中对齐”选中文字“我要回复”，单击“服务器行为”面板中的“+”按钮，在弹出的菜单中选择“转到详细页面”，弹出“转到详细页面”的对话框。在其中进行设置，“详细信息页”为m_reply.asp；“传递url参数”为id记录集为board，列设置为“id”。4.6.5 显示回复信息创建记录集，绑定数据建立一个名为rpost的记录集，和数据库中的rpost表连接，筛选id为url参数，依照r_id降序排列。设置重复区域在“插入-数据对象-记录集分页-记录集导航条”在“记录集导航条”窗口中，设置“记录集”参数为“rpost”，设置“显示方式”为“文本”。单击“确定”按钮。导航条居中（center）在导航条下面输入“还没有网友回复该留言”，切换到“服务器行 为”面板，单击“+”打开下拉选单，选择“显示区域”-“如果记录集为空则显示区域”命令。打开“如果记录集为空则显示区域”对话框，选择“记录集”为“rpost”，然后单击“确定”按钮。选中显示回复信息的表格。切换到“服务器行为”面板，单击“+”按钮，打开下拉菜单，选择“显示区域”-“如果记录集不为空则显示区域”命令。打开此对话框，选择记录集为“rpost”，然后单击“确定”按钮。制作回复留言页面留言回复页面m_reply.asp提供回复留言的功能，页面上方显示留言标题和留言者的信息，页面下方则是用于填写回复信息的表单，该页面需要绑定两个数据表board和rpost制作留言部分新建文件reply.asp将光标置于相应的位置，插入一个2行2列的表格 “窗口-绑定”面板，面板中单击“+”按钮，在弹出的菜单中选择“记录集”命令，弹出的对话框进行设置，要注意的时在“筛选”下拉列表中分别选择id=url参数和id进行绑定。回复留言表格制作可以复制m_add中的表格，然后复制到这个文件里，将文本域修改一下，建立和rpost有关的记录集和board的记录集进行rpost写入记录和board的读取记录。完成留言板设置。4.7 文章区设计基本功能和留言板相似，但是好在前台设置；ps技术：这个logo设计的没有相册的logo漂亮，蓝色和水生的贝壳等软体动物结合让人想起了大海，大海可以给人很多思图 4-9 文章logo设计路和感慨，故选此情景为logo。这个logo用了蒙版，主要是利用蒙版和渐变工具结合来使事物和背景更好的结合在一起。文章制作步骤和留言板相似，所以具体的在这里不再赘述。功能：编辑、评价、留言；结束语在知识快速更新