乔玉强论文.doc

山西旅游职业学院大专毕业设计山西旅游职业学院毕 业 设 计 设计题目： 古董网站 姓 名 乔玉强 专 业 应用技术 系 别 08计算机 指导教师 杨海红 2010 年 5 月 8 日20内容摘要【摘要】在这个信息化的时代，经济的快速发展和生活水平的逐步提高，使人们在精神上的高追求成为一种必然趋势（如:娱乐、享受、旅游等等）。古物的遗留离不开人们保护的。那么创建一个新颖、独具特色的古董网站就显得十分必要。我对其有着非常浓厚的兴趣和独特的见解，所以我将设计题目定为中国古董网站。我是这样设计我的网站的，我从网站的实际应用角度出发，结合自身所学所学知识运用到该网站上。在我的网站中详细介绍了网页的制作技术，运用了目前最流行的网页制作工具（Dreamweaver,Flash）。在制作网站的过程中，运用到的主要知识有：设置页面的属性（包括文本属性、链接属性、表单属性、网页背景图象等），插入表格，应用表单元素，设置滚动文字，添加超链接等。就本网站而言，我从六个章节对其进行描述，分别是网站概述，网站设计需求分析，网站的模块设计，网站开发前期准备，网站开发过程和网站的维护。我设计本网站的目的：通过本网站来表达自己的思想，同时给广大热爱古物收藏的朋友们提供了一个视觉平台。让中国文化走向世界，让世界了解中国。关 键 字： 网页三剑客( Dreamweaver 、Flash ) ASP程序设计语言 Photoshop7.0 目录第1章 网站概述11.1 开发背景11.2 研究目的1第2章 网站设计需求分析22.1 网站建设整体规划22.2 主要模块设计与实现方法22.3 导航栏结构图32.4 基本设计概念和处理流程图4第3章 网站的模块层次设计53.1 非动态模块简介53.2 动态模块简介5第4章 网站开发设计工具94.1 软件开发技术简介（网页三剑客）94.2 丰富的超级链接124.3 选择设计开发工具13第5章 开发过程145.1 静态页面设计145.1.1 静态页面设计实现研究145.1.2 静态页面实现过程155.2 动态模块设计155.2.1 ASP语言介绍（Active Server Pages）155.2.2 ASP动态网页的特点16第6章 网站的维护、调试和测试及存在问题176.1 网站的维护176.2 网站的调试176.3 网站的测试176.4 存在问题18致 谢19参考文献20第1章 网站概述1.1 开发背景随着经济和生活水平的提高，人们对生活的要求不仅仅局限在物质方面，反而对精神方面的要求更要高一些，尤其是对中国古董行业的探索，因此设计一个古董网站迫在眉睫。玩家们在收藏前可以上网提前了解要收藏东西的具体情况，不至于是个古盲。这就是此网站的开发背景。1.2 研究目的 计算机改变了人们的生活，互联网丰富了人们的生活。随着网络技术的日趋成熟与普及，各类网站如雨后春笋般出现在互联网上，相关旅游网站也不甘势弱、紧跟步伐，同上同一平台，成为其中较为流行和热门的一种。从古董行业的发展前景来看，建设相关古董网站成为其必然趋势。它突破了传统的古董模式，在传统的古董模式上进行建设和更新，让旅游行业进一步贴近人们的生活! 古董网站是藏宝者的发展平台，世界各地都拥有其丰富的古文物资源，并且大部分文物资源是其体现国家历史不可缺少的一部分。古董行业的发展和古董网站的升级，会吸引更多玩家的眼球，为其古董收藏行业创造更大的收入。由此可见旅游行业的重要性，这就是我建设此网站的目标。古董网站由以下几部分组成:1.基本概述（其中包括玉器、瓷器、书画、论坛、其他等概述） 随着网络的日益发展，为了满足不同人对网络的需求，各种特色、各种主题的网站也在不断增加。为了满足古董爱好者、享乐需求者，一批以古董为主题的网站应用而生。希望借此网站能够给人们提供更加完善的娱乐、享受服务。第2章 网站设计需求分析2.1 网站建设整体规划 我是这样规划我的古董网站的:从外观上看是由以下多个生动形象的子网页组成的，分别是首页、古董知识、古董鉴赏、名家荟萃、珍宝鉴赏、友情链接、其他概述这七个页面组成。其中网站首页是由四部分组成:珍宝展示、古玩常识、鉴赏知识、中华国宝。其结构图如图2-1所示（只含首页）：图2-1 网站整体规划图博古架2.2 主要模块设计与实现方法首页珍宝展示珍宝展示瓷器陶器玉器翡翠书法字画奇石化雕刻制品床桌柜椅在我的五台旅游网站中有七个主页面，分别是首页，基本概述，历史概述，自然概述，资源概述，文化概述和其他概述。主要采用静态网页和动态网页相结合。首页模块:主要采用动态Flash构成，给浏览者一种眼前一亮、心旷神怡的感觉。其中包括佛国游记和景区动态两大部分。基本概述模块：主要运用了表单工具，就其地理位置、气候、人口、耕地面积、自然资源和历史发展着这六方面对五台山的基本概况进行了详细的描述。历史概述模块：同样运用表单工具，主要从历史沿革和主要大事迹这两个方面进行阐述。历史沿革主要介绍五台的历史悠久和五台县得名的由来；而主要大事迹则是描述从公园二0六年到二00三年期间五台的变化和发展及其历史重大事件。自然概述模块：仍然运用表单工具，从五台山的地理方位、地形气候、山脉和面积四方面着手描述。资源概述模块：依旧运用表单工具，分别对人口资源、土地资源、矿产资源、水利资源、旅游资源和主要物产这六方面进行了阐述。文化概述模块:同样运用表单工具，从佛教文化、寻根文化、晋商文化、自然文化、关隘文化、革命文化等对文化概述进行描述。其他概述模块：同样运用表单工具，描述了五台的山脉、河流、盆地和溢口。2.3 导航栏结构图 导航栏结构如2-2所示：古董网站站点首页古董知识古董鉴赏名家荟萃珍宝鉴赏友情链接 图2-2 导航栏结构2.4 基本设计概念和处理流程图整体流程如图2-3所示：古董网站其它描述友情链接珍宝鉴赏名家荟萃古董知识古董鉴赏名家荟萃古董鉴赏古董知识首页珍宝展示雕刻制品奇石化书法字画玉器翡翠陶器瓷器 珍宝展示柜桌床椅博古架图2-3 整体流程图第3章 网站的模块层次设计3.1 非动态模块简介就其本网站而言，绝大部分网页板块非动态网页,但都会有相应的超级链接。3.2 动态模块简介首页，在首页的banner中插入一Flash动画图片，。动态的图片是有中国笔墨形式绘制的中国山水画，充分体现了中国的一种文化底蕴给人一种复古的感觉让浏览网站的人更加深刻的体会中国元素所带来的美感，更加丰富的欣赏中国文物带来的震撼视觉效果，这副Flash动画图片（即和谐世界，从心开始；文殊智慧，以道相通，因陀罗网，常会“文”友；黎民社区，喜结“文”缘、）。这几个标志，主要采用Flash做成。其代码清单如下： Banner效果如图3-1所示：图3-1 Banner效果图代码清单如下：   滚动图画的效果如图3-2所示：图3-2 滚动图画效果图图3-3 山水图首页效果如图3-3所示：图3-3 首页效果图第4章 网站开发设计工具本网站主要采用Dreamweaver8 . Flash . Photoshop7.0等制作软件，在Dreamweaver8中执行站点/管理站点菜单命令，弹出管理站点对话框，单击新建按钮，选择站点命令，在计算机的提示下，建立站点网站完成后，就开始制作网站内容。其次，在制作前，搜索一些做网站的资料，参考别的网站风格，让自己的网页更加生动，同时也要对各个模块进行整体分析，规划每个模块的实现功能。最后，建立超级链接，将链接好的网页进行测试。其示意图如4-1所示：图4-1 管理站点图4.1 软件开发技术简介（网页三剑客） Dreamweaver是在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。 Flash是Macromedia公司的一个的网页交互动画制作工具。 我们可以从Macromedia公司的主页上下载flash的试用版。与gif和jpg不同，用flash3.0制作出来的动画是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输送数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。本网站所作Flash风景图如4-2所示：图4-2 a图4-2 b图4-2 cFireworks 是 Macromedia 三套网页利器之一，它是用来画图用的。 本网站没有采用此软件制作，所以这里点到即可。4.2 丰富的超级链接 超级链接是“超文本链接”的缩略语，它提供了通过单击超级链接点将用户从WWW文档某一部分连接到不同文档或同一文档的其他部分，可以迅速从服务器的某一页转到另一页，页可以转到其他的服务器页。表示超级链接点的信息可以是文字或图像，甚至是动画。 WWW是一个专用术语，用于描述因特网上的所有可用信息和多媒体资源。而超级链接是WWW的魅力所在。为了把Internet上众多分散的网站和网页联系起来，构成一个有机的整体，就要在网页上加入链接。通过点击网页上的链接，我们才能在信息海洋中尽情遨游。超级链接有下面几类，如图4-2所示：超级链接内部链接：同一网站文档之间的链接外部链接：不同网站文档之间的链接锚点链接：同一网页或不同网页的指定位置的链接E-mail链接：电子邮件的链接 图4-2 超链接示意图而我的旅游网站只采用了前三种超级链接。操作方法有三种：1、直接在图像属性工具栏超级链接编辑栏中输入文件名。2、用锚点链接工具进行拖拉链接。3、双击超级链接编辑栏右边的文件夹，选定所要链接的文件。注意：在制作网页过程运用超级链接是为了实现首页和各个子页之间的链接。但由于网页中的超级链接多而繁杂，选择上述第一种方法很容易出现链接重复或漏掉；而第二种方法锚点链接不仅操作方便而且不容易出错，所以在此建议大家在进行超级链接时运用第二种方法。4.3 选择设计开发工具本网站选择的开发工具有： Dreamweaver8 . Flash . Photoshop7.0，其中静态页面设计工具有: Dreamweaver8 . Photoshop7.0；而动态页面设计工具有：Dreamweaver8 . Flash 说明：由于所选设计开发工具在在第4章第1节已经详细介绍过了，所以在此点到为止。第5章 开发过程5.1 静态页面设计5.1.1 静态页面设计实现研究静态网页使用的语言为HTML（超文本标记语言）, 也就是网页文件的语言，以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动文字等。例如:在首页的正文中，可以看到滚动的文字“和谐世界，从心开始；文殊智慧，以道相通，因陀罗网，常会“文”友；黎民社区，喜结“文”缘、”其效果如图5-1所示：图5-15.1.2 静态页面实现过程在古董网站功能建设中，里面的内容更新量不是很大，所以多采用静态网页的方式来制作,这样会显得更加简单。5.2 动态模块设计5.2.1 ASP语言介绍（Active Server Pages）动态服务器网页是微软公司推出的基于Wed应用的一种脚本语言。ASP工作方式的特点是根据客户端请求生成不同页面，将所生成的纯HTML代码返回到客户端，这样兼顾到了安全与高效。ASP用于开发网络数据库应用十分便利，一经推出便得到广泛应用。 ASP作为一种服务器端脚本编程语言，能支持多种脚本语言，程序文件不能由客户端直接运行，运行ASP脚本程序需要一个支持ASP技术的Web服务器，其特点是操作简便，但功能有限。ASP 程序其实是以扩展名为 .asp 的纯文本形式存在于 WEB 服务器上的，你可以用任何文本编辑器打开它， ASP 程序中可以包含纯文本、 HTML 标记以及脚本命令。 一个ASP程序可由服务器端脚本与HTML脚本共同构成，所有包含在脚本定界符% %之间的VBScript脚本语言皆被视为服务器端脚本，在服务器端运行，生成标准HTML脚本输出到客户端，因此在客户端只能看到纯粹的HTML脚本文件，看不到ASP脚本源程序。采用这样的实现方式好处有两种，一是保证了源代码不至于被泄密；二是保证了对所有客户端浏览器的兼容。% %定界符不能嵌套使用，且只能成对出现。5.2.2 ASP动态网页的特点 （1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术。 （2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试。 （3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页。 （4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息。 （5）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可放置ASP程序代码被窃取。第6章 网站的维护、调试和测试及存在6.1 网站的维护1、服务器及相关软硬件的维护，对可能出现的问题进行研究，并作出相应的修改和响应。 2.内容的更新、调整等。3.制定相关网站维护的规定，将网站维护合理化、规范化、制度化、人性化。6.2 网站的调试 在Dreamweaver8软件中，将链接好的网页进行浏览，在浏览过程中，经常会遇到些问题，例如:为什么Flash不能播放?有的图片不能正常打开等问题。Dreamweaver8和大多数浏览器一样支持使用JPEG和GIF格式的图像。一般来说，JPEG是存储照片或连续色调图像较好格式，而GIF则是存储非连续色调图像或颜色比较单一的图像。 值得注意的是：在Flash中，存储方式有两种：一种是fla,另一种是swf；在Dreamweaver8中，将Flash动画设置为swf格式，在网页中就可以浏览到动画了。6.3 网站的测试在网站发布前要进行详细认真的调测，确保网页的正常的使用和浏览。主要调测的内容有：1. 服务器的支持性、稳定性和安全性。2. 网页的链接测试。3. 程序代码的正确性的测试。4. 网页兼容性测试。例：浏览器、显示器。5. 根据需要的其他测试。6.4 存在问题我所做的网站以静态为主，其中夹杂着少量的动态模块（以Flash为主）。由于静态网站是不可变化的，不会随着时间的变化而变化。换句话说，我的古董网站就是一个死的，无论浏览者何时何地对我的网站进行浏览，结果都是一样的，不会时时更新，这就是我的网站存在的问题。那么就问题而言，这就是我的后期工作，如果在我的能力范围内，我会和相应的数据库进行连接，将其完善成动态网站，跟着时代的步伐走！致 谢通过近三个月的努力，我已经成功完成古董网站的建设。在老师和同学的帮助和指导下，我的古董网站显得更加别致、更加新颖、更加完善，并且已经成功通过测试。所以我的心情无比激动和兴奋，无法用言语来形容。虽然已经完成设计，把所学知识运用其上，但由于时间短和技术含量低的原因，我的网站仍是美中不足，存在缺陷，不够完善，没有达到我预期的效果，因此我不能有丝毫的骄傲和满足，我应该继续认真努力学习相关专业知识，坚持不懈，持之以恒，用以丰富和完善我的网站。革命尚未成