82网站设计.doc[1]

天津市新华社区学院（普通高职）毕业论文系部：专业：班级：姓名：指导教师：系主任：完成日前：天津市新华社区学院毕业论文-1-目录开题报告………………………………………………………………………3摘要……………………………………………………………………………7一、当今网页制作软件浅谈…………………………………………………8二、DreamweaverMX网页编辑………………………………………………9三、FlashMX动画制作………………………………………………………11四、FireworkMX矢量图片处理………………………………………………13五、JAVA脚本语言和CSS样式应用…………………………………………15六、ASP与数据库的应用………………………………………………………21七、本地IIS设置和配置服务器……………………………………………24八、网站测试与系统分析……………………………………………………28九、代码附录…………………………………………………………………30天津市新华社区学院毕业论文-2-天津市新华社区学院毕业设计、毕业论文开题报告论文题目云天军事小站专业班级计算机网络022班姓名赵鹏同组同学指导教师郭素芳职称工程师选题调查报告、设计方案、论文提纲概述:云天军事小站1．开发工具：MacromediaDreamweaverMXMacromediaFlash5.0MacromediaFireworkMXAdobePhotoshop6.0MicrosoftAccessMicrosoftFrontPage2．调查报告：随着军事化建设步伐的加快，我国有越来越多青少年热爱军事知识和军事武器。本网站旨在通过网络普及军事知识，展示我军风采。3．功能简介本网站主要有四部分内容，其中有：首页：主要包含一些热点焦点透视、军事动态，国内最新动向，国内外战争演习新闻等内容。陆军风采：主要包含陆军兵种的介绍、新闻、最新武器装备，最新动态等信息。空军雄风：主要包含空军兵种的介绍、新闻、空军作战装备的天津市新华社区学院毕业论文-3-分析，最新动态等信息。海军英姿：主要介绍海军方面的信息，军舰知识等内容。留言：主要功能是网友和网站之间的交流平台，也是网友给网站提供军事信息的主要渠道。4．网站最终所要达到的目的：搜集各种军事杂志、报刊、网站信息，通过本网站可以尽量满足军事爱好者的求知需求，旨在普及军事知识，展示我国军事风采，满足更多军事爱好者的需求。5．的设计分析1、本网站主要采用表格方式进行排版，利用CSS进行整体样式设计，主色调采用灰和白色风格，整体风格正式，严肃。2、除留言版外其他页面采用静态网页设计，该方式有浏览速度快，易搜索，易保存等特点。3、留言版用asp设计，后台采用MicrosoftAccess数据库进行管理。4、留言版添加了管理员功能，可以对留言内容进行审查，净化网络信息。5、本网站总容量小，信息量大，租用100M以内的的服务器基本可以满足网站2年内的运营。具有很高的性价比和可行性。6、对浏览者运行要求较低。用户只需装有IE5.0及以上版本即可浏览网站。云天军事小站海军英姿空军雄风留言本陆军风采首页天津市新华社区学院毕业论文-4-6．网站开发、运行环境本网站主要用MacromediaDreamweaverMX进行网页设计，动画部分用MacromediaFlash5.0制作，位图图片主要用AdobePhotoshop6.0处理，矢量图主要用MacromediaFireworkMX进行设计。数据库用MicrosoftAccess。网站采用时下流行的浏览器/服务器方式进行访问。天津市新华社区学院毕业论文-5-毕业设计、论文工作时间进度安排周序号工作内容完成情况指导教师签字1选题、系统调研日期:日期:2撰写开题报告日期:日期:3网站总体规划日期:日期:4动画/图片部分设计日期:日期:5网站静态部分设计日期:日期:6网站动态部分设计日期:日期:7网站整体调试/打包日期:日期:8撰写论文日期:日期:9论文答辩日期:日期:10日期:日期:天津市新华社区学院毕业论文-6-《云天军事小站》网站制作赵鹏摘要：根据前期调研我发现，现在有很多军事爱好者和兵器爱好者，其中也有很多青少年。这些人了解军事知识和兵器知识的主要途径目前只是通过杂志，网络在这方面提供的信息目前还不完善，尤其是非政府组织的军事知识网站目前还是个空白，我选择用学过的网页制作软件制作这个《云天军事小站》的目的旨在向军事爱好者普及军事知识，开阔视野，节约学习成本。并为喜欢军事和兵器知识的朋友提供一个学习交流的动态平台。关键字：网页制作软件动态平台Abstract:Itisnotedfromresearchintherecentpastthatthereareinexistencequiteabignumberofmilitaryenthusiastsandweaponryenthusiasts,manyofthemarefromtheyoungeragegroups.Forthetimebeing,themainsourceofinformationonmilitaryandweaponryknowledgefortheseenthusiastsischieflythroughmagazines.TheInternetdoesnotappeartoprovidecomprehensiveinformationinthisfield.Inparticular,thereseemstobenomilitaryknowledgewebsiteprovidedbynon-governmentalorganizations.Thepurposeofmyusingweb-pagedesigningprogramIpreviouslylearnttodesignthis《YunTianMilitarySite》istopopularizemilitaryknowledge,broadenourvision,safecostonlearningandtoprovideadynamicplatformforlearningandknowledgeexchangesbetweenenthusiastsinmilitaryandweaponryknowledge.Keywords:Web-pagedesigningprogram,dynamicplatform天津市新华社区学院毕业论文-7-一．当今网页制作软件浅谈随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。以前，在网页制作的时候，通常都是使用FrontPage来完成。由于FrontPage使用方便，操作简单，即使没有网络编程经验的制作人员也可以设计出吸引人的网页，因此，很多网页设计者一直使用FrongPage。FrontPage2000集成在Office2000办公自动化软件中，其工作界面和操作风格和Word一样，因此，FrontPage相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。从功能来讲，DREAMWEAVER和FrontPage各有千秋，但DREAMWEAVER自身有明显的特点：首先DREAMWEAVER引入了图层的概念，可以在DREAMWEAVER中直接制作一些动画效果。其次DREAMWEAVER支持最新的DHTML（动态HTML）标准CSS（层叠样式表单）规范。另外DREAMWEAVER具有增加插件的功能，用户可以安装各种插件来增强自己的DREAMWEAVER。最后DREAMWEAVER中又新增了资源管理器、内建参考手册。整合SourceSafe和WebDAV，集成了MacromediaExchange.其灵活方便的操作界面，也是很多人选用DREAMWEAVER的一个原因。就目前来说DREAMWEAVER已经占据网页编辑软件霸主的位置我们再来谈谈我最喜欢的动画网页制作软件——Flash。与其说Flash是一个动画网页制作工具，还不如说它是一个功能强大的多媒体制作工具更为恰当。利用Flash可以独立制作出非常精彩的多媒体网页，包括动画的制作、声音效果的添加等。另外Flash对Internet的支持，主要表现在它采用了流控制技术，不用等整个动画的Movie下载完，就可以开始播放，对于一个Internet冲浪者来讲，这是一件很有吸引力的事情。同时Flash采用了矢量图形的制作方法，当对一副图进行任意的缩放时，它的质量并不会发生变化，而且文件很小，利于网络传输。FIREWORK是Macromedia公司推出的图像处理软件，与其他图形处理软件的设计思想都很相似，但它又有很多自己的特色。FIREWORK是一个人完全为网页制作者设计的图形处理软件，对制作基于网络的图形有特殊的支持，能够自由的导入导出各种图像。FIREWORK作为第一款为网络实际而开发的图像处理软件，能够自动切图，生成鼠标动态感应的JavaScript。而且FIREWORK具有十分强大的动画功能和一个几乎完美的网络图像生产器。FIREWORK可以轻松辨认矢量文件中的绝大部分标记以及Photoshop文件的层。除以上提到的主流网页制作软件以外，上传软件也是非常有用的：CuteFTP就是这样一款非常著名的FTP传输软件，虽然DREAMWEAVER和FrontPage都提供了内嵌式的上传工具，但是CuteFTP的强大功能仍然使它成为FTP软件的首选。另外和CuteFTP功能相媲美的一款国产FTP软件LeapFTP同样受到很多国内网页制作者的青睐。天津市新华社区学院毕业论文-8-二、Dreamweaver网页编辑本网站首先采用DW进行网页的编辑和排版。整体网页采用表格方式进行定位，表格边框宽度值为0，这样的优点可以根据不同用户的不同浏览器以及分辨率随时调整网页内容，同时浏览者也看不到表格线。按照惯例，表格的最左边内嵌5×1的表格，里面是悬停导航按钮。网页的顶端是横幅标题（banner），根据需要可以更换成FLASH广告。Banner的下放是横向导航按钮，按钮采用静态矢量图片的方式，浏览速度快，只需下载一次即可。该导航按钮弥补了悬停按钮低版本浏览器不支持的缺点。这也是网页布局的惯例，符合中国人的中庸式传统审美观。云天军事小站的内容主要按兵种分为三大部分：陆军风采，海军英姿，空军雄风以及网友留言用的留言板。其中每个栏目下面又有很多的军事信息和知识。网站更新的信息和将在首页中提示出来，方便网友查询。陆军风采：主要包含陆军兵种的介绍、新闻、最新武器装备，最新动态等信息。空军雄风：主要包含空军兵种的介绍、新闻、空军作战装备的分析，最新动态等信息。海军英姿：主要介绍海军方面的信息，军舰知识等内容。留言：主要功能是网友和网站之间的交流平台，也是网友给网站提供军事信息的主要渠道。天津市新华社区学院毕业论文-9-陆军风采主要内容摘自《解放军报》《八一军事网》，内容有：陆军步兵编制陆军战斗序列我军军车目前使用的牌照196师解放军王牌集团军──39集团军中国“雄鹰”特种大队(纪实文章)《海军英姿》详细介绍了目前我军所拥有的主流驱逐舰：“旅大”级导弹驱逐舰“旅海”级导弹驱逐舰“旅沪”级导弹驱逐舰052型导弹驱逐舰《空军雄风》详细介绍了目前我军所拥有的主流战斗机：歼十战机SU-27SK性能诸元歼十一战机歼八战机歼七战机天津市新华社区学院毕业论文-10-三、FlashMX动画制作一个吸引人的网站一定有一个华丽的FLAH过场动画，这样不仅给浏览者深刻的印象，同时突出了网站的特点与风格。但FLASH相对DW制作较复杂，设计到帧、时间轴、剪辑、按钮和actoin语言等方面。下面是我这个FLASH制作过程的简单介绍：1．虽然FLASH采用了流控制技术，但考虑到基带网的速度和本身FLASH的文件大小，我还是采用目前流行的先下载后观看的方式，以保证音