《态静网站-学位论文.doc》由会员分享，可在线阅读，更多相关《态静网站-学位论文.doc（16页珍藏版）》请在金锄头文库上搜索。
1、广西现代职业技术学院毕 业 设 计 （论 文）（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章 网站的
2、测试与维护 13第6章 结论 13第7章 致谢 14第8章 参考文献 15 内容摘要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了让更多客人了解不同信息的情况，提高信息共享度。所以，开发河池文化园网站。【关键词】 美丽的河池，网站设计，Dr
3、eamweaver 8.0 第一章 前言1.1 INTERNET的历史和发展因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音，甚至电影等组成。使这些超文本能够有机地关联并可使浏览器识别，是通过HTML语言(HyperText Markup Language超文本
4、标记语言)实现的。同时CGI(Common Gateway Interface公共网关接口)能使Web具有交互功能。Web站点指引用户浏览该站点或其他站点上的分页信息，可以通过表格和电子邮件的连接提供双向交互方式。网站是未来企业开展电子商务的基础设施和信息平台，它是“知识经济”的制高点，企业的网址犹如企业的商标和品牌一样，是反映企业形象和文化的巨大的无形资产。1.2 网页概述 目标明确、定位正确Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。
5、挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。 分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等。主题鲜明、富有特色 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 Web站点应针对所服务对象（机构或人）不同而具有不同的形式
6、。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。 要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。 调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。 Web站点主页应具备的基本成分包括： 页头：准确无误地标识你的站点和企业标志； E-mail地址：用来接收用户垂询； 联系信息：如普通邮件地址或电话
7、； 版权信息。 注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。FlashMX动画制作一个吸引人的网站一定有一个华丽的FLAH过场动画，这样不仅给浏览者深刻的印象，同时突出了网站的特点与风格。但FLASH相对DW制作较复杂，设计到帧、时间轴、剪辑、按钮和actoin语言等方面。下面是我这个FLASH制作过程的简单介绍：1.虽然FLASH采用了流控制技术，但考虑到基带网的速度和本身FLASH的文件大小，我还是采用目前流行的先下载后观看的方式，以保证音效和动画的流畅性。并且加装了一个进度条，随时检测下载速度和时间，让浏览者做到心中有数。只有当
8、进度达到100时，动画开始按钮才出现，浏览者单击按钮，动画随即开始。整个下载部分的动画放在一个剪辑中，不仅节省内存，而且方便库的管理。2.FLASH动画设计风格为简洁、动感、时尚。3.FLASH影片所有素材、按钮、剪辑、声音全部导入库中，时间轴上只有各个剪辑的层，从而节约了内存，方便管理。4.影片导出时增加了保护功能，增加了影片的安全性，防止他人盗用修改影片。矢量图的品质为100，保证了影片图像的质量，并且声音的输出格式为mp3采样标准为128Kbps双声道立体声，该标准接近CD标准，这样虽然增加了影片的大小，但是保证了声音的效果。同时输出的还有影片大小报告。FireworkMX矢量图片处理F
9、irework在网站中，除了配合Flash处理动画里的影片以外，主要是制作导航按钮和Banner，因为导航按钮采用的是悬停方式，所以每个按钮要同时做出两个版本。即原始状态和悬停状态。1.Firework在图片处理上使用了高光和阴影的效果，以突出按钮的立体感、变化感、和悬停感。 2.Firework在处理Banner的时候采用横幅与网站图标一体的方式处理，将二者整体化，不仅方便排版，也方便浏览者浏览。3.Firewok在处理网站上方的导航按钮时候，用代表该按钮的图片配以相应文字来处理。4.Firework在图片输出的时候采用JPEG（ISO国际标准图像压缩）格式。这是目前网络较为流行的图片格式，
10、文件小，传输速度快，图片清晰。输出品质为80，无平滑。第二章 开发软件简介2.1网站设计的基本知识静态编程最重要的特征就是由程序自动生成网页，最终形成供浏览器解释的HTML。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单等基本的HTML标识的写法要求，网页编辑的常用工具，动态网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等相关知识。2.2 Dreamweaver 8简介Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Drea
11、mweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持CSS可视化设计、CSS检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰富的媒体支持能力等。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来
12、创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、ASP.NET、JSP等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。2.3 HTML简介全称：HyperText Mark-up Language 译称：超文本标记语言。 简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。 HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C+ 和 J
13、ava 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。2.4 HTML技术介绍 Macromedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。利用Dreamweaver，可以方便地使用动态HTML功能，却不需要写一行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。当然
