毕业设计（论文）-徽州饮食文化网的设计与实现.doc

重庆邮电大学高等函授专科毕业设计（论文）设计（论文）题目： 徽州饮食文化网的设计与实现 入学年月 2011年3月 姓 名 学 号 专 业 计算机信息管理 所属科站 重庆新华电脑学校 指导教师 完成日期 2012 年 6 月 20 日重庆邮电大学高等函授毕业设计（专科）任务书第1页/共2页姓名陈正燕学号11800303专业计算机信息管理所属站重庆新华电脑学校工作单位重庆新华电脑学校电话通信地址重庆沙坪坝凤鸣山8号e-mail地址设计（或论文）题目徽州饮食文化网的设计与实现指导教师、指导教师组组长及成员姓名职 称工作单位及所从事专业李凤雯中级重庆新华电脑学校，网站开发专业方向、基本理论、技术要求及设计（论文）内容纲要专业方向： 网站开发技术要求：1、运行环境window server 2003 + iis 6.0；2、采用b/s结构；设计内容：1、可对系统用户信息进行管理； 3、可对地方最近的一些动态的了解；4、可对浏览者的旅行进行网上订购；5、实现浏览者对地方的了解；6、可对当地的饮食和旅游景点进行查询；7、实现打印功能； 8、具有良好的帮助环境；9、软件作品界面简洁大方，操作简单，有较好的交互性。论文内容：毕业论文要求论点突出、条理清楚、论据充分、内容实际、格式规范，所针对的题目应具有一定的广泛性和实用性，结论明确。论文的内容纲要应符合以下要求：1、摘要：以浓缩的形式概括课题的内容，中文摘要在500字左右。 2、目录：目录按三级标题编制，要求标题层次清晰，题文一致。 3、正文：毕业论文正文包括前言、主体和结论。要求正文字数不少于10000字。正文主体部分应按照软件工程的思想进行论述。 4、结束语：对导师和给予指导或协助完成毕业论文（设计）工作的组织和个人表示感谢。文字要简捷、实事求是。5、参考文献：文献条目只要包括三个部分：作者、标题和出版信息。数量5-10本。6、附录：是一些不宜放在正文中，但有参考价值的内容。本人在该设计中具体完成的工作1.完成调研和资料收集。2.完成徽州饮食文化网的分析、设计、实现和测试。3.完成论文的撰写。主要参考文献、资料：周陟.网页设计解析.清华大学出版社,2009年张勇强.平面创意设计指南系列网页美工.化学工业出版社, 2007年 要求完成报告书的时间：2012年5月15日审批意见 函授站 （盖章）年 月 日审批意见重邮成教院（盖章） 年 月 日注：第2页/共2页；本表由指导教师填写一式三份。重庆邮电大学高等函授毕业设计（专科）评定表姓 名陈正燕学号11800303 专业计算机信息管理所属站重庆新华电脑学校设计（或论文）题目徽州饮食文化网的设计与实现毕业设计（或论文）的评语：指导教师（签名） 年 月 日备 注重庆邮电大学高等函授毕业设计(专科) 评阅意见表毕业论文题目徽州饮食文化网的设计与实现评 价 项 目得分选题质量01选题符合专业培养目标，体现综合训练基本要求选题综合得分（共10分）：02题目难易度03题目工作量04理论意义或实际价值能力水平05查阅文献资料能力能力水平综合得分（共50分）：06综合运用知识能力07研究方案的设计能力08研究方法和手段的运用能力成果质量09文题相符论文成果综合得分（共40分）：10写作水平11写作规范12篇幅评阅人评定成绩（共100分） 评阅人： 重庆邮电大学高等函授毕业设计成绩总评表姓名陈正燕学号11800303专业计算机信息管理所 属 站重庆新华电脑学校设计（或论文）题目徽州饮食文化网的设计与实现毕业设计指导委员会意见： 根据毕业设计指导教师和评阅教师意见，经成人教育学院高等函授毕业设计指导委员会认真评定，该学员的毕业设计总评（四级评分制）成绩为： 毕业设计指导委员会主任： 年 月 日【摘要】随着网络技术的迅猛发展, 当代企业纷纷建立自己的网站,借助于互联网扩大自己的影响、推广自己的产品,同时通过互联网快速的信息传递加速自身的发展。因此我选择将地方文化网站的设计以及前台网页的设计制作作为我的项目。网络应用正在深入，网络营销知识在普及，越来越多企业老总、管理人员意识到：一个一、两年没更新过的网站，以及一个做得精美但没有多少人知道的网站，完全是在浪费资源。“信息化”原来并非一次性投资建一个网站那么简单，更重要的工作在于网站建成后的长期更新与推广过程。重点项目主要指搜索引擎推广、网络广告。国内搜索引擎和网络广告的业务开展都力推代理制，可以在网站上找到它们在各地区的授权代理商，有时候，通过代理的价格比媒体网站自己的对外报价还低。本论文所研究的是如何建设一个符合大众化要求的地方文化网站，本论文所提出的方案是采用现在比较流行的asp技术配合网页三剑客（dreamweaver、fireworks、flash）、photoshop、html等制作工具来设计和建设一个地方文化网站。该系统的基本功能有公司的简介、饮食文化、在线留言等等来设计。【关键词】饮食文化 网页设计 功能模块目 录前 言1第一章 企业网站建设方案2第一节 建立网站的必要性和可行性2一、建立网站的必要性2二、可行性分析3第二节 企业网站建站目的3第三节 网站设计需求4一、课题来源及意义4二、系统基本达到的目标及结论4三、需求分析结果5第四节 企业网站设计原则5一、目的性6二、专业性6三、实用性6四、层次性6五、一致性6第五节 网站架设步骤7第六节 网站建设流程8第二章 开发工具的选择和介绍19第一节 html语言19一、html语言介绍19二、图象标记21三、表单标记21第二节 网页三剑客23一、flash23二、fireworks23三、dreamweaver24第三节 iis服务器25第三章 网页的界面设计27第一节 网站设计原则27第二节 设计风格28第三节 网页界面构成要素28第四节 网页的色彩搭配29第五节 网页的整体造型30第四章 企业网站功能模块的实现31第一节 导航的实现31一、网站首页31二、企业介绍32三、最新动态33四、产品手册34五、旅游景点35六、网上预订36七、联系我们和在线留言37第二节 企业网站的搭配方式39一、注重企业网站色彩的和谐搭配及统一39二、注重企业网站内容建设39三、注重企业网站下载速度40第五章 网站开发的后续工作41第一节 兼容性测试41第二节 网站的发布41第三节 网站的维护42结 论33结束语34参考文献35附录一：头部文件代码36附录二：底部文件代码37附录三：css文件38前 言企业网站是一个企业不可缺少的部分，它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布。拓宽顾客市场，增加企业与客户之间的联系，缩短二者之间的距离。提高企业知名度，为企业今后的业务发展开辟一个良好的社会环境。它的内容对于企业来说至关重要,企业概况、企业论谈、企业特色服务、最新企业新闻动态等部分应该能够为用户提供充足的信息。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。这些优点能够极大地提高了企业网站的效率,也是企业走向科学化、信息化与世界接轨的重要条件。中国已进入温饱问题基本得到解决的小康社会，人们对食物的要求越来越高，不仅仅局限于能吃饱就好，越来越多人在追求更多的美食。徽州菜历经千余年而形成和发展，以其独特风味自成一体，是徽州人民经过长期的积累、改进而形成的地方美食，享誉世界。作为土生土长的徽州人，徽州菜一直是我们的骄傲，不管到任何地方都会想念家乡那熟悉的味道。潮州虽然只是个粤东小城市，但在悠久传统文化的熏陶下，蕴含丰富的人文底蕴及浓郁的地方特色的潮州菜系早就受到全国甚至全世界的认可。迅猛发展并日益成熟的互联网已经影响到我们生活的方方面面。人们真真切切的体会到了网络带给大家的便捷，互联网也以其独有的优势快速地渗透到越来越多的传统领域。徽州悠久的饮食文化、推陈出新的美食特色、种类多样的选择无疑可以在互联网上“大展拳脚”，在网上推广徽州美食，详述各种美食做法必定可以受到徽菜爱好者们的追捧。近年来，已出现不少网站对徽菜进行普及宣传，提供大量美食信息，介绍徽州菜系和小吃的饮食文化、饮食习俗、饮食习惯等，具有一定的可读性和趣味性。开发此网站，目的在于尽可能详细地展示、介绍各种美食信息，同时提供美食爱好者一个交流的平台，使得更多的美食传统做法得到推广，也可激发更多美食创意的产生。1第一章 企业网站建设方案第一节 建立网站的必要性和可行性一、建立网站的必要性二十一世纪进入信息发展高速路，数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及，企业纷纷建立自己所需的网站应运而生，一切都归功于internet的巨大贡献，互联网的世界里蕴藏无限生机，这里只有想不到的、没有做不到的。由于国际互联网是一个不受时空限制的信息交换系统，所以它是目前最直接、最丰富和最快捷的联系方式，信息沟通的高效率为企业带来了最大的方便。所以在现今社会对于一个企业来说，网站已经是不可缺少的一部分了。而我们做网站不是为了赶一时的潮流或是博取一个好听的名声才做的，只有把网络技术同企业管理体系、工作流程和商务动作实现紧密地集成，才能真正发挥企业网站的作用。一个企业建网的最终目的和它的经营目的应该是一致的，就是通过企业网站来降低企业的管理成本和交易成本以及通过开展商业活动来获得更多的利润。明确了这一目标，才能正确地经营这个网站，并使其为企业服务。在此，我们应结合企业的现状与网站未来发展方向，为企业度身定做一套符合自己需求的网站建设方案。随着全球信息向网络化方向发展，internet（因特网）在世界上已不再单纯是一种技术，更主要的是 internet已成为一种新的经营模式，从4c （connection、communication、commerce & co-operation）层次上彻底改变了人类的工作、生活、学习和娱乐方式，已成为国家经济和区域性经济增长的主要动力,internet正成为世界最大的公共资料库。它包容着数不清的信息资源，任何最新的信息都可以通过网络搜寻迅速获得，更重要的是，大部分信息都是免费的。企业网站的建设，可以使企业得到以前无法获得的商业资源，真是商机无限，在激烈的市场竞争中领先对手。二、可行性分析1、社会可行性本网站的开发符合国家法律法规，能健康独立的运行，操作使用方便，能免费提供大量潮州美食信息，用户通过本平台不仅可以查阅到自己需要的信息资源，还能进行评论和交流，满足不同地方的美食爱好者的需求。2、技术可行性就技术层面而言，此美食网站开发基于b/s模式，拟建的方案较为成熟，技术难度不大。主要包括前端应用程序以及后台数据库的建立和维护，前者要求具备功能完善、方便使用等特点，而后者则要求能够建立数据一致性和完整性强，安全性好的库。网站使用的access数据库、asp开发语言作为开发工具，iis作为eb服务器，这些都已经是目前十分成熟的技术，应用数量日益增多。同时，大学四年所学习的专业知识使我在一定程度上具备了开发这一网站的能力，现有的计算机设备也完全可满足此次开发的需要。3、经济可行性本美食网站设计与开发所要求的硬件（计算机及相关硬件）和软件（dreamweaver + accsess + iis 等）均在市面上易于购买或可直接从网上下载并免费使用，不需要再花费大量的资金去购买高成本的设备，大大提高了在设计过程中的工作效率。网站的主要成本主要集中在开发过程及后期维护上，开发周期短，人员经济支出不大，对用户不会造成过重经济负担。且投入使用后，可通过招商广告版面等方式收取费用，以应付日常必要开支甚至盈利，因此，本系统在经济上是可行的。第二节 企业网站建站目的形象展示：树立企业形象，展示企业实力，宣传企业文化，建立企业品牌。 产品展示：发布产品信息，提供产品详细技术参数。 信息发布：及时发布企业信息，产品动态。 联系企业：为客户提供在线联系企业，解答客户疑问，提供与客户信息交流的渠道。 人员招聘：发布集团各企业招聘信息。第三节 网站设计需求一、课题来源及意义信息产业的发展，促使相关技术也得到相应的发展。电子商务作为未来商务、流通等领域的热门从1999年开始也得到飞速发展，而基于网上的网站建设、网页制作和发布也得到了重视。建立美食网站的好处： 可以利用网站及时得到客户的反馈信息。 可以降低通信费用。 可以与潜在客户建立商业联系。 可以与客户保持密切联系。 可以全面详细地介绍美食及其制作方法。二、系统基本达到的目标及结论在线美食网主要实现以下目标： 系统架构清晰、界面友好美观。 动态式信息发布：为充分展现网站的时实性，在线美食网采用动态网页技术实现内容发布。 提供多种信息搜索方式，用户可根据需要方便、快捷地查找到所需信息。 采用地图查询名店信息方便直观。 提供用户留言板，增强网站的互动性。三、需求分析结果 树立企业形象 吸引更多的客户 为现有的客户提供更有效的服务 保持市场的领先地位 提高管理效率 开发新的商业机会 建立完善的售后服务系统图1.1前台信息第四节 企业网站设计原则企业网站的建设是有一定的原则的,下面就这些原则来谈谈企业网站的建设。一、目的性任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。二、专业性 网站的信息内容应该充分展现企业的专业特性，对外介绍企业自身，最主要的目的是向外界介绍企业的业务范围、性质和实力，从而创造更多的商机。三、实用性网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合浏览者对网上银行网站的需求也不是银行的优势，这样的功能服务提供不但会削弱浏览者对网站的整体印象，还浪费了企业的资源投入，有弊无利。四、层次性条理清晰的结构，表现为网站的板块划分的合理性，信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在3-5步以内，不得不需要更多的步骤的时应该有明确的提示。五、一致性 页面整体设计风格的一致性：整体页面布局和用图用色风格前后一致。 界面元素的命名的一致性：同样的元素应该用同样的命名；同类元素命名满足一致性，做到即使某个元素的表述不清楚也能从上下文推断其义。 功能一致性：完成同样的功能应该尽量使用同样的元素。 元素风格一致性：界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。 第五节 网站架设步骤 针对企业发展方向及战略部署计划对网站进行规划，以实现良好的运行，实现网站架设目标。一般网站设计大体包含分两个方面：第一：网站信息布局网站的主体信息结构及布局，它是总体网站的框架，所有的内容信息都会以此为依据进行布局，清晰明了的布局会使浏览者能方便快捷地取得所需信息。第二：网站页面制作先进技术应用这是一个成功网站所不可缺少的重要部分，中国企业网在这方面有着非常雄厚的实力，能为我们寻找友好的合作伙伴。 网站的内容必须要生动活泼，网站的整体风格创意设计，才能吸引浏览者停留，我们采用现今网络上最流行的css，flash，javascript等技术进行网站的静态和动态页面设计，动态的按钮，活动的小图标，优美协调的色彩配以悦耳的背景音乐，将会使浏览者留下深刻的印象。 网站的某些适当的位置摆放一些动态的小图案，在保证浏览速度的情况下，在网站各栏目之间加入适量的动态的连接，网站的互动性会大加强。 应根据企业的各种产品的特性，配合整个网站本身的设计风格对每个系列的产品进行网上的重新包装设计，务求达到展现企业的品牌形象。 flash是现时网络上最欢迎的网络技术，作为一种可以用在互联网上动态的、可互动的shockwave,它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。用flash制作的动画，还可以加入很cool、很有感染力的音乐。这样就能生成多媒体的图形和界面，而且使文件的体积很小。另外，网页的信息中，除了小图标，banner，按钮之外，还有大量的文字和图象，需要处理，cgi、图片和文字支持是不可缺少的部分，我们先进设备和认真的工作态度一定能制作出令你满意的网站。第六节 网站建设流程 了解企业的最真实的需求，为该企业提供专业的策划方案； 根据该企业名称、行业特点、地域等相关信息策划域名构成； 确定网站建设内容、网站结构、应用系统、规模等； 进行资料收集、上传所需要的文档； 网站风格策划、网页设计、内容整理、图片处理、文字录入； 设计完成网站初稿，提供给老师检查并提出修改意见和建议； 根据毕业设计要求和老师建议对网站进行修改和调整； 网站上传，网站正式开放发布； 网站维护和推广。14第二章 开发工具的选择和介绍第一节 html语言一、html语言介绍html（hypertextmark-uplanguage）即超文本标记语言，是www的描述语言。html 是在 sgml 定义下的一个描述性语言，或可说 html 是 sgml 的一个应用程式，html 不是程式语言，它只是标示语言。1、主要特点设计html语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。只需使用鼠标在某一文档中点取一个图标，internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 html文本是由html命令组成的描述性文本，html命令可以说明文字、图形、动画、声音、表格、链接等。html的结构包括头部（head）、主体（body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。另外，html是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。也许你听说过许多可以编辑网页的软件，事实上，你不需要用任何专门的软件来建立html页面；你所需要的只是一个文字处理器（如mcrosoftword记事本写字板等等）以及html的工作常识。其实你很快就会发现,基础的html语言很容易。2、基本结构一个html文档是由一系列的元素和标签组成.元素名不区分大小写.html用标签来规定元素的属性和它在文件中的位置。html超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 下面是一个最基本的html文档的代码:11.html - 开始标签 - 一个简单的html示例 | 头部标签 - - | 欢迎光临我的主页 | | | 文件主体 | 这是我第一次做主页 | | | - - 结尾标签 在文档的最外层， 文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（html）编写的。事实上，现在常用的web浏览器都可以自动识别html文档，并不要求有 标签，也不对该标签进行任何操作，但是为了使html文档能够适应不断变化的web浏览器，还是应该养成不省略这对标签的良好习惯。 是html文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，良好的习惯是不省略。 和是嵌套在头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。上面的这几对标签在文档中都是唯一的，head标签和body标签是嵌套在html标签中的。二、图象标记1、链入图象的基本语法 #=图象的 url#=在浏览器尚未完全读入图象时，在图象位置显示的文字。2、图象和文字的对齐img align=# #=top, middle, bottom my face!3、边框 #=value三、表单标记1、表单的基本语法. . 2、文字输入和密码输入您的姓名: 您的主页的网址: 密码: 3、复选框(checkbox) 和单选框(radiobutton)bananaappleorange4、列表框(selectable menu) banana apple orange peach第二节 网页三剑客dreamweaver，fireworks，flash被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档之一。一、flashflash的基本界面及操作如图2.1所示。图2.1flash的基本界面图中是工具面版。这里要注意的就是颜色，这里的颜色定义有两个，则是区块颜色和边框颜色。这个面版叫时间轴面版，左边是图层。右边则是控制动画的时间轴了。我们称作舞台，也就是我们所作的对象都是在这里出现，我们也可以叫它画布。这两个就是颜色属性和一些其他的属性，都是浮动的面版。二、fireworks fireworks的工作界面如图2.2所示。图2.2 fireworks 的基本界面fireworks的工作界面由“菜单栏”、“工具栏”、“工作区”、“工具条”、“组合面板”和“属性框”六个部分组成。三、dreamweaver dreamweaver工作区界面如图2-3所示。标记的文档窗口、可对接的面板组、可自定义的工具条和集成的文件浏览将直观的工作区呈现在我们眼前。图2.3 dreamweaver 的基本界面第三节 iis服务器iis的配置。我们可以建立一个新站点。一个web站点实际上是iis服务器上的一个目录，并且该目录的访问权限由iis控制。安装好web服务器后，它将在系统中自动建立一个默认web站点，用户可以直接使用这个站点发布网页。默认情况下，iis将它的根目录设置到c:inetpubwwwroot下，也可以另外建立其他的站点使用。internet信息服务管理控制台所图2.4所示。图2.4internet信息服务管理控制台 在开始菜单中选“程序管理工具internet服务管理器”，打开管理控制台。 用鼠标右键单击默认网站，在弹出的菜单中选择“属性”。在“web站点”的“ip地址”栏内输入或选择一个有效的ip地址作为此站点的地址。设置想要使用的tcp端口号，如80。 在“主目录”选项卡的“本地路径”中填写“c:inetpubwwwroot”。如果不想使用默认的路径，则可以先在c盘或者是其他盘上建立一实际目录，如在d盘上建立d:stuaspplus目录，然后通过“浏览”选择该目录，即可建立自己的站点。 在“文档”选项卡，修改浏览器默认调用的文件名及调用顺序，如图2-8所示。图2.5 “文档”选项卡的设置 建立虚拟目录。在internet信息服务文件夹下右击默认站点，选择“新建”“虚拟目录”，弹出虚拟目录创建向导，单击“下一步”按钮，在弹出对话框的别名处键入wwwroot，如果是用新建立的站点，就输入该站点名称，如stuaspplus。再单击“浏览”按钮，选择c:inetpubwwwroot。单击“下一步”后采用默认设置，按向导提示单击“下一步”就可以完成虚拟目录的设置。 如果采用windows 98操作系统，那么其配置如下：windows 98+pws。若是windows xp或windows 2003，则配置如下：windows xp+iis、windows 2003+iis，但这种配置较少采用。因为xp对iis不是完全兼容支持，有些功能配合得不够完美。所以我们推荐使用windows 2000+iis5这对组合，因为windows 2000是相对比较稳定的系统，对于服务器网络方面微软投入得较多，比较适合做为服务第三章 网页的界面设计第一节 网站设计原则 网页内容要易读网站设计最重要的诀窍，恐怕就是你的网页要易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。 网站导航要清晰所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向 。 网页风格要统一你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。 页面容量要较小有研究显示，如果一个网站页面的主体在15秒之内显现不出来，访客会很快失去对该站的兴趣。如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。要限定页面的大小，就得从各个角度考虑节省 。最大的一头是图像，有的好东西，只得割爱了。 页面内容要新颖网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。 放眼望去，网上的许多个人主页简直就是杂货店，内容包罗万象,题材千篇一律，人人都是软件下载,个个都有网络导航，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。第二节 设计风格我的文化饮食网主要是用的棕色和黄色为主题色，背景的花纹是代表中国古代的一种象征，还有祥云的文化概念在中国具有上千年的时间跨度，是具有代表性的中国文化符号 传达热情喜庆、祥和内在的文化内涵。头部上面还有一副水墨画，中国水墨画是中华民族文化的重要组成部分,有自己独立的绘画美学体系,在世界绘画艺术中,代表着东方而独树一帜。从中国水墨画的本质看,注重的是主体的内在精神,追求的是一种气与韵、神与形和情与物的统一。加上在中国山水画的认识方法上注重“格物致知”的自觉;在中国水墨画的创作过程中注重的是“默识”和“神会”;在中国水墨画的艺术表现上注重“意致”;而在中国山水画中最重要的追求是“风气韵度”,其核心是“气韵”。画论中的“气韵”与中国水墨画的古代传统是分不开的,从东晋南朝、隋、唐、五代、两宋、元、明、清到近现代传统都把“气韵”放在重要位置甚至首位。中国水墨画绘画的气韵作用远远超过了塑造形体的要求,成为表达画家的意念、思想、感情的手段。第三节 网页界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说，网页的界面主要由下面几个因素构成： 文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。 图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。 页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。 多媒体：网页构成中的多媒体元素主要包括音频、视频和动画。这些是界面构成中最吸引人的元素 。 技术：网页的技术要素并非任何情况下在网页中都能直观体现，但是却代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。第四节 网页的色彩搭配打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。在色彩搭配中一般遵循下述一些原则： 特色鲜明：一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。 搭配合理：网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。 讲究艺术性：网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身特点的同时，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站。在设计本网站时主要考虑的因素是要能让用户浏览过之后，以后还会再登陆该网站，因此用了朴素、大方、简洁、和谐的设计原则。第五节 网页的整体造型网页的整体造型在整个制作中至关重要，一个杂乱无章的网页，给人第一印象极差的网页，用户访问过之后是不会再访问的。在制作本网页时，主要以学校主页界面形式作为参考，因为它看上去比较柔和、简洁、和谐，给用户清新的感觉。造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表正式，规则，注意到很多icp和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。制作中主要采用dreamweaver作为主要制作工具，其中插入了gif动画，还用了photoshop处理其中图片，这样能使网页更加生动。第四章 企业网站功能模块的实现本网站是一个功能比较齐全的企业网站，包括企业简介、产品展示、企业荣誉、人才招聘、信息反馈、客户服务等。本章重点介绍以下几个部分。第一节 导航的实现一、网站首页网站首页体现的是一个网站的门面，也显示了企业的一些相关的消息，是网站设计中比较重要的一部分，它以网站综合平台的形式展示整个企业网站各部分的主体内容，是整个网站的导航，能够让浏览者在第一时间内领略到企业特色所在。我的徽州文化网的首页主要是针对饮食文化、联系信息、和地址等的一些大概的描述，通过首页浏览者就可以大概的了解到了我们这个徽州文化的多样性和特色所在，在首页下面右边和左边分别布了三个div，如图4.1，在右边分别是最新动态、关于老汤口和产品展示，在最新动态里面是关于徽州最近的一些动态，展现出来的方式是。关于老汤口的一个div中还分了两个div，在第二个div中又分了连个div，一个在左边，一个在右边，左边的div是用来展现地理位置的，而右边的div就是对徽州的介绍。右边的最后一个div是产品展示，但是在这里我没有做，不过这个的作用是展现当地的最新最好的产品。右边的主要是有联系方式、饮食文化和旅游景点。联系方式是浏览者的更方便的和商家沟通，饮食文化是介绍每种食物的来源和意义。旅游景点是介绍当地的景点，饮食文化和旅游景点都是用的列表。主要布局可以从图可以看出。首页是指一个网站的主索引页，是令访客了解网站概貌并引导其调阅重点内容的向导。首页设计要求在保障整体感的前提下，根据大多数人的阅读习惯以色彩、线条、图片等要素将导航条、各功能区以及内容区进行分隔。首页设计采用客户的既定标准色，注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标。 图4.1 首页展示二、企业介绍主要介绍企业的背景，经营项目，荣誉资质，最新动态等。让浏览者能够直接清楚的了解企业的基本情况，便于树立企业形象。那么我所做的这个徽州饮食文化网的企业介绍除了对饮食的大概描述之外，还对当地景点进行了提出，这样让浏览者更能感受到我们的体贴。我们还具体介绍了当地的特产食物的制作背景进行了阐述，让浏览者放心。而且在右边的还有一个站内搜索，主要是对本站的一些信息的搜索，在搜索框的旁边有一个分类，这样可以缩小范围。图4.2 企业介绍三、最新动态主要介绍公司最新的新闻、热点推荐、公司动态和业界动态，让浏览者了解企业的最新情况，了解企业在整个行业中的情况，在整个行业中所处的位置。而且我们在左边做了一个热点推荐，这样不会让浏览者太伤神的去想这些都是新品到底应该怎么样选择最好的。而图片新闻是介绍当地的最新的一些新闻，选择图片可以让人的视觉得到冲击，可以吸引人的眼球，公司动态是最近的公司有什么变动和新的信息的发布，可一在这里查询。业界动态是了解这个文化网的一些业绩，和一些浏览者了解这个行业的介绍，这样可以让浏览者的安心，在最新动态里可以让一些浏览者在这里发现一些新奇的东西，这本是传统的文化食品，而对于最新的动态大家都很比较注重。而这个最新动态，除了给浏览者安心，而且可以对自己的新食品进行宣传，这样对商家和顾客都有一个好的作用。图4.3 最新动态四、产品手册主要是产品的展示，展示企业最新的产品，浏览者只要点击产品，就可以看到产品的详细介绍以及清楚的图片，方便浏览者更清楚的了解该企业的产品。主要是先是一系列的列表，当你点击其中你心意的菜的列表后就会是当种菜的大图，这样能够清楚的了解此种食物。在这个方面布局都比较简单，没有那么多的复杂的布局，在这个手册里面对每一种菜都会有精心的介绍，包括每一菜种的原材料的介绍，这些介绍大多都会有一种典故，这种典故是一些传统的文化，让浏览者觉得商家更精心的在服务，我们做网站不只是为了宣传网站，更主要的是让浏览者感受到我们用心的程度。在产品手册这一栏主要是让顾客更能理解我们的菜种到底是怎么样的，而不是只像其他菜种一样名字好听而并不知道菜的原材料。所以产品手册可以展现所有的菜种的样式和材料。让顾客不是吃的糊涂菜。图4.4 产品手册五、旅游景点是对当地和周边的一些景点和食品的介绍和推荐，为浏览者进行分析自己想要去的地方想了解的文化。而且对景点有详细的介绍和景点的很多图片。让浏览者有更多的了解后再进行选择。在黄山风光的左上角和右下角都有一小条，这个小条可以专门给图片的一个修饰作用，也更能吸引浏览者的眼球，在导航的右边有更多内容的文字，这个一般大多数网站都具备的，因为在整个网页首先展现出来的是有名气和特征的景点，旁边的更多内容里面主要是把当地大多的景点都写了进去，让当地游客除了可以品尝到当地的饮食文化，还能够给他们提供景点信息。在周边景点里主要是对当地意外的地方的景点的介绍，这些景点除了文化之外，就是离徽州比较近，可以让浏览者有第二个地方的选择。图4.5 旅游景点六、网上预订对于一些远方的浏览者方便，像有一些优惠活动和其他什么新动态，但是浏览者不能直接到当地定制服务，就可以网上预订。方便游客，也方便了公司。在这一栏是很简单的布局，但是所填写的东西都是为了联系顾客的方式，比如公司名称、联系人的姓名、电话、所在城市、有没有什么特别注意的，点击提交就可以了，在右边还设置了一个重置按钮，