徽州美食网站的设计优质毕业设计.doc

毕业论文（设计）论文题目： 徽州美食网站设计 院（系部）： 计算机科学技术系 专业名称： 计算机网络专业 研究方向： 网页网站 目录内容摘要3 绪论一、网页（一）网页设计背景 4（二）网页设计概述 5二、设计语言及软件介绍（一）HTML语言介绍5（二）Dreamweaver介绍5三、设计思绪及步骤（一）设计思想6（二)需求分析6（三)设计步骤6四、设计实现（一）网站主页面设计.18（二）菜谱大全界面设计：21（三）健康资讯界面设计：23（四）健脑饮食界面设计:25（五）美食团购界面设计：28（六）食材百科界面设计：29（七）母婴饮食界面设计31（八）美容饮食界面设计：32结论展望33参考文件34内容摘要二十一世纪是一个信息化时代。伴随网络信息飞速发展，网络传媒以被越来越多企业看好，而网站就是传媒很好一个方法，现在有很多企业全部在开发属于自己网站，所以研究网站建设是很有必需。本文关键概述了建设一个网站具体过程。包含设计思绪、设计步骤和最终设计实现。有文本应用、创建图像页面、使用CSS修饰网页、创建多媒体网页、利用表单对象创建表单文件、网页连接应用、创建框架页面、使用javaScript行为创建动态效果、关键使用设计语言是HTML。本文还考虑到了软件工程在程序设计中应用，软件工程认为软件开发和多种市场活动亲密相关，所以编写软件时不能脱离软件需求。Dreamweaver也是本文研究关键对象。本文利用Dreamweaver和对应网站开发软件，叙述了网站前后台设计，并对其功效进行了叙述，实现了整个网站功效使用。经过对整个网站设计，说明了在制作过程中碰到常见问题处理方法。【关键字】网络传媒网站 HTML Dreamweaver 绪论网页网站应用网页设计是多年来兴起设计领域，是继报纸、广播、电视以后又一全新设计媒体。伴随计算机广泛普及，计算机网络也得到了飞速发展，现在网络这个平台让大家感觉一切全部越来越简单，也逐步越来越方面了，慢慢地伴随互联网猛速发展，大家生活和学习似乎离不开网络。因为Internet这个大平台是实现网络资源共享资源库，那么依据它发展历程和现在应用情况和发展趋势，我们能够充足相信网络技术将会极大改善我们生活和工作方法，甚至抽象了解为可能连社会价值观也会发生一定改变。比如说，在最近网络猛速发展过程中，越来越多民间团体、企机关全部纷纷在网上自立门户，这其中最迫切想得到外界了解和认可无疑是那些大小商家们，对她们而言，网络就像一座取之不尽用之不竭天然宝藏，其中蕴藏着无穷机遇和财富，而且不管是企业网站还是个人网站，多种大型门户网站，全部如雨后春笋般层层蓬勃发展壮大起来，这么一来就更深入使这么互联网业展现出绚烂多彩发展局面。我设计毕业论文题目是徽州美食网站设计和实现，包含网站概要设计，关键功效模块，具体功效和具体设计，最终是结论和展望，总结这次毕业设计收获和心得。一、网页（一）网页设计背景伴随二十一世纪到来，大家更深切地感受到计算机在生活和工作中作用越来越关键，越来越多职业需要含有计算机应用技能。掌握计算机是职业需要，更是事业发展需要。网页设计和制作是计算机能力具体表现，而一个网站也是一家企业不可缺乏一部分。对于我们来说必需要掌握网页设计相关知识（二）网页设计概述 网站是企业向用户和网民提供信息（包含产品和服务）一个方法，是企业开展电子商务基础设施和信息平台，离开网站（或只是利用第三方网站）去谈电子商务是不可能。企业网址被称为“网络商标”，也是企业无形资产组成部分，而网站是Internet上宣传和反应企业形象和文化关键窗口二、设计语言及软件介绍（一）HTML语言介绍超文本标识语言，即HTML（Hypertext Markup Language），是用于描述网页文档一个标识语言。是标准通用标识下一个应用，也是一个规范，一个标准，它经过标识符号来标识要显示网页中各个部分。网页文件本身是一个文本文件，经过在文本文件中添加标识符，能够告诉浏览器怎样显示其中内容（如：文字怎样处理，画面怎样安排，图片怎样显示等）。浏览器按次序阅读网页文件，然后依据标识符解释和显示其标识内容，对书写犯错标识将不指出其错误，且不停止其解释实施过程，编制者只能经过显示效果来分析犯错原因和犯错部位。(二）Dreamweaver介绍Dreamweaver是一个可视化网页设计和网站管理工具，支持最新Web技术，包含HTML检验、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、全局查找替换、全FTP 功效、处理Flash和Shockwave等富媒体格式和动态HTML、基于团体Web创作。在编辑上你能够选择可视化方法或你喜爱源码编辑方法。三、设计思绪及步骤（一） 设计思想1、网站内容要丰富齐全，需要包含一个主页面和七个子页面，子页面包含“菜谱大全”、“健康资讯”、“健脑饮食”、“美食团购”、“食材百科”、“母婴饮食”、“美容饮食”。2、主页面采取DIV+CSS和表格混合设计，特效有横幅下拉特效，图片切换特效。另外注册和登录采取数据库技术，能够简单实现，其它还有导航，超级链接，页脚设计等等。3、子页面能够简单采取表格制作，页面要整齐简单，一目了然。用到图片、素材要经过Photoshop加工、改造。4、登录页面和后台管理页面等等（二）需求分析经过市场、网上调查和自己对网页网站建立了解，一个网站应该有以下内容需要：1、 网站前台:网站前台关键是用户浏览本商城网站所得到部分信息，它包含：网站首页，网站导航，网站公告，用户登录、注册，和商品搜索模块信息显示功效。前台模块功效网站公告：用户对网站最新公告了解 用户注册：新用户注册用户登录：已注册用户登录网站浏览信息2、网站后台后台管理页面是商城管理员对整个网站管理，其要求实现：商城产品管理，商城公告管理等多个模块功效。（三）设计步骤网站设计步骤以下：1、 需求分析：依据实际需要设计相关功效模块，并依据此分析给出合理、满足要求设计思绪。2、 搜集材料：搜集网站可能用到图片、文字等等，从图书、报纸、光盘、多媒体上得来，也从互联网上搜集。3、 设计效果图：利用了photoshop工具等使用图像处理软件设计出最终效果图，依据需要进行修改，直到满意为止。4、 网站具体建设：设计视图中设计Web页面外观，设置控件相关属性。5、 调试、优化和公布网站。四、设计实现（一）网站主页面设计：主页面关键制作和设计，包含LOGO，横幅，网站导航，首页分导航、超级链接、FLASH+JS图片切换，页脚设计等。设计效果以下：关键源代码：无标题文档0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.forms.length;i+) x=d.formsin; for(i=0;!x&d.layers&id.layers.length;i+) x=MM_findObj(n,d.layersi.document); if(!x & d.getElementById) x=d.getElementById(n); return x;function MM_showHideLayers() /v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i 返回首页   设成首页 意见反馈 徽州美食网站 首页 家常菜谱 美容菜谱 营养搭配菜谱 菜谱大全 营养常识 营养健康 营养手册 健康资讯 相册 随拍 健脑饮食 美食团购 食材百科 母婴饮食 美容饮食 /焦点var xmlData=近期活动images/59045.jpg 菠菜美食精选images/63797.jpg家常菜菜谱专题食谱images/07664.jpg12鲜肉images/09188.jpg土豆images/1.jpgimages/88480.jpgimages/93291.jpgimages/47593.jpgimages/61998.jpgimages/71442.jpgimages/41464.gifimages/58248.gifimages/71442.gif牛奶images/70031.jpg让口水飞images/12724.jpgimages/22547a33126743d9a69_765048.jpgimages/05731.jpgimages/26198.jpgimages/88480.jpgimages/93291.jpgimages/47593.jpgimages/61998.jpgimages/64153.jpgimages/41464.gifimages/58248.gifimages/71442.gifimages/70031.jpg让口水飞images/12724.jpgimages/22547a33126743d9a69_765048.jpgimages/44541.jpgimages/47593.jpgimages/61998.jpgimages/64153.jpgimages/41464.gifimages/58248.gifimages/71442.gifimages/70031.jpg让口水飞images/1.jpgimages/1.jpg本周主打images/68518.jpgimages/41464.gifimages/58248.gifimages/71442.gif牛奶images/70031.jpg让口水飞images/12724.jpgimages/22547a33126743d9a69_765048.jpgimages/75516.jpgimages/70031.jpg让口水飞images/12724.jpgimages/1.jpg;var flashvars = xmlData:xmlData;var params = menu:false,wmode:transparent;var attributes = ;（二）菜谱大全界面设计：设计效果以下：关键源代码： 返回首页   设成首页 a href=