网站设计与制作毕业设计论文

《网站设计与制作毕业设计论文》由会员分享，可在线阅读，更多相关《网站设计与制作毕业设计论文（22页珍藏版）》请在装配图网上搜索。

1、 2012届学生毕业设计安徽特产网的设计与制作系 别：电子商务与营销系年 级：2009级学 号：09104111姓 名：杨丹专 业：电子商务指导教师：汤陈燕二一二年五月II摘 要摘 要随着互联网的普及与发展，网络已逐渐成为企业多外展示，降低成本和拓展销售渠道的途径,是信息沟通最方便快捷的桥梁，企业单位及个人在Interne上拥有自己的站点和主页将是必然趋势，主页不仅成为企业宣传产品和服务的窗口，也是树立企业形象的前沿。网站是个人和企业开展电子商务的平台，搭建自己的营销平台的第一步就是建立自己的网站。 加之世界经济的信息化和全球化趋势的进一步增强，我国电子商务也迈入了发展的黄金期，广褒的特产资源

2、和市场，使特产领域的电子商务形成了独特的、潜力巨大的崭新界面。电子商务与传统的商务比较具有巨大优势，土特产行业应当及时抓住这个机遇，大力发展电子商务，加快产业流通，利用电子商务手段扩大产品市场和树立产品品牌，为土特产品走出深山面向市场提供巨大的支撑作用，帮助土特产行业进行突飞猛进的发展！ 对于基于互联网和电子商务的土特产行业发展模式。利用电子商务整合土特产资源，打通上下游土特产产业链，致力当地的土特产商品开拓网上市场。各地土特产行业发展应通过构建集产品推广、电子商务、信息交流与互动一体的土特产电子商务交易平台。网络已逐渐成为企业对外展示、信息沟通最方便快捷的桥梁。网络营销已成为商家另一种拓展市

3、场的手段。搭建好自己的营销平台，建立自己的网站是首要的一步!此时建立一个互动的网站平台是最基础、并且也是最核心的部分。关键词：土特产 特产网 安徽特产 安徽特产网 安徽土特产ABSTRACTABSTRACTWith the development and popularization of Internet, the network has gradually become enterprises external display, reduce costs and expand sales channels pathway, is the most convenient and effici

4、ent information communication bridge, business units and individuals in the Interne on its own site and home page will be the inevitable trend, home not only become the corporate promotional products and services window, but also establish a corporate image of the frontier. Site is a personal and bu

5、siness e-commerce platform, to build their own marketing platform is the first step to establish their own web site.In addition to the informatization of world economy and the globalization tendency further enhancement, our country electronic commerce has entered a golden period of development, vast

6、 specialty resources and market, make the products in the fields of electronic commerce has formed the unique, huge potential of the new interface. Electronic commerce and the traditional business has great advantages, native products industry should seize this opportunity in time, develop electroni

7、c business affairs energetically, accelerate the circulation industry, the use of e-commerce tools to expand the product market and establish a brand, as the native products out of the mountains for the market to provide great support role, to help local industry make a spurt of progress in the deve

8、lopment of!Based on the Internet and the electronic commerce specialty industry development pattern. The use of electronic commerce specialty resources through integration, upstream and downstream products industry chain, is committed to the local native products to open up the Internet market. Arou

9、nd the native products industry development by constructing a product promotion, e-commerce, information exchange and interaction with one of the native products e-commerce trading platform. The network has gradually become enterprises external display, the most convenient and efficient information

10、communication bridge. Network marketing has become a business of another means of expanding the market. Set up their own marketing platform, to establish their own web site is the primary step! Key Words: native products Anhui specialty products Anhui specialty products Anhui native products目 录目 录第1

11、章 绪论3第2章 开发工具和运行环境22.1网站设计的基本知识22.2 Dreamweaver 8简介22.3 HTML简介22.4 HTML技术介绍22.5网站运行环境3第3章 网站需求分析43.1 系统概述43.2 系统的可行性分析5第4章 网站的设计与实现64.1网站的总体设计64.1.1网站结构图64.1.2网站的风格74.2网站的详细设计74.2.1素材准备74.2.2首页7第5章 网站测试与维护14结 论15致 谢17参考文献18III第1章 绪论第1章 绪论21世纪将进入电子商务时代，是社会发展的必然，我们将别无选择地生活在电子商务时代。互联网的发展告诉我们：电子商务是一种替代传

