《毕业论文(目录).docx》由会员分享，可在线阅读，更多相关《毕业论文(目录).docx（26页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、湖南外贸职业学院HUNAN INTERNATIONAL BUSINESS VOCATIONAL COLLEGE毕业设计题目：蓝菲红酒网站整体建设方案设计姓 名 学 号 系 院 专业班级 指导教师 年 月 日目录蓝菲红酒网站整体建设方案设计1一、绪论1（一）系统开发背景1（二）系统目的和意义2（三）可行性分析2二、系统需求分析3（一）用户功能需求分析3（二）系统性能要求3（三）业务流程分析4三、网页总体设计4（一）系统功能模块分析4四、网页详细设计5（一）开发工具简介5（二）网页界面设计8（三）网页素材的搜集10（四）网页功能模块的实现11五、兼容性测试和维护19（一）网站的兼容性测试19（二）
2、网站的发布20（三）网站的维护20六、工作总结和展望21参考文献22致谢22本人声明我声明，本论文（设计）工作是由本人在指导老师的指导下独立完成的，在完成论文（设计）时所利用的一切资料均已在参考文献中列出。摘要迅猛发展并日益成熟的互联网已经影响到我们生活的方方面面，人们真切地体会到了网络带给大家的便捷，互联网也以其独有的优势快速地渗透到越来越多的传统领域。面对强大的互联网时代，各大企业也不失时机地借助这个渠道宣传自己，这也使人们的生活更加丰富多彩。企业网站是一个企业不可缺少的部分，它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布，拓宽顾客市场，增加企业与客户之间的联系，缩短二者之间的
3、距离，提高企业知名度，为企业今后的业务发展开辟一个良好的社会环境。关键字可行性、Dreamweaver、系统架构、HTML、兼容性测试蓝菲红酒网站整体建设方案设计蓝菲红酒网站整体建设方案设计一、绪论（一）系统开发背景商业网站作为宣传产品的一种方式在国内外都有很大的发展，同时国内外各种商业网站也各有差异，国内要求网页一定要吸引人，要让没来过的人点击，要让点击的人留下来继续浏览。总之，要想尽一切办法抢眼球。粗浅的理解，网站就是平面广告向网络延伸；深入的理解，电子商务平台或网络营销工具奇思妙想，与众不同，狼入羊圈，鹤立鸡群。国外则要求一定要方便，节约浏览者的时间；它是一种传播和沟通的工具，让商品交易
4、更便捷、更便宜、更聪明、更有效。蓝菲红酒经过多年经营，东莞市蓝菲酒业有限公司以独特、持久的“蓝菲盈利模式”得到众多合作伙伴的追随与认可，快速建立强大的 连锁加盟零售终端网络，经销网点达1000多个，触角已延伸至全国30多个省、市、自治区和直辖市。目前在中国，东莞市蓝菲酒业有限公司旗下特许连锁加盟品牌“蓝菲国际酒庄（酒窖）”实体加盟店已超过600余家。在所有“蓝菲人”的不懈努力下，蓝菲正一步步向“把蓝菲国际酒庄（酒窖）搬到中国的每一个城市”的梦想迈进。我们愿与天下有识之士真诚携手，共创辉煌明天，共创成功之路！迅猛发展并日益成熟的互联网已经影响到我们生活的方方面面。人们真真切切的体会到了网络带给大
5、家的便捷，互联网也以其独有的优势快速地渗透到越来越多的传统领域。通过互联网，人们可以了解到各种有用信息，方便了人们生活的方方面面，面对强大的互联网时代，各大企业公司也不失时机的借助这个渠道可以宣传自己，也是人们的生活更加丰富多彩。企业网站是一个企业不可缺少的部分，它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布。拓宽顾客市场，增加企业与客户之间的联系，缩短二者之间的距离。提高企业知名度，为企业今后的业务发展开辟一个良好的社会环境。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。这些优点能够极大地提高了企业网
6、站的效率,也是企业走向科学化、信息化与世界接轨的重要条件。蓝菲红酒在生活中有举足轻重的作用。设计此网页，目的在于尽可能详细地展示、介绍蓝菲红酒的信息，使更多人了解蓝菲红酒知识，了解蓝菲红酒的内涵。（二）系统目的和意义该网页主要从蓝菲红酒简介、蓝菲红酒时事、蓝菲红酒知识、蓝菲红酒会所、蓝菲红酒新闻等方面详尽介绍蓝菲红酒、蓝菲红酒知识等。用户通过这个网页可以得到他们需要购买的商品信息。同时该网页还可以让用户联系服务台，以便更好的改进维护网站。这样一方面提高了服务质量，提供了更加人性化的服务，另一方面也丰富了蓝菲红酒的服务内容，同时优化了客流。（三）可行性分析1社会可行性本网页的设计简洁明了，能健康
7、独立的运行，操作使用方便，能免费提供大量蓝菲红酒信息，用户通过本平台不仅可以查阅到自己需要的信息资源，还能及时联系服务人员，以满足不同地方的蓝菲红酒爱好者的需求。2技术可行性及技术而言，该网站采用Dreamweaver软件作为网页开发工具进行系统开发。Dreamweaver工具软件以其功能强大、使用灵活的编辑窗口，其代码和设计窗口同时并用，以及站点管理和页面设计这些特点为开发功能全面的网页创造了良好的条件。因此利用它作为开发蓝菲红酒网站的工具是完全可行的。同时，大学四年所学习的专业知识如Photoshop、flash等的应用，使我在一定程度上具备了设计网页的能力，现有的计算机设备也完全可满足此
8、次开发的需要。3经济可行性本蓝菲红酒网站设计与开发所要求的硬件（计算机及相关硬件）和软件均在市面上易于购买或可直接从网上下载并免费使用，不需要再花费大量的资金去购买高成本的设备，大大提高了在设计过程中的工作效率。网页的主要成本主要集中在开发过程及后期维护上，开发周期短，人员经济支出不大，对用户不会造成过重经济负担。且投入使用后，可通过招商广告版面等方式收取费用，以应付日常必要开支甚至盈利，因此，本系统在经济上是可行的。二、系统需求分析（一）用户功能需求分析随着蓝菲红酒的发展，蓝菲红酒越来越得到大众的认可和关注，建立蓝菲红酒网站的好处：1可以方便游客直接查询各种蓝菲红酒资料作为一般的静态网页主要
9、作用是展示用户信息量，让用户对自己想要的东西一目了然，本网页里面涉及各种蓝菲红酒资料，例如蓝菲红酒的品种，蓝菲红酒的时事、蓝菲红酒文化的起源、历史发展等，全都从消费者的角度出发，方便消费者查询。2更加直观的提供一个欣赏了解蓝菲红酒的平台本网站最大的特点是给消费者一个充分欣赏了解蓝菲红酒的平台，通过视频，动画，图片等各种图片选择各种不同类型的蓝菲红酒供消费者欣赏了解。3让人们更加深入了解蓝菲红酒文化一个物品只有经历了一定的历史沉淀才能更加有内涵，红酒从千年前都已经进入人们的生活，随之也有更多的是红酒文化的积累，不同年代的红酒文化反应了不同时代人们对红酒的欣赏了解水平，红酒文化这一栏的设置可以让人
10、们更加深入的了解红酒文化。（二）系统性能要求蓝菲红酒网页主要实现以下目标：1系统架构清晰、界面友好美观清晰地条理是一个网页成功的重要条件之一，只有清楚的展示出自己网页的线索，才能让用户在使用时准确快速地得到想要的信息。当然，界面是给人的第一感觉，界面美观与否直接影响到网页的质量，所以网页一定要实现界面友好美观。2文字图片介绍详细这个网页重要的作用是展示介绍，所以只有详细的介绍才能尽可能地完善信息。文字图片是网页必不可少的两部分，这两部分至关重要，图片文字的混搭更具有一定的效果。3提供多种信息搜索方式，用户可根据需要方便、快捷地查找到所需信息在互联网发达的今天，信息量复杂繁多，想要得到更多信息，
11、不仅局限于一个网页，还可以选择访问其他网页，友情链接到其他相关网站，给用户更多渠道来了解蓝菲红酒，方便用户。（三）业务流程分析网页主要分为8个大块，分别是：首页、蓝菲红酒、蓝菲案例、红酒时事、红酒知识、裸价招商、联系我们和新闻中心。网页结构图如1所示。图1 网页结构图三、网页总体设计主页由标准模式构建，其主色调为酒红色和白色，通过导航条的引导可以一步一步了解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。（一）系统功能模块分析1首页首页可以链接到本网站的各个主要部分，视频欣赏让人们大体了解蓝菲红酒成长过程、蓝菲红酒文化等。介绍链接到蓝菲红酒简介，蓝菲红酒的各个品种。首页的视频、
12、图片、flash动画可以充分展示出蓝菲红酒的特色，通过首页消费者可以大体了解蓝菲红酒。2蓝菲红酒蓝菲红酒品种的介绍，以及点击进去可以详细了解蓝菲红酒的其他详细信息。主要介绍了16种红酒。3蓝菲案例蓝菲案例介绍了蓝菲红酒的成长历程。4红酒时事红酒时事介绍了蓝菲红酒的新鲜、好玩的时事。5红酒知识红酒知识包括红酒的起源、简介、及历史发展。6裸价招商发展多个线上加盟店铺，更便捷地促销红酒。7联系我们文字说明联系方式。文字图片滚动展示。8新闻中心方便消费者了解更多有关蓝菲红酒的新闻资讯。四、网页详细设计（一）开发工具简介1Dreamweaver简介Dreamweaver是在网页设计与制作领域中用户最多、
13、应用最广、功能最强大的软件，随着Dreamweaver的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持CSS可视化设计、CSS检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰富的媒体支持能力等。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用Dreamw
14、eaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、ASP.NET、JSP等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。2HTML简介全称：HyperText Mark-up Language。译称：超文本标记语言。简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。主要特点：设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机
15、的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏
16、览器。基本结构：一个HTML文档是由一系列的元素和标签组成。元素名不区分大小写，HTML用标签来规定元素的属性和它在文件中的位置。HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。下面是一个最基本的html文档的代码:11.html - 开始标签 - 一个简单的HTML示例 | 头部标签 - - | 欢迎光临我的主页 | | | 文件主体 | 这是我第一次做主页 | | | - - 结尾标签 在文档的最外层，文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web
17、浏览器都可以自动识别HTML文档，并不要求有标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。 是HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的，在此标签中可以插入其它标记，用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记。和是嵌套在头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。上面的这几对标签在文档中都是唯一的，HEAD标签和BODY标签是嵌套在HTML标签中的。3技术介绍Macr
18、omedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。利用Dreamweaver可以方便地使用动态HTML功能，而不需要写一行行的代码，并且它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。当然，如果不用DW的话，同样可以制作出很好的网站来。其实，不管什么样的程序或者HTML代码，都可以直接用记事本来写，只不过Dreamweaver实现起来确实方便一些。（二）网页界面设计1网页设计原则（1）目的性任何一个网站，必须首先具有明确的目的和目标群体。该网站的对象
19、向面象游客以及广大的红酒爱好者，主要目的是为了宣传蓝菲红酒，网页的建设采用的是静态网页的展示，建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，目的明确。（2）实用性网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如，网上银行提供免费电子邮件和个人主页空间，那既不符合浏览者对网上银行网站的需求，也不是银行的优势，提供这样的功能服务不但会削弱浏览者对网站的整体印象，还浪费了企业的资源投入，有弊无利。而本网页主要是介绍蓝菲红酒，正值红酒文化节时期，人们对红酒的热情比以往更加激烈，所以这个网页可以很好地提供一个红酒的展示平台。（3）层次性条理清晰的结构，表
20、现为网站的板块划分的合理性，信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在3-5步以内，不得不需要更多的步骤的时应该有明确的提示，所以导航条起到了至关重要的作用，本网页的优点是条理清晰，缺点导航有些是图片跟踪链接，但也不影响整体效果。（4）一致性设计网页时，规划一个统一的主题与风格可以使所有的页面紧紧联系在一起，保持页面的一致性，既能强化风格定位所带来的作用，又能在浏览体验上给浏览者带来方便和顺畅。 页面整体设计风格的一致性这里采用的网页整个针对一个模板，在模板的基础上进行修改，而且每个分页面里各个小组也用同样的技术，具有很好的一致性。 界面元素的命名的一致性比如导航栏中元素
21、命名简单、明了，在各个分页面中，例如红酒品种中各品种的一致性等，每个网页的界面元素大都是导航、图片和文字。 功能一致性完成同样的功能应该尽量使用同样的元素，本网页主要以介绍为主，所以其功能就是给用户文字、图片等浏览信息，唯一不同的就是各种文字、图片展现的方式不同，有动有静。 元素风格一致性界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的，整个网页的风格都有着古典中国文化的的风格，这个应该是背景图片给人的感觉。2网页设计风格蓝菲红酒网页主要是用的白色和酒红色为主题色，让人感觉简洁明了。整个设计简单大方，让人赏心悦目。3界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含
22、声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。我设计的网页的界面主要由下面几个因素构成：文字：该元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简单概括说明，一般比较醒目、优先编排。介绍红酒的信息用普通字体简单大方，传统的黑色作为百搭颜色，是整个页面自然和谐美观。图形：本网页主要构成部分是是文字和图形，图形的选择，颜色的搭配，都影响到整个网页的效果，图形在网页界面中具有重要作用。合理的运用图形。可以生
23、动直观、形象地表现设计主题。网页中很多图形是关于红酒的不同品种，所以图片处理方面不是很多，在大小上调节有，里外还有图片的亮度，不同的图片的搭配等。我的网页中常用的图形格式包括jpg和gif，这样使图片加载起来速度变快，也不影响图片的真实程度，更好的展示出红酒的魅力，图形元素包括标题、背景、主图、链接图标四种。页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 我的页面版式主要是左右方向，一栏导航条，剩下的介绍主题，直观方面。4色彩主要是酒红色的暖色调，更具吸引力。5多媒体网页构成中的多媒体元素主要包括
24、视频和动画。视频更好的展示了红酒的魅力，动画运用简单的flash滚动图像效果，这些是界面构成中比较吸引人的元素。6技术网页的技术要素并非任何情况下在网页中都能直观体现，但是却代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。（三）网页素材的搜集1文字文字元素是信息传达的主体部分，本网页里包含很多文字信息。蓝菲红酒品种的介绍，12种不同的品种的由来、发展历程，这些主要在蓝菲红酒网上搜集相关资料并自行整理，放在每个文档里，使用时插入。蓝菲红酒知识的介绍里关于蓝菲红酒文化，蓝菲红酒历史，在百度上搜索整理（主要途径是通过网络）。
25、蓝菲红酒品种信息大多在蓝菲红酒网上搜集整理，蓝菲红酒资讯则是搜集有重要影响的蓝菲红酒新闻展示给消费者。文字素材的准备虽然简单，但是工作量很大，所以每个相关文字信息都各自建立了文本文档命名保存以备后用。2图片图片主要有蓝菲红酒品种图片、蓝菲红酒Logo、场景，以及背景图片。在图片搜集过程中，大多是从网上下载的，然后经过PS处理，重新设置图片大小，对图片进行处理去掉不必要的信息。背景图片也是先从网上下载相关的图片，然后抠图，从新组合添加图层，插入文字，设置颜色、字体格式。3视频、动画视频动画的插入使网页不再呆板，而且能更加生动展示出想要表现的内容，让网页动起来。网页中插入了一段视频，其中充分反映了
26、红酒在现代社会中的地位，以及它的制作过程和制作所需要的原材料。动画有几个滚动图片的flash，这个是简单的动画，自己通过Flash制作然后插入。（四）网页功能模块的实现1首页展示模板的设置，插入背景图片，蓝菲红酒，该图片是之前在网上下载又经过PS处理，插入五行一列表格，表格宽度为959。在第一行插入导航条，设置字体为18，颜色为白色，宋体，链接鼠标经过时为蓝色下划线，导航条的背景颜色为酒红色；在第二行表单中设置背景图片，插入文字：东莞市蓝菲酒业有限公司，设置字体大小为36，颜色为黑色，另插入编辑区域；第三行留做编辑区域；在第四行中，同样插入背景图片，插入文字显示联系方式，设置字体大小为14，颜
27、色为淡酒红色，背景颜色为白色。图2 模板首页可以链接到本网站的各个主要部分，视频源中可以让人们大体了解红酒地位，成长过程、历史文化等，各个品种介绍链接到红酒简介、红酒的各个品种。插入视频的代码如下：在视频的右边将表格拆分为五行二列，并在右边插入相应的图片。首页主界面如图3所示。图3 首页主界面插入模板，布局表格，将之前准备好的flv格式的视频插入到左上方，视频大小为959*290，插入图片，设置图片大小为959*290，表格边框为0。在其下面部分布局表格，插入flash按钮。2蓝菲红酒简介页面设置导航栏，以便用户查找内容，导航栏背景颜色为酒红色，鼠标经过颜色为白色，字体设置CSS样式，设置超链
28、接，并在右侧插入三行一列的表格，设置表格边框为0，分别在每个单元格中插入图片和文字，图片大小为960*741，设置超链接。图片分别为蓝菲.天使干红葡萄酒、蓝菲.王子干红葡萄酒、蓝菲.经典干红葡萄酒、蓝菲.蓝爵干红葡萄酒、蓝菲.窑藏干红葡萄酒、蓝菲.珍藏干红葡萄酒、蓝菲.特藏干红葡萄酒、蓝菲.精选干红葡萄酒等。蓝菲红酒简介导航页界面如图4所示。图4 蓝菲红酒导航页界面之后每个分页面都以左边部分为框架，在其下面插入图片，设置图片大小为600*500，文字样式为hua-hua，并把段落文字设置CSS样式，使文字排版整齐，文字格式设置居中对齐，行间距为20磅，一共有8个分页，分别介绍红酒品种，让红酒爱
29、好者更加深入了解红酒。Hua-hua的CSS代码如下：hua_hua font-size: 16px;color: #000;text-indent: 2em;margin: 0px;line-height: 25px;text-align: justify;vertical-align: top;蓝菲红酒简介中，其中一个分页“蓝菲案例”如图5所示。图5 蓝菲红酒简介蓝菲案例界面3红酒知识界面插入一个一行两列的表格，将右侧表格拆分为7行，在第一行插入文字，设置文字CSS样式，第二行文字的大小为18磅、加粗，在第三行中插入文字介绍。同理，设置“红酒品种系列”分别为qy、jj、lsfz，在目录部分
30、设置链接属性#qy、#jj、#lsfz。在右侧分别插入图片，链接到相关的网站，以方便消费者更加全面深入的了解红酒。其中，蓝菲红酒网提供最快捷的红酒资讯，可以随时让消费者了解红酒的最新动态，供消费者参看。设置链接属性，字体大小为18磅。第一个红酒文化网页的界面如图6所示。图6 红酒知识界面14蓝菲裸价招商界面界面框架和蓝菲案例设计差不多，但在蓝菲裸价招商的界面框架中用的不是表格而是表单。利用表单中的spry文本区域、按钮、spry复选框、跳转菜单等，用的是添加行为，鼠标经过图像。插入图像查看器的代码如下：蓝菲裸价招商界面如图7所示。图7 蓝菲裸价招商界面5新闻中心界面插入一个三行一列的表格，表格
31、宽度为959px，插入图片，链接到相关网站。左侧拆分为十行两列，设置新闻标题文字格式左对齐，然后下面是图片，图片下面的文字颜色为灰色，居中对齐。设置链接属性，字体大小为12磅，鼠标经过时为红色，没经过时为灰色。单击过后为紫色。新闻中心主界面如图8所示。图8 新闻中心主界面另外，分别建立10个页面用于介绍新闻，框架同上，左侧表格拆分为三行一列，第一行为标题，设置字体大小18磅、加粗，居中对齐；第二行文本的字号为12磅，居中对齐；第三行为新闻内容，样式hua-hua；右侧同样链接到各个相关网站，这些时事新闻反映出红酒的知识，以及红酒的最新动态，方便消费者了解。6联系我们界面主要涉及电话联系方式、邮
32、件联系方式、地址等，方便用户通过各种渠道联系我们。设置“蓝菲酒业联系方式”的字体大小为24磅，阴影、加粗。后面的正文设置字体颜色为淡橘色和黑色。联系我们界面如图9所示。图9 联系我们界面五、兼容性测试和维护（一）网站的兼容性测试网站建成后并不意味着网站建设的结束，网站内容需要不断更新，并且网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容如下：1服务器的稳定性和安全性服务器的稳定性和安全性不容忽视，服务器测试方面，我们主要从产品满足用户应用的角度出发，从功能和性能两个方面来分析。在不同服务器上稳定性、安全性良好。 2网页兼容性测试网站兼容性测试主要检验网站能否在不同客户的浏览器
33、中正常浏览。不同的浏览器对同一页面显示的效果会有出入。不同操作系统下的浏览器对同一页面的浏览效果也会有出入。经测试，在IE 8上显示正常，在360浏览器上显示有偏差，在2345智能浏览器上显示正常。3根据需要的其他测试如可用性测试、安全测试、代码合法性测试等。代码合法性测试主要包括2个部分：程序代码合法性检查与显示代码合法性检查。（二）网站的发布一个网站基本完工后，需要通过下面三步测试才可以发布。1制作者功能模块测试包括美工测试页面、程序员测试功能。在做完后的第一时间内由制作者本人进行测试。美工测试页面：页面包括首页、二级页面和三级页面在各种常用分辨率下有无错位；图片上有没有错别字；各链接是否
34、死链接；各栏目图片与内容是否对应等。程序员测试功能：功能达到客户要求；数据库链接是否正确；各个动态生成链接是否正确；传递参数格式、内容是否正确；试填测试内容没有报错；页面是否显示正确。2根据要求，由专人进行全面测试也包括页面和程序两方面，而且要结合起来测，保证填充足够的内容后不会导致页面变形。另外要检查是否有错别字，文字内容是否有常识性错误。3发布测试网站发布到主服务器之后的测试主要是防止环境不同导致的错误。（三）网站的维护网站的运营维护不外乎做好两方面的工作：更新与推广。但实施起来远非说的这么轻松。网络应用正在深入，网络营销知识在普及，越来越多企业、管理人员意识到：一个一、两年没更新过的网站
35、，以及一个做得精美但没有多少人知道的网站，完全是在浪费资源。“信息化”原来并非一次性投资建一个网站那么简单，更重要的工作在于网站建成后的长期更新与推广过程。网站维护涉及到资源和成本问题，但只要用对方法，大部分中小企业网站维护需要的资源和成本并不会太高。网站发布后也要定时对网站进行维护，以保证网站的正常浏览和使用。主要的维护内容有：1服务器及相关软硬件的维护对可能出现的问题进行评估，制定响应时间。计算机硬件在使用中经常会出现一些问题，同样，网络设备也影响企业网站的工作效率。网络设备管理属于技术性操作，非专业人员的误操作有可能导致整个企业网站瘫痪。因为没有任何操作系统是绝对安全的，因此维护操作系统
36、的安全必须不断地留意相关网站，及时为系统安装升级包或者打上补丁。2数据库维护有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。必要时要进行数据压缩，数据安全漏洞检查，数据库设计结构调整和优化，索引查询优化，软硬件升级等。3内容的更新建网站容易，维护网站难。对于网站来说，只有不断地更新内容，才能保证网站的生命力，否则网站不仅不能起到其应有的作用，反而会对企业自身形象造成不良影响。如何快捷方便地更新网页，提高更新效率，是很多网站面临的难题。现在的网页制作工具不少，但为了更新信息而日复一日地编辑网页，对信息维护人员来说，疲于应付是普遍存在的问题。内容更新是网站维护过程中的一个重要问题。
37、六、工作总结和展望该网站以介绍蓝菲红酒为主，为消费者提供大量红酒的信息，包括品种、文化、历史、时事新闻等各个方面，全面揭示了红酒的内涵，让人们更深入地了解红酒。网站做的比较匆忙，从刚开始的设计框架，颜色的搭配，到后来的每一部分包括的内容样式，以及素材的选择，这些都在考验自己的耐心。大体思路理清后，就开始动手操作了。在做网页时遇到了很多问题，例如，刚开始模板的建立，建立模版后在模板内却插入不了AP元素，添加不了行为，通过网上查阅，了解到代码，用代码设计，问题得以解决。另外，视频的插入也是问题百出，最后只能转换成flv格式插入flash。在做毕业设计之前，对于网站部分，自己只知道个Dreamwea
38、ver，在自己动手操作时，慢慢接触到html语言，并稍微了解了一些代码，以及简单的javascript程序。其实在整个设计的过程，也是自己慢慢成长的过程。总之，这次毕业设计为我即将踏入社会提供了一次锻炼的舞台。这不仅仅是一次毕业设计，不仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真、严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。这是一次意志的磨练，是对我实际能力的一次提升，它会对我未来的学习和工作有很大的帮助。参考文献1龙马高新教育网页设计与网站建设从入门到精通M北京：北京大学出版社，20172何新起，娄彦杰网站设计开发维护推广从入门到精通M北京：人民邮电业出版社，20163凤凰高新教育案例学网页设计与网站建设M北京：北京大学出版社，20184张晓景网站布局与网页配色设计M北京：北京人民邮电出版社，2018致谢在这里，我首先要感谢我的论文指导老师。他对我论文的研究方向做出了指导性的意见和建议，在论文撰写的过程中及时对我遇到的困难和疑惑给予悉心指点，提出了宝贵的意见。最后，感谢我的家人、同学和朋友，在你们的鼓励和支持下，我才得以顺利完成此论文。23