静态网站毕业设计论文.doc

广西现代职业技术学院毕 业 设 计 （论 文）（2012届）课题名称： 静态网站毕业设计论文 专 业： 班 级： 设 计 者： 合 作 者： 指导老师： 时 间： 年 月 日 目录【内容摘要】 2第1章 前言 21.1 INTERNET的历史和发展 2 1.2 网页概述 2第2章 开发软件简介 4 2.1 网站设置的基本知识 4 2.2 Dreamweaver简介 5 2.3 HTML简介 5 2.4 HTML技术介绍 6第3章 网站需求分析 6 3.1 系统的概述 6 3.2 系统的可行性分析 7 第4章 网站的设计与实现 7 4.1网站的总体设计 7 4.2网站的详细设计 8第5章 网站的测试与维护 13第6章 结论 13第7章 致谢 14第8章 参考文献 15 内容摘要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了让更多客人了解不同信息的情况，提高信息共享度。所以，开发河池文化园网站。【关键词】 美丽的河池，网站设计，Dreamweaver 8.0 第一章 前言1.1 INTERNET的历史和发展因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音，甚至电影等组成。使这些超文本能够有机地关联并可使浏览器识别，是通过HTML语言(HyperText Markup Language超文本标记语言)实现的。同时CGI(Common Gateway Interface公共网关接口)能使Web具有交互功能。Web站点指引用户浏览该站点或其他站点上的分页信息，可以通过表格和电子邮件的连接提供双向交互方式。网站是未来企业开展电子商务的基础设施和信息平台，它是“知识经济”的制高点，企业的网址犹如企业的商标和品牌一样，是反映企业形象和文化的巨大的无形资产。1.2 网页概述 目标明确、定位正确Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。 分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等。主题鲜明、富有特色 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。 要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。 调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。 Web站点主页应具备的基本成分包括： 页头：准确无误地标识你的站点和企业标志； E-mail地址：用来接收用户垂询； 联系信息：如普通邮件地址或电话； 版权信息。 注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。FlashMX动画制作一个吸引人的网站一定有一个华丽的FLAH过场动画，这样不仅给浏览者深刻的印象，同时突出了网站的特点与风格。但FLASH相对DW制作较复杂，设计到帧、时间轴、剪辑、按钮和actoin语言等方面。下面是我这个FLASH制作过程的简单介绍：1.虽然FLASH采用了流控制技术，但考虑到基带网的速度和本身FLASH的文件大小，我还是采用目前流行的先下载后观看的方式，以保证音效和动画的流畅性。并且加装了一个进度条，随时检测下载速度和时间，让浏览者做到心中有数。只有当进度达到100时，动画开始按钮才出现，浏览者单击按钮，动画随即开始。整个下载部分的动画放在一个剪辑中，不仅节省内存，而且方便库的管理。2.FLASH动画设计风格为简洁、动感、时尚。3.FLASH影片所有素材、按钮、剪辑、声音全部导入库中，时间轴上只有各个剪辑的层，从而节约了内存，方便管理。4.影片导出时增加了保护功能，增加了影片的安全性，防止他人盗用修改影片。矢量图的品质为100，保证了影片图像的质量，并且声音的输出格式为mp3采样标准为128Kbps双声道立体声，该标准接近CD标准，这样虽然增加了影片的大小，但是保证了声音的效果。同时输出的还有影片大小报告。FireworkMX矢量图片处理Firework在网站中，除了配合Flash处理动画里的影片以外，主要是制作导航按钮和Banner，因为导航按钮采用的是悬停方式，所以每个按钮要同时做出两个版本。即原始状态和悬停状态。1.Firework在图片处理上使用了高光和阴影的效果，以突出按钮的立体感、变化感、和悬停感。 2.Firework在处理Banner的时候采用横幅与网站图标一体的方式处理，将二者整体化，不仅方便排版，也方便浏览者浏览。3.Firewok在处理网站上方的导航按钮时候，用代表该按钮的图片配以相应文字来处理。4.Firework在图片输出的时候采用JPEG（ISO国际标准图像压缩）格式。这是目前网络较为流行的图片格式，文件小，传输速度快，图片清晰。输出品质为80，无平滑。第二章 开发软件简介2.1网站设计的基本知识静态编程最重要的特征就是由程序自动生成网页，最终形成供浏览器解释的HTML。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单等基本的HTML标识的写法要求，网页编辑的常用工具，动态网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等相关知识。2.2 Dreamweaver 8简介Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持CSS可视化设计、CSS检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰富的媒体支持能力等。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、ASP.NET、JSP等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。2.3 HTML简介全称：HyperText Mark-up Language 译称：超文本标记语言。 简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。 HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C+ 和 Java 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。2.4 HTML技术介绍 Macromedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。利用Dreamweaver，可以方便地使用动态HTML功能，却不需要写一行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。当然,如果不用DW的话,同样可以制作出非常棒的网站来,其实什么样的程序或者HTML代码都可以直接用记事本来写,只不过DW实现起来确实方便一些吧,还有一些其他的网页编辑工具,比如微软的Frontpage等等,只是想说明一下,做网站,DW很好用，但是不是必须的! 第三章 网站需求分析在进行一个网站项目开发之前，应对这一开发项目进行了需求分析，以确定网站开发者需要完成哪些工作才能满足用户的需求。3.1 系统概述 在现今的信息共享的时代，网络信息化管理工作系统经信息量大、数据准确、速度快、管理工作全面等特点在现实生活中得到广泛地应用。互联网商业的普及应用已经成为网络经济的大势所趋。本章介绍的河池文化网站是建立在用户和民族信息之间的，用户可以方便、快捷地查找到自己所需要了解的有关于河池的信息，可以足不出户就能了解到河池这一个民族的基本信息，从而提高自己的阅历以及在以后生活中能够有需要的去体验民族风情。3.2 系统的可行性分析(1)实用性网站的宗旨是根据用户需求的有关河池信息和河池现今形势，从而提供有关河池的详细信息。(2)技术性 网站提供给客户了了解河池的基本信息和各种历史信息，使客户能够更好的在本站内了解河池。(3)经济性网站能够提供给致力于推广河池文化的企业或者个人来达到所能达到的经济效益，并且能够达到预期的推广效果。 第四章 网站的设计与实现4.1网站的总体设计4.1.1网站结构图根据河池文化园网站的基本功能需求,完成本网站的基本结构，网站主要分为：首页，综合讯息，民族根源，民族现状，文化信仰，传统礼仪，河池交通，历史人物，河池地图，节日风俗，河池资源，联系方式这12个网站页面。总体结构图4-1所示： 美丽的河池首页综合讯息民族根源民族现状文化信仰传统礼仪河池交通历史人物节日风俗河池地图河池资源联系方式图4-1河池文化网站总体结构图.4.1.2网站的风格主页由标准模式构建，其主色调为白色，通过导航条的引导可以一步一步了解网站的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。4.2网站的详细设计4.2.1素材准备准备做网站的素材是最重要的一环，不仅要收集许多内容各异的文字图片，还要设计各种网站的排版格式与美工。这个网站的排版格式是我自己用Dreamweaver画出来的，其中的图片有的是自己处理的，也有些是从网上下载后自己用fireworks处理的。4.2.2首页概况4.2.3河池文化4.2.3河池人文历史4.2.3河池人文历史第五章 网站测试与维护 网站建成后并不意味着网站建设的结束，网站内容需要不断更新， 并且网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： 1、服务器稳定性、安全性。 2、程序软件的测试。 3、网页兼容性测试，如浏览器、显示器。 4、根据需要的其他测试。 网站发布后也要定时的对网站进行维护，以保证网站的正常浏览和使用。主要的维护内容有：(1)、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。 (2)、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。 (3)、内容的更新、调整等。 (4)、制定相关网站维护的规定，将网站维护制度化、规范化。 第六章 结论 实践是检验真理的唯一标准，当然也是检验学习成果的标准。通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解，也是我对这三年所学的东西的一个综合体现。然而这次设计让我感受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远远不够的。首先，我选的课题是旅游网站设计，随之而来的就是我如何来确定该网站的主题,起初自己把问题想的过于简单了，总觉得只要我把主题给确定了，其他的事情也就好解决了。然而却远远不是我想的那样，当我确定了主题着手来做时，发现自己根本不知从哪着手，到底用什么来布局网站，网站的整体风格又是怎样的，如何来规划等这一系列的问题都是我极需要解决的。我开始变得有点浮躁不安，带着这样的心情来做我的设计，其结果是几天下来网站的整体布局都还没有一个统一的概念。慢慢的我就静下心来反思自己这几天所做的，发现自己的方法完全错了，太急于求成，然后我整整自己思绪，一步步来，先准备资料，画出网站的设计模型图，熟悉编程环境，把握整体布局，明确了网站的基本功能，做好业务流程图、数据流图的情况下，在设计好系统各主要部分，将一些细节问题考虑周全后才开始动手进行开发，使得后来的工作才得以顺利进行。其次，因编程语言的熟悉程度不够也让我对整个开发过程受到了一定的阻碍。由于自己所学的东西不是很扎实，而以前只编辑过一些小的程序，对编辑大型程序不是很了解，所以自己只有去找资料，图书馆和网络给了我很大的帮助，在我徜徉书海和网络查找资料的日子里，面对无数书本和网上信息的罗列，自己有时也会感到烦躁不安，但每当自己找到了自己想要的资料时，激动和兴奋接踵而至，心里满满的只有喜悦毫无疲惫，这段旅程看似荆棘密布，实则蕴藏着无尽的宝藏，让自己了解和学习了很多以前自己根本就不知道的知识。但总的来说，这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台。正像辅导老师说的一样，它让我对几年来所学的专业课有了更为深刻的认识，使知识得到了融会贯通，得到了比以往学习任何一门课都更大的提高和进步。所谓活到老学到老，自己以后还要加强知识的学习，不断的完善自己。经过开发这个系统，这不仅仅是一次毕业设计，不仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨练，是对我实际能力的一次提升，也会对我未来的学习和工作有很大的帮助。这次毕业设计不能说得上是完美，但我觉自己已经尽了自己最大努力去完成，我想只要自己努力了就能对得起自己了。同时我也会在以后的时间里尽量的完善它，不断的对