12、统商务活动的新形式，也是一个新市场，人们将逐步适应和习惯于远距离的网上交易、购物、消费、服务、和网上娱乐等。 随着当今社会经济的飞速发展，人们的生活与消费习惯都发生了革命性的变化，追求经济实惠与营养的饮食观念逐渐深入人心，土特产理所当然的成为首选佳品.我们平时也经常可以在一些诸如旅游景点或车站码头等场所看到大量的土特产店,此类产品深受人们的欢迎，土特产的兴起,与部分人的饮食习惯趋向喜欢吃些天然无污染绿色食品有关，也跟那份纯真的乡土情结有关。买一些土特产,自己品尝,或是珍藏,送人，都有很好的体验价值。由于现在人生活节奏快，工作时间紧，没有足够的时间去品味各地的特色风味，但是，近年来随着电子商务、

13、网络购物的蓬勃发展，越来越多的用户、商家、金融机构加大了在互联网上进行原材料查询、采购、产品展示等商业贸易与金融支付活动。这样，网上商店无疑为地方性产品提供了一个便捷的销售渠道，同时也满足了顾客需求，使客户足不出户就能买到心仪的各地风味特产。18第2章 开发工具和运行环境第2章 开发工具和运行环境2.1网站设计的基本知识进行网站设计包括组织内容和和设计结构两个方面。制作者在明确网页制作的目的以及要包括的内容之后，应对网站内容进行整体规划，确保文件内容条理清晰、结构合理，这样不仅可以很好的体现设计者的意图，也可以使网站的可维护性与可扩展性增强。静态编程最重要的特征就是由程序自动生成网页，最终形成

14、供浏览器解释的HTML。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单等基本的HTML标识的写法要求，网页编辑的常用工具，动态网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等相关知识。2.2 Dreamweaver 8简介Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特

15、性，是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持CSS可视化设计、CSS检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰富的媒体支持能力等。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、ASP.NET、JSP等，

16、提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。2.3 HTML简介全称：HyperText Mark-up Language 译称：超文本标记语言。 简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。 HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C+ 和 Java 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方

17、面，任何文字编辑器都市可以，只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。2.4 HTML技术介绍 Macromedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。利用Dreamweaver，可以方便地使用动态HTML功能，却不需要写一行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。当然,如果不用DW的话,同样可以制作出非常棒的网站来,其实什么样的程序或者HTML代码都可以直接用记事本来写,只不过DW实现起来确实方便一些吧,

18、还有一些其他的网页编辑工具,比如微软的Frontpage等等,只是想说明一下,做网站,DW很好用，但是不是必须的!2.5网站运行环境 服务器： 操作系统： windows 2003 Server； Web服务器：IIS5.0 数据平台：Access 客户端：任意操作系统下的浏览器均可。 配置要求：CPU Intel或兼容机Pentium 166Mhz或以上企业版：至少64M建议128M或更多内存 标准版：至少512M开发版：至少512M硬盘 Service：至少80G，一般为160GEnglish Query：80M显视器 VGA或更高分辨率第3章 网站需求分析第3章 网站需求分析在进行一个网

19、站项目开发之前，应对这一开发项目进行了需求分析，以确定网站开发者需要完成哪些工作才能满足用户的需求。3.1 系统概述在现今的信息共享的时代，网络信息化管理工作系统经信息量大、数据准确、速度快、管理工作全面等特点在现实生活中得到广泛地应用。互联网商业的普及应用已经成为网络经济的大势所趋。目前随着世界经济的信息化和全球化趋势的进一步增强，我国电子商务迈入了发展的黄金期，广褒的特产资源和市场，使特产领域的电子商务形成了独特的、潜力巨大的崭新界面，以高科技取代传统贸易、流通手段已势在必行。各地特产网都经营名优特产的各式品种，本着“绿色、健康、纯正、阳光”的经营理念，精选各地具有代表性的民俗特产，受到各

