web网站设计实训报告(范文)1.docVIP

附录1：设计报告封面 湖南娄底职业技术学院 web网站设计 课程设计报告 ? 设计题目： 系 部： 电子信息工程息 专 业： 学生姓名： 学 号: 起迄日期： 2010 年 12 月 20 日 ~ 2010 年 12 月 25 日 指导教师： 教研室主任：  一.网站的需求分析 对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。 二.系统实现所需要的软件 网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP 三、网站设计的思路 网站拓扑图构画 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的， 下面是我个人网站的结构图： 四、系统功能模块的实现过程 个人网文章、相册、、、链接、调查等诸多功能于一体的网。、 图3-1首页导航 （2）.个人首页公告栏功能实现过程 公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图3-2所示。 图3-2 本站最新公告栏 本站最新公告栏中的信息，当鼠标经过时就停止，当鼠标移开时又开始流动。其功能的实现主要是通过以下代码： td height=99marquee behavior=scroll direction=up width=170 height=116 scrollamount=2 onmouseover=this.stop() onmouseout=this.start() …… /marquee/td （3）.留言板功能实现过程 设计一个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中，然后管理用户可以通过后台进行对其留言的回复。留言薄的设计如图3-4所示这样就可以产生一个动态的留言薄交互平台。 图3-4留言薄发表页面 （4）.注册功能模块实现过程 注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。注册页面的设计如图3-5所示。 图3-5 注册页面 2个人资料功能模块的实现过程 本模块是个人资料部分，每个个人网站都会有作者介绍。块分别是：个人简历列信息显示和个。在这页面主要的是静态的页面。在这个模块访客会了解到作者的一些基本信息，界面内容如图3-6所示。 图3-6个人简历 页面 3个人相册功能模块的实现过程 本模块是展示个人的相册，主要是借鉴影集的制作来完成个人相册的功能的实现。个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。个人相册主中，浏览者可以看到我“我的相册”、“我的朋友”、“明星相册”，的相关照片。在进行相册查看时浏览者通过鼠标移动方式来浏览图片示在图片,如下图3-8所示。 图3-8个人相册“面友情合影”页 4聊天室功能模块的实现过程 聊天室是一个交友与娱乐的场所。在聊天室里，可以随意发表，与大家进行交流。目前聊天室已成为各网站一个标准服务，是吸引网民和提高人气的一种重要方式。 （1）聊天室的总体设计 使用聊天室的必须过行登入才能进入聊天室，但是对何种用户没有限制。聊天室室的主页面是一个框架文件，它主要包括在线用户统计页面，用户发表页面和显示页面。聊天室的总体设计如图3-16所示： （2）具体页面制作 本系统共的五个文件构成，分别如下： 1.Global.asa 功能：统计在线人数。 2.进入聊天室登录页面：Logion.asp 功能：提供用户注册框 提示：处理文件main.asp 表单提交方式：post 相关文本域的名称：帐号：xm1 密码：mm 具体设计界面如图3-10所示。 主菜单页面：main.asp 功能：判断用户输入的帐号与密码是否为空，则提示重填；设置框架网页，将窗口一分为二：一个显示信息：02.asp，另一个用于发送信息：03.asp。具体设程序代码如下： % if request.Form(