精品静态网站毕业论文.docx
- 文档编号:27582364
- 上传时间:2023-07-03
- 格式:DOCX
- 页数:16
- 大小:1.97MB
精品静态网站毕业论文.docx
《精品静态网站毕业论文.docx》由会员分享,可在线阅读,更多相关《精品静态网站毕业论文.docx(16页珍藏版)》请在冰豆网上搜索。
精品静态网站毕业论文
(此文档为word格式,下载后您可任意编辑修改!
)
广西现代职业技术学院
毕业设计(论文)
(2012届)
课题名称:
静态网站毕业设计论文
专业:
班级:
设计者:
合作者:
指导老师:
时间:
年月日
目录
【内容摘要】…………………………………………………………………………………2
第1章前言……………………………………………………………………………………2
1.1INTERNET的历史和发展…………………………………………………………2
1.2网页概述……………………………………………………………………………2
第2章开发软件简介………………………………………………………………………4
2.1网站设置的基本知识………………………………………………………………4
2.2Dreamweaver简介…………………………………………………………………5
2.3HTML简介……………………………………………………………………………5
2.4HTML技术介绍……………………………………………………………………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应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
为了让更多客人了解不同信息的情况,提高信息共享度。
所以,开发河池文化园网站。
【关键词】美丽的河池,网站设计,Dreamweaver8.0
第一章前言
1.1INTERNET的历史和发展
因特网正在改变世界,它促成了网络经济雏形的形成,特别是电子商务正由新概念走向实用化。
由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体,所以全球几乎各个企业、机构纷纷建立自己的Web站点。
Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。
其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音,甚至电影等组成。
使这些超文本能够有机地关联并可使浏览器识别,是通过HTML语言(HyperTextMarkupLanguage超文本标记语言)实现的。
同时CGI(CommonGatewayInterface公共网关接口)能使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.2Dreamweaver8简介
Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver8的发布,更坚定Dreamweaver在该领域的地位。
它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。
突出的特点主要有灵活的编写方式;可视化编辑界面;功能更多的CSS支持——CSS可视化设计、CSS检查工具;动态跨浏览器验证;强大的WEB站点管理功能;内建的图形编辑引擎;丰富的媒体支持能力等。
它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序,从而使用户能连接到数据库、Web服务和旧式系统。
开发环境支持HTML、ASP、ASP.NET、JSP等,提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。
主要用于素材整理、排版以及后台程序的交互。
2.3HTML简介
全称:
HyperTextMark-upLanguage
译称:
超文本标记语言。
简意:
一种为普通文件中某些字句加上标识的语言,其目的在于运用标记(tag)合文件达到预期的效果。
HTML是在SGML定义下的一个描述性的语言,或可说HTML是SGML的一个应用程式。
HTML不是程式语言,如C++和Java之类,它只是标记语言,基本上你只要明白了各种标记的用法便算学懂了HTML,HTML的格式非常简单,只是由文字及标记组合而成,于编辑部方面,任何文字编辑器都市可以,只要能将档案存为文本格式即可,用专门的网页编辑工具当然更好。
2.4HTML技术介绍
Macromedia公司的RoundtripHTML技术让用户可以随意导入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)、制定相关网站维护的规定,将网站维护制度化、规范化。
第六章结论
实践是检验真理的唯一标准,当然也是检验学习成果的标准。
通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解,也是我对这三年所学的东西的一个综合体现。
然而这次设计让我感受颇深,它让我体会到了理论知识结合实践的重要性,光有理论知识是远远不够的。
首先,我选的课题是旅游网站设计,随之而来的就是我如何来确定该网站的主题,起初自己把问题想的过于简单了,总觉得只要我把主题给确定了,其他的事情也就好解决了。
然而却远远不是我想的那样,当我确定了主题着手来做时,发现自己根本不知从哪着手,到底用什么来布局网站,网站的整体风格又是怎样的,如何来规划等这一系列的问题都是我极需要解决的。
我开始变得有点浮躁不安,带着这样的心情来做我的设计,其结果是几天下来网站的整体布局都还没有一个统一的概念。
慢慢的我就静下心来反思自己这几天所做的,发现自己的方法完全错了,太急于求成,然后我整整自己思绪,一步步来,先准备资料,画出网站的设计模型图,熟悉编程环境,把握整体布局,明确了网站的基本功能,做好业务流程图、数据流图的情况下,在设计好系统各主要部分,将一些细节问题考虑周全后才开始动手进行开发,使得后来的工作才得以顺利进行。
其次,因编程语言的熟悉程度不够也让我对整个开发过程受到了一定的阻碍。
由于自己所学的东西不是很扎实,而以前只编辑过一些小的程序,对编辑大型程序不是很了解,所以自己只有去找资料,图书馆和网络给了我很大的帮助,在我徜徉书海和网络查找资料的日子里,面对无数书本和网上信息的罗列,自己有时也会感到烦躁不安,但每当自己找到了自己想要的资料时,激动和兴奋接踵而至,心里满满的只有喜悦毫无疲惫,这段旅程看似荆棘密布,实则蕴藏着无尽的宝藏,让自己了解和学习了很多以前自己根本就不知道的知识。
但总的来说,这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台。
正像辅导老师说的一样,它让我对几年来所学的专业课有了更为深刻的认识,使知识得到了融会贯通,得到了比以往学习任何一门课都更大的提高和进步。
所谓活到老学到老,自己以后还要加强知识的学习,不断的完善自己。
经过开发这个系统,这不仅仅是一次毕业设计,不仅仅是学会了一门开发语言,更重要的是在学习的过程中,脚踏实地,认真严谨,实事求是的学习态度,不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。
我想这是一次意志的磨练,是对我实际能力的一次提升,也会对我未来的学习和工作有很大的帮助。
这次毕业设计不能说得上是完美,但我觉自己已经尽了自己最大努力去完成,我想只要自己努力了就能对得起自己了。
同时我也会在以后的时间里尽量的完善它,不断的对它进行升级,做出更好的成绩。
第七章致谢
本人的毕业设计论文一直是在高飞老师的悉心指导下进行的。
高飞老师在治学上,态度严谨,学识渊博,为人和蔼可亲;在教学上,高飞老师有着丰富的实践经验,从整个网站的选材,规划,布局与制作都给予了我很大的指导和帮助,使我能够将理论中的结果与实际相结合,在此表示对高飞老师诚挚的感谢和由衷的敬意,师恩伟大,无以回报。
此外,我还要感谢我的同学断对我得到的结论进行总结,并提出新的问题,使得我的毕业设计课题能够深入地进行下在整个过程中的帮助和配合,谢谢你们。
参考文献
[1]:
杨选辉编著网页设计与制作教程清华大学出版社2008年8月第二版
[2]:
李舒亮主编网页设计与制作使用教程机械工业出版社2006年8月第一版
[3]:
中文版DreamweaverCS4案例教程(1CD)龙腾科技出版2009年5月第一版
[4]:
洪光,马希敏编著静态网站建设大连理工出版社2008年6月第二版
[5]:
姜伟主编网页美工传奇机械工业出版社2004年5月第一版
[6]:
方晨主编Fireworks8中文版实例教程上海科学普及出版社2006年6月第一版
[7]:
于慧主编静态网页编程精彩案例教程电子工业出版社2006年1月第一版
[8]:
胡崧主编HTML代码效果对比学习中国青年出版社2010年4月第一版
[9]:
蔡朝辉主编FlashMX2004实用操作指导上海科学普及出版社2004年4月第一版
[10]:
王辉,罗皇等编著中文Dreamweaver8网页制作[M].清华大学出版社,2006年。
[11]:
姚丽娜等编著多媒体技术及应用[M].地质出版社,2007年。
[12]:
网络相关素材与教程。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 精品 静态 网站 毕业论文