20、地网民的的一致好评，满足了他们的思乡念家之情或是对各地特产的憧憬之情网站都以拓展特产市场为已任。本章介绍的是有关安徽的特产，随着当今社会经济的飞速发展，人们的生活与消费习惯都发生了革命性的变化，追求经济实惠与营养的饮食观念逐渐深入人心，由于现在人生活节奏快，工作时间紧，没有足够的时间去品味各地的特色风味，但是，近年来随着电子商务、网络购物的蓬勃发展，越来越多的用户、商家、金融机构加大了在互联网上进行原材料查询、采购、产品展示等商业贸易与金融支付活动。这样，网上商店无疑为地方性产品提供了一个便捷的销售渠道，同时也满足了顾客需求，使客户足不出户就能买到心仪的各地风味特产。3.2 系统的可行性分析(

21、1)实用性网站的宗旨是根据用户需求的有关金银花信息和金银花产业形势提供有关金银花的详细信息，(2)技术性 网站提供给客户了解金银花的基本信息，使客户能够更好的在本站内了解金银花。(3)经济性网站能够提供给致力于推广金银花文化的企业或者个人来达到所能达到的经济效益，并且能够达到预期的推广效果。第4章 网站的设计与实现第4章 网站的设计与实现4.1网站的总体设计4.1.1网站结构图根据安徽特产网站的基本功能需求,完成本网站的基本结构，网站主要分为：首页，安徽香茗，地方杂粮，水产干货，休闲零食，养生食品等不同种类下的页面。总体结构图4-1所示：支付流程休闲零食网站导航首页联系我们网上商城安徽特产 地

22、方杂粮帮助中心健康饮品在线留言图4-1特产网站的总体结构图.4.1.2网站的风格主页由标准模式构建，其主色调为背景色白色为主，通过导航条的引导可以一步一步了解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。4.2网站的详细设计4.2.1素材准备准备做网站的素材是最重要的一环，不仅要收集许多内容各异的文字图片，还要设计各种网站的排版格式与美工。这个网站的排版格式是我自己用Dreamweaver画出来的，其中的图片有的是自己处理的，也有些是从网上下载后自己用photoshop处理的。4.2.2首页现在才是真正用到Dreamweaver的时候先把素材整理成一些整齐的目录，最好就在网页

23、需要放置的目录下，我把它放在文件夹image下。定义站点是选择这个目录，这样素材就全位于站点以内，处理比较方便。1、定义站点（1）启动Dreamweaver。（2）打开“站点”菜单，选择“新建站点”命令。如图4-1： 图4-1建立站点（3）在弹出的“站点定义”对话框中的“站点命令”文本框中输入“yd”，在下面的“本地根目录文件夹”文本框中输入本地网站预保存的路径，单击“确认”按钮。（4）随即在组合面板中弹出“站点”面板，现在可以在其中添加页面了。（5）右键单击“站点”面板中的根目录，在弹出菜单中选择“新建文件”命令，把新建文件的名称改为”首页.html”。（6）双击首页.html，进入页面编辑

24、状态。（7）首先建立一个大DIV并且使DIV居中。如图4-2：图4-2div建立DIV居中代码如下：#containerwidth:800px;text-align:left; border: #ccc solid 1px; bodymargin:0px; text-align:center; 2、然后开始嵌套DIV,我用photoshop画出来div嵌套的效果如图4-3： 图4-33、嵌套完成后按照网页进度开始添加内容：点击插入图片，在最上两层的div中插入用photoshop所制作成的图片及首页导航栏：如图4-4图4-44、编辑文本区域，在最左边div内添加文字信息，并制作荧光的链接效果，

25、添加背景色彩作为div背景，从而美化网站，扩展div模式效果如图4-5： 图4-55、添加关于网站主题的文字内容以及添加站内索引等相关链接内容，然后添加文字素材在首页页面中，如图4-6： 图4-6首页完成。最后添加首页站内索引，相关链接的代码如下菜单演示 首 页 休闲食品      地方杂粮      健康饮品      帮助中心     支付流程     联系我们    

26、  在线留言 第5章 网站测试与维护第5章 网站测试与维护网站建成后并不意味着网站建设的结束，网站内容需要不断更新， 并且网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： 1、服务器稳定性、安全性。 2、程序软件的测试。 3、网页兼容性测试，如浏览器、显示器。 4、根据需要的其他测试。网站发布后也要定时的对网站进行维护，以保证网站的正常浏览和使用。主要的维护内容有：(1)、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。 (2)、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。 (3)、内容的更新、调整等。

27、(4)、制定相关网站维护的规定，将网站维护制度化、规范化。结 论结 论实践是检验真理的唯一标准，当然也是检验学习成果的标准。通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解，也是我对这三年所学的东西的一个综合体现。然而这次设计让我感受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远远不够的。首先，我选的课题是有关安徽特产网站的设计制作，随之而来的就是我如何来确定该网站的主题,起初自己把问题想的过于简单了，总觉得只要我把主题给确定了，其他的事情也就好解决了。然而却远远不是我想的那样，当我确定了主题着手来做时，发现自己根本不知从哪着手，到底用什么来布局网站，网站的整体风格又

