资源预览内容
第1页 / 共35页
第2页 / 共35页
第3页 / 共35页
第4页 / 共35页
第5页 / 共35页
第6页 / 共35页
第7页 / 共35页
第8页 / 共35页
第9页 / 共35页
第10页 / 共35页
亲,该文档总共35页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
河南工业职业技术学院毕业设计任务书类别:* 专 业:计算机应用 班 级: 应用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 章 数据库设计最初我建立的数据库很是混乱,经过老
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号