• / 30
  • 下载费用:10 金币  

网页美工毕业设计论文 美食网站.doc

关 键 词:
网页美工毕业设计论文 美食网站.doc
资源描述:
南京城市职业学院毕业设计说明书1南京城市职业学院毕业设计说明书题目:美食网站姓 名:学 号:年 级:专 业:学生类别:指导教师:教学单位:年 月 日南京城市职业学院毕业设计说明书2摘 要本论文将对网页的设计和制作进行研究和探讨。作品的主要技术指标包括:1、制作出一个具有静态和动态技术的“关于亚洲美食的宣传网页” ;2、在制作的过程中,加强和深化以前所学的关于网页设计的方法,同时更好的理解参考资料上的方法和理论;3、最后是追求后台操作的稳定性。本设计的主要内容包括:1、亚洲美食宣传网页的设计思想,整体规划及相关基础知识;2、亚洲美食宣传网页的前台设计,包括汇编 asp 语言程序及效果图;3、亚洲美食宣传网页后台设计(通过后台操作实现对网页内容的修改) ;4、亚洲美食宣传网页的调试。网页规划包含的内容很多,如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等,也只有如此制作出来的网页才能有个性、有特色,具有吸引力。 网页主题就是所要包含的主要内容,一个网页必须要有一个明确的主题。特别是对于个人网页,不可能像综合网站那样做得内容大而全,包罗万象。所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给人留下深刻的印象。关键词:宣传网页 基本原则 制作步骤 网页主题南京城市职业学院毕业设计说明书3目 录摘要----------------------------------------------(1)前言----------------------------------------------(3)第一章、页面美工-----------------------------------(4)1.1 首页的美工----------------------------------(4)1.2 图片的选取----------------------------------(4)1.3 网页框架的搭建------------------------------(4)第二章、功能模块----------------------------------(5)2.1 设计框架------------------------------------(5)2.2 模块的划分及设计----------------------------(6)第三章、数据库结构分析----------------------------(8)3.1 数据库的类型--------------------------------(8)3.2 数据库的结构--------------------------------(8)3.3 数据库之间的关系---------------------------(10)第四章、网站后台功能------------------------------(11)致谢---------------------------------------------(12)参考文献-----------------------------------------(13)附录---------------------------------------------(14)南京城市职业学院毕业设计说明书4前言Internet 带给我们的不仅是无穷的信息,更是交流和学习方式的变迁,在互联网高速发展的今天,传统的打电话,面对面的交流和学习方式因时间和空间的限制,已无法满足当今快节奏的生活,在网络化的今天,依托互联网(论坛)保持用户之间的联系和交流,显得非常方便.因此进行这方面的研究有非常重要的实际意义. 网络上网发达使亚洲美食的信息不断得到更新.因此我设计开发了一个关于亚洲美食网页设计。该网站实现了树立亚洲美食的形象,扩大各种美食的宣传,建 立 信 息 数 据 库 , 网站的后台管理。我所做的这个关于宣传亚洲美食的网页设计,我主要负责网页的美化及资料的搜索和后台管理。我所设计的网页美工包含首页的美工,图片的选举和网站的框架的搭建。这需要对色彩,尤其是色彩的搭配,必须要有独到的见解和良好的排版水平。设 计 过 程 中 用 到 了 photoshop、flash、3dmax、fireworks 、dreamwever 等技 术 。 下 面 我 将 就 我 设 计 的 过 程 所 采 用 的 技 术 、 思 路 等 方面 详 细 的 介 绍 我 所 设 计 开 发 的 关 于 亚 洲 美 食 宣 传 的 网 页 设 计 。南京城市职业学院毕业设计说明书5第一章、页面美工1.1 首页的美工首 页 的 美 工 需 要 Photoshop 网 页 配 色 及 排 版 设 计 ; Illustrator 网页 设 计 ; fireworks web 应 用 、 网 页 设 计 综 合 、 经 典 网 页 解 析 。网 页 设 计 就 相 当 于 平 面 设 计 , 我 们 可 以 将 平 面 设 计 中 的 审 美 观 点 套用 到 这 上 面 来 ( 其 区 别 是 动 态 网 页 的 制 作 是 平 面 设 计 不 能 达 到 的 , 它 是一 种 审 美 方 式 的 延 伸 ) , 所 以 平 面 设 计 上 的 审 美 的 观 点 在 网 页 设 计 上 非 常实 用 。如 对 比 、 均 衡 、 重 复 、 比 例 、 近 似 、 渐 变 以 及 节 奏 美 、 韵 律 美 等 等 ,以 及 色 彩 的 搭 配 显 示 出 的 轻 快 活 泼 的 美 , 这 些 都 能 在 网 页 上 显 示 出 来 , 反映 设 计 师 高 超 的 审 美 能 力 。所 以 我 的 网 页 设 计 一 定 要 具 有 美 感 !1.2 图片的选举我们在设计完首页后,便需要收集图片,我们收集了亚洲各个地区的有名的菜式的图片还有我亲自拍摄的。如粤菜、川菜、鲁菜……地区的。之后用 photoshop 美工使它们看起来更美观和整齐。1.3 网页框架的搭建框架结构(帧结构)是指利用将一个网页分为若干个窗口,这样可以在一个页面上展示几个不同内容的网页,例如将菜单和网页内容放到两个框架中,这样当拉动网页内容的滚动条时,菜单部分的网页可以保持固定不动,为浏览网页带来方便。另外,对于一些内容较少的网站,利用框架结构也使得网页布局看起来更加丰富。网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、 Flash 型、变化型,在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式,比如我们在一张纸看到一个圆形的东西,很容易可以联想到它像太阳,而有些人南京城市职业学院毕业设计说明书6则联想到月亮等等…这都是一种形式比喻,最重要的是抓住客户的需求,把握网站的定位做处合理的框架布局。第二章、功能模块2.1 设计框架我们在确定了美食网站的设计思路之后,还需要归纳成系统的相关模块,每个模块实际上就是功能的合理组合。美食网宣传系统后台模块前台模块注册登录模块浏览信息模块用户评论模块新闻发布模块新闻管理模块用户管理模块评论管理模块南京城市职业学院毕业设计说明书7美食网的模块体系图:从用户角度分析问题,首先区分系统中有几种用户,我们的美食网系统,为了使其清楚易懂,简化了用户体系,美食网中只有两种用户:注册用户和管理员。对于注册用户,在美食网中的行为可归纳如下:注册个人身份,登陆论坛,登陆成功后可以对相应的文章做评论和讨论。浏览文章列表,选择某个专区,浏览其下的文章列表,查看文章内容,以及文章评论,对已有的文章进行各种评论。管理员需要负责整个美食的正常运转,因此他需要更多的管理功能,可以归纳为如下行为:首先具备了注册用户的所有功能。因为管理员本身也是美食网的用户之一,可以和用户同样的去使用美食网。管理员可以通过登录后台进行对美食网文章进行各种各样的管理,方便管理员及时更新网站内容。管理员可以随时查看用户的各种信息,这样可以方便管理员更好的了解用户群体,对网站做更改。管理员可以通过登录后台对用户的评论进行审查。2.2 模块的划分及设计每个模块的功能都真实反映需求,通过对需求的认真分析,可以设计出符合要求的单独模块。但是,对于一个美食网系统来说,要很好地把握系统地构架,把零散地功能模块用一条主线串连起来,构建完整的系统。对美食网系统来说,联系各个模块的主线是使用者的权限,用户能够使用美食网的哪些功能是由用户的权限决定的。美食网的每个功能都与相应的权限对应。例如,注册用户具有发表评论的权限,那么他就能使用论坛中的评论功能。同一类用户使用的功能模块,是以使用者为中心连接起来的。另外,操作同类事务的功能模块,也是有相互关系的。南京城市职业学院毕业设计说明书8管理模块发布模块浏览模块评论模块因此,发布模块、浏览模块与评论模块、管理模块关联,是由论坛的系统流程决定的,如上图: 管理用户模块与注册登陆模块关联,是由同一类对象——用户决定的。注册后获得美食网的身份,成为用户,所有的用户需要接受管理员的管理,用户登陆证明自己在美食网中的身份,如上图:系统因入口的不同而分为前台系统与后台系统。前台系统包括注册登陆模块、浏览模块、用户评论模块;后台包括管理用户模块、管理文章模块、管理评论模块。都是根据用户的权限划分的。南京城市职业学院毕业设计说明书9第三章、数据库结构分析3.1 数据库的类型系统所使用的数据库服务器为 ACCESS 2000,它在 ACCESS 2000 的基础上, 扩展了 ACCESS 的总体功能与性能、工具界面更加方便合理、全面的数据完整性保护、系统安全性更高。ACCESS 2000 的数据库空间不会受限于Device 空间大小 , 方便了数据空间的扩展 , 使 ACCESS 2000 作为一个网络数据库管理系统,其扩展已超出了单个物理计算机的限制,并且多服务器“分布式”事物的内在支持更加充分.本系统主要使用了存储过程 Stored Procedure, 所谓 Stored Procedure 实际上就是一段保存在数据库中的程序, 通过一个名称的命名,其中包含有处理数据库存取与运算的 SQL 语句, 并且将这样的程序文件紧密结合在数据库中,这样我们的前台应用系统在执行过程中,可以直接执行数据库中设置好的 Stored Procedure,甚至可以传递参数。3.2 数据库的结构数据库中总共使用了这样 4 张表。序 号 数据表名称 说 明1 News 文章表2 User 操作员(用户)表3 Reply 用户评论表4 Msg 网站信息表南京城市职业学院毕业设计说明书10NEWS 表:序 号 数据表名称 数据类型 说明1 newsid 自动编号 新闻的编号2 newsname 文本 新闻的标题3 newstext 备注 新闻的内容4 newstime 日期/时间 发布的日期5 newsimage 文本 新闻对应图片6 newssort 数字 新闻的类别表中的 newssort 字段当为 1 为中国 2 为中国台湾 3 为日本 4 为 User 表序 号 数据表名称 数据类型 说明1 userid 自动编号 用户的编号2 usename 文本 用户的名字3 usepass 文本 用户的密码4 usesex 文本 用户的性别5 useage 数字 用户的年龄6 useEmail 文本 用户的邮箱7 usepermissions 数字 用户的权限南京城市职业学院毕业设计说明书- 11 -表中的 usepermissions 字段数字 1 为普通用户,100 为管理员用户。Reply 表:序 号 数据表名称 数据类型 说明1 replyid 自动编号 评论的编号2 replytext 文本 评论的内容3 replytime 日期/时间 评论发表日期4 replyuse 文本 发表评论的用户5 renid 数字 被评论的新闻编号Msg 表:序 号 数据表名称 数据类型 说明1 msgid 自动编号 信息编号2 msgtext 文本 信息内容Msg 这一张表是用来存放用户提示信息的,当用户的操作成功、失败或者有误的时候就会从这张表里调用相应的数据来提示用户。3.3 数据库的关系数据库的关系可以用下面这张表来表示NEWS 表中的 Newsid 和 Reply 表中的 renid 建立关系,user 表中的 username和 reply 表中的 replyname 建立关系。News 表Reply 表User 表Newsid=renid Username=replyname南京城市职业学院毕业设计说明书- 12 -第四章、网站后台功能网站后台,有时也称为网站管理后台,或网站后台管理,是指用于管理网站前台的一系列操作,如:产品、企业信息的增加、更新、删除等。通过网站管理后台,可以有效的管理网站供浏览者查阅的信息。网站的后台通常需要帐号及密码等信息的登陆验证,登陆信息正确则验证而后进入网站后台的管理界面进行相关的一系列操作。当然,前台和后台都是程序人员做的开发的网站页面,通常开发带网站管理后台功能的网站空间必须支持程序语言和数据开发功能。 1. 设置主页 index.asp 中相关会员信息,当已输入或未输入时分别包含 top1.asp或 topmember.asp 内容。2. 在 eflowers 数据库中设置 member 表结构,内容为会员信息,设置hylogincheck.asp 程序,要求检查用户填写的用户名及密码是否存在,如存在,则返回主页,如不存在,显示出错信息。以上内容完成后,创建文件夹,将内容存放于该文件夹中。3. 根据以上内容,编写个人网站相关会员信息。4. 编写会员注册程序代码。将会员填写的内容添加到上周的数据库中的 member表中。5. 编写商品详细页面 flowerdetail.asp,超链接网页。当选择了某一商品后,链接到该页面。6. 根据以上内容,编写个人网站相关内容。南京城市职业学院毕业设计说明书- 13 -致谢经过几个月的忙碌和学习,本次毕业论文设计已经接近尾声。作为一个大学生的毕业设计,由于平时动手经验的匮乏,难免有许多考虑不周全的地方,如果没有指导老师 XXX 老师的督促指导,想要完成这个设计是很困难的。本研究课题是在我的导师的亲切关怀和悉心指导下完成的。老师都始终给予我细心的指导和不懈的支持。同时也要感谢每位老师对我的培养和教育,他们细心指导我大学期间的学习,关心我的生活。在此,我要向诸位老师深深地鞠上一躬。感谢我的学校,作为一名新时代的大专生我感到无比的自豪,在学校,我学到的不只是科学文化,学校还教会了我怎样做人,做一个出色的人。感谢我的朋友们,我们从四面八方聚到一起,在校期间,我们一起学习,一起游戏。是你们和我共同维系着彼此之间兄弟姐妹般的感情,维系着那份家的融洽。就要各奔东西,希望我们都有美好的明天,祝大家一路走好,快快乐乐,健健康康,合家幸福!感谢我的爸爸妈妈,养育之恩,无以回报,你们永远健康快乐是我最大的心愿,我永远爱你们!在论文即将完成之际,我的心情无法平静,从开始进入课题到论文的顺利完成,有多少可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意!后还要感谢我所有的老师,是在他们的教诲下,我们掌握了坚实的专业知识基础,为我们以后的扬帆远航注入了动力。南京城市职业学院毕业设计说明书14文献[1]金颖. 《新编网页制作三合一教程》[M] .中国铁道出版社 2006 86 页~110 页[2]陈强,霍继文,叶兵. 《网页制作实用技术 FrontPage 2000》[M].清华大学出版社 2000 [3]刘海疆, 李东博.《网页制作三剑客教程》[M]. 西安电子科技大学出版社 2004 [4]张福成.谭国鹏.《制作网页宝典》[M]. 人民邮电出版社 2000 [5]王凯,张家才.《跟我学网页制作 网页制作技巧与实例》[M]. 冶金工业出版社 1999[6]张民,赵兵.《网页设计制作技巧》[M]. 陕西工业出版社 2002[7]王家林,李利.《网页设计入门》[M]. 人民出版社 2000[8]魏宏欣,洪大民.《网页设计教程》[M]. 江西工业出版社 1998[9]陈达杰,张伟.《网页简单应用教程》[M]. 山西工业出版社 2004[10]张杰,王家才.《网页制作技巧与实例》[M]. 重庆工业出版社 2003[11]吴建东,赵大伟.《网页设计制作跟我学》[M]. 山西工业出版社 2002[12]陈春,贾圆圆.《网页制作入门技巧》[M]. 人民出版社 2000[13]吴文龙,洪政.《学习网页设计制作教程》[M].厦门工业出版社 1998[14]程广阔,刘小东.《关于网页设计与制作的应用教程》[M]. 新疆工业出版社 2004以上书籍有一部分是在河南工程学院图书馆和郑州大学升达经贸管理学院图书馆借的,另一部分在书店租借的。南京城市职业学院毕业设计说明书15附录. 代码““) ThenMM_newQS = “?“For Each Item In Request.QueryStringIf (Item 1) Then MM_newQS = MM_newQS 南京城市职业学院毕业设计说明书22首页中国美食中国台湾美食日本美食韩国美食“登录亚洲美食用户名:南京城市职业学院毕业设计说明书23密 码:注册用户信息欢迎用户登录南京城市职业学院毕业设计说明书24“注销后台管理美食动态0) AND (Not Recordset2.EOF))startrw = endrw + 1endrw = endrw + numberColumns%南京城市职业学院毕业设计说明书25“ alt=““ width=“80“ height=“80“ /亚洲美食注册欢迎您加入亚洲美食网“用户名:密码:密码确认:性别:男女年龄:邮箱:function a(){if (form2.usepass.value!=form2.usepass1.value){南京城市职业学院毕业设计说明书28alert (“两次密码输入不符“)return false}if (form2.usename.value==““){alert (“用户名必须填写“)return false}}亚洲美食网 本网站只用于毕业设计南京城市职业学院毕业设计说明书29设计者:XXX XXX南京城市职业学院毕业设计说明书30
展开阅读全文
  微传网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
0条评论

还可以输入200字符

暂无评论,赶快抢占沙发吧。

关于本文
本文标题:网页美工毕业设计论文 美食网站.doc
链接地址:https://www.weizhuannet.com/p-9852701.html
微传网是一个办公文档、学习资料下载的在线文档分享平台!

网站资源均来自网络,如有侵权,请联系客服删除!

 网站客服QQ:80879498  会员QQ群:727456886

copyright@ 2018-2028 微传网络工作室版权所有

     经营许可证编号:冀ICP备18006529号-1 ,公安局备案号:13028102000124

收起
展开