28、是怎样的，如何来规划等这一系列的问题都是我极需要解决的。我开始变得有点浮躁不安，带着这样的心情来做我的设计，其结果是几天下来网站的整体布局都还没有一个统一的概念。慢慢的我就静下心来反思自己这几天所做的，发现自己的方法完全错了，太急于求成，然后我整整自己思绪，一步步来，先准备资料，画出网站的设计模型图，熟悉编程环境，把握整体布局，明确了网站的基本功能，做好业务流程图、数据流图的情况下，在设计好系统各主要部分，将一些细节问题考虑周全后才开始动手进行开发，使得后来的工作才得以顺利进行。其次，因编程语言的熟悉程度不够也让我对整个开发过程受到了一定的阻碍。由于自己所学的东西不是很扎实，而以前只编辑过一些

29、小的程序，对编辑大型程序不是很了解，所以自己只有去找资料，图书馆和网络给了我很大的帮助，在我徜徉书海和网络查找资料的日子里，面对无数书本和网上信息的罗列，自己有时也会感到烦躁不安，但每当自己找到了自己想要的资料时，激动和兴奋接踵而至，心里满满的只有喜悦毫无疲惫，这段旅程看似荆棘密布，实则蕴藏着无尽的宝藏，让自己了解和学习了很多以前自己根本就不知道的知识。最后，在撰写毕业论文时也遇到了一些困难。由于这是我第一次写毕业论文，没有任何经验，对于论文的格式、要求和内容都一无所知，在查询了大量的书籍后才有了模糊概念。所以在此篇毕业论文中不免会有些缺点。第一次做的首页真的是不堪入目，我自己也是摸不著头脑的

30、，加上工作的时间问题，我没有花全部的心思在上面，后来多谢指导老师不厌其烦的指导我，在接下来的时间中我会好好的学习这些，让其学有所用。总的来说，这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台。正像辅导老师说的一样，它让我对几年来所学的专业课有了更为深刻的认识，使知识得到了融会贯通，得到了比以往学习任何一门课都更大的提高和进步。所谓活到老学到老，自己以后还要加强知识的学习，不断的完善自己。经过开发这个系统，这不仅仅是一次毕业设计，不仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。我想这

31、是一次意志的磨练，是对我实际能力的一次提升，也会对我未来的学习和工作有很大的帮助。这次毕业设计不能说得上是完美，但我觉自己已经尽了自己最大努力去完成，我想只要自己努力了就能对得起自己了。同时我也会在以后的时间里尽量的完善它，不断的对它进行完善，争取做到更好。致 谢致 谢非常感谢我校的各位校领导和老师对我的教育，让我在以后的人生道路上越走越远。另外我还要感谢所有教过我是老师，我想对你们说，你们局是最可爱是人，这其中尤其要感谢我们的辅导员和我的指导老师，辅导员平时对我生活上和学习上的关心细致入微，指导老师汤陈燕老师，在我们学习的后阶段毕业设计阶段给予我细心的指导，从最初的定题到这个网站是设计与制作

32、到最后的定稿过程都对我进行耐心的指导和无私的帮助我的网站的问题是很多的，每次都是老师认真的指出我的问题所在，并教会我如何是修改。她放弃了自己的休息时间，每天晚上都上线对我们的错误进行逐一的指出并纠正，她的无私奉献的敬业精神，令人佩服，我再次的对我的指导老师表示深深的感谢！谢谢您老师，您辛苦了！并祝愿老师培养出更多的优秀人才，桃李满天下。也祝愿我们的母校蒸蒸日上。 2012年5月参考文献参考文献1 陈承欢. 网页设计与制作案例教程. 人民邮电出版社.2 马绍惠. 网页设计与制作实用教程. 机械工业出版社.3 詹青龙，郭永灿. 网页设计与制作. 清华大学出版社.4 何丽. 精通DIV+CSS网页样式与布局. 清华大学出版社.5 邹欣. DIV+CSS商业案例与网页布局开发精讲. 中国铁道出版社.6 温谦. HTML+CSS网页设计与布局从入门到精通. 人民邮电出版社.7 李金明. 中文版PhotoshopCS5完全自学教程. 人民邮电出版社.8 腾龙视觉, 吴永泉. PhotoshopCS5中文版从入门到精通. 人民邮电出版社.