毕业设计任务书

河南工业职业技术学院 毕业设计任务书 类类 别别 专专 业业 计算机应用 班班 级级 应用 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 biyeshejiduan zhuce zhuce mdb 这段字符串来自于一 个数据库连接文件 其后缀名为 udl 打开文件 选择 Microsoft Jet 4 0 OLE DB Provider 选择数据库名 后面的文 本框填入 E biyeshejiduan zhuce zhuce 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 数据表数据表 Board Board 中主要为留言 其中有主题 subject 作者 author e mail 和发布时间 time 具体内容 content 3 3 数据表数据表 rpost Rpost 表单的内容为回复留言的人 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 中的 backgroun d image re peat 重复 整个背景 基本都用 整个水印 覆盖 和蓝色的标题 图 4 3 首页版面 对比 看起来温和而不失活泼 配色 用的是蓝色 很纯粹的蓝色和黄色 颜色对比很大 颜色看 起来很活泼 同学录 三个字用的是方正综艺 大方而庄重 字体用的是浅蓝色 蓝色的不同对比看起来很和谐 因为排版和 颜色问题我费了很大的力气去搭配颜色 先后换过五种方案 最 后看过一些参考资料 才开始设计这样的布局 颜色中蓝色用的比较明亮 纯度比较高 黄色亦是如此 而 作为主体的信封亮度较低 纯度也差了很多 这样就有几点好处 背景适宜阅读 不会太刺眼 突出了导航栏 导航栏用的是橘红 和蓝色 和标题栏分别得很清楚 和背景也分别开来 突出了 标题栏 网页头部 见图 4 3 界面设计的有点大了 在某些电脑上看起来我的网页是个庞 然大物 功能 首页有登录界面 搜索界面 连接了注册界面 个人主页 Flash 导航栏连接了文章编辑 留言 照片 静态 音乐 静态 学校简介 登录界面用的是 dreamweaver 中的添加 服务器行为 搜索界面的制作 选中搜索输入的文本域 设置其为 search 然后为其添加 一个 spry 插入 spry spry 验证文本域 对其属性进行设置 在 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 ul list style none corr li float left margin left 5px margin right 5px corr li a display block padding 5px 5px 5px 5px corr li a link background color 2B8CD5 corr li a hover background 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 修改密修改密码码界面界面 一张图片为背景制作出来的密码修改界面 简洁 背景是一 个渐变 通过 Repeat x 制作而成的 此页面突出的是功能 功能实现起来比较简单 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 用了蒙版 主要是 利用蒙版和渐变工具结合来使事物和背景更好的结合在一起 文 章制作步骤和留言板相似 所以具体的在这里不再赘述 功能 编辑