大学计算机课程设计报告

中南大学

本科生课程设计(实践)设计报告(大学计算机基础)

题目仙剑奇侠传

学生姓名王顺俊

指导教师田琪老师

学院湘雅医学院

专业班级临床2班

学生学号2211100204

计算机基础教学实验中心

2010年 12 月 17 日

一、任务内容

仙剑奇侠传一部经典中文RPG游戏，我以这款游戏内容设定为所做网页的主题，凭借凄美的故事，感人的爱情，真挚的友谊，坚定不移的信念，执着的追求正义为中心理念。加之中国武侠古典和悠长的背景文化，其次仙剑蕴含了深刻的情感内容，将每个人物刻画的惟妙惟肖，人物形象描摹细腻。《仙剑奇侠传》永恒不变的主题爱情，不管游戏怎么变，这一主题永远不会变化，唯美的爱情故事总会贯穿这个游戏剧情。随着游戏一代代的更新，游戏内容更加丰满，画面设计也越来越细致，尤其是仙剑四，强大的引擎效带来完美的游戏画面。因为引擎效能的加强，减少了切换地图时的读盘次数，那些高大、宏伟的场景将表现得更加连贯，玩家进行游戏时的感觉也将更加畅快。

二、设计的步骤

仙剑奇侠传包含内容丰富，资讯甚多，设计了7个网页大致涵盖了其能容，以一个主网页，包含了6个子链接网。首页描述了仙剑的游戏史，和整个游戏的大背景，分别设置了4个链接，分别为仙剑一，二，三，四部，首页且设置了8个部分，以其游戏介绍，游戏背景，游戏特色等逐层划分，最后以一部分涵盖4部游戏能容的视频，结束整个网页，游戏中还设置了交换式按钮，唯美的游戏背景和具有中国古典特色的壁纸，加之悠扬婉转的琴箫和鸣奏。设计特色以“仙剑奇侠传——仙剑奇侠传一——李逍遥”这样可以的格式，每个按钮间相互超链接，可以点击互相交换页

面，快速回到首页和上一网页。也是所制作网页的一大特色。四个子网页以各部仙剑剧情为主能容，分别表达了不同的能容，如宿命，宽恕，轮回等。每个网页设置了7个部分，并且每个中设置了边框表格补充加入到留出的空白处，既可以美化网页，也弥补了网页中留出一部分空白的缺憾。且分别设置了背景音乐。切合每部的主题风格。二在仙剑四的网页中有设置了两个子网页，分别介绍了两个主人公，每个网页以四个部分组成，以优美的图片组成，配合文字说明。附加动态字幕。在其中一个介绍主人公的网页中，加入了LIASH动画，切实配合了主人公的身份，性格。

三、采取的方法与手段

制作仙剑的网页，选取了frontpage,制作幻灯片是时用了powerpiont,使用flash制作动画,制作的网页分别对应相应的文件夹，将所需的图片等资料放入到文件夹中，规范了网页文件名素材文件名，将所有资料存放在一个名为《仙剑奇侠传网页》的大文件夹中。而所需资料与之对应的网页分门别类地放置在相应的文件夹中。在网页中插入视频，先点击“插入”→“图片”→“视频”，让后导入所需的视频，将视频框拉大，右击视频，选中图片属性，将循环次数改为“不限次数”。另一种方法是“插入”→“Web组件”→“插件”，在导入所需的视频。“插入”→“web组件”→“动态效果”中可以插入字幕和交互式按钮。在网页中插入声音。与插入视频方法二相同，只是最后插入的是音乐文件。

首页格式上分了五大区。

第一（标题区），每个板块都会有相应的题干，总结这一板块的内容。以特色的标题背景设置，输入相关内容，如：游戏介绍，游戏，人物等。插入图片，插入表格，插入层。制作此网页时，大量使用了层，使得网页内容丰富但不冗长，画面不会显得单调

太简陋。

第二（压缩扩展区），因为内容的过长，在次可以用交互式按钮，将过长的内容只显露一部分，大部分部显示出来，点击交互式按钮是内容全部拓展开来，再次点击内容遮蔽。

第三（动态字幕区）单击“插入／Web组件／字幕／完成”。只要输入所需的内容既可，再选择所需表现的字幕格式。

第四（插入层区）以大量图片，艺术字以及插件组合，构成整体。第五（幻灯片区）《仙剑客栈》，内容为所制作的仙剑幻灯片。四、遇到的问题与解决的办法

1．在插入视频时，插入，Web组件，高级插件，插件，插入视频后，预览视频可以播放，但是打开网页后插入的视频为什么无法播放。

答：因为视频格式不对，播放器不支持，无法连接到源文件，而用第一种方法，可以播放视频，因为此种视频格式播放方式被系统支持，所以可以播放。

2. 我制作的自己的主页，上传后，有的图片不显示是怎么回事？

答：可能原因有三个方面：一是图片的路径必须是相对路径；二是图片的名称不能是汉名(在本机浏览时尚可，但一旦上传后就不成了，因为多数服务器不支持汉名)；三是如果前两个方面都不存在，你还得注意一点就是看看你的文件名中是否用了大写字母？因为好多服务器的数据库只认小写字母。

在插入-Web组建-图片库-显示幻灯片的遇到一个问题，比如

我表格设定的宽度为600，但是幻灯片缩略图加起来的宽度超过了600，这样在预览的时候表格就被缩略图给拉宽了，再点击缩略图的移动的小箭头之后才能在会到设定的表格宽度600，请问这是什么原因？

这种做法做错了，表格要一行一列就可以了，然后把那幻灯片设为表格的背景，最后网页想多大都不会出现像那样的问题了！

4. 网页中明明做了下面，为什么预览时不能往下拉？（不出现滚动条）

把资料从新复制一遍，粘贴到新的一个Frontpage的当前窗口中。就会出现滚动条了，可以下拉了。

3. 我Frontpage作网页，插入了一个下拉表单，可怎么改

也不能用，不知为什么？

答：用网页制作软件作出来的下拉表单是不能用的。因为它得需要服务器组件支持。要想能正常使用，必须进行修改，你可将其拷贝到你网页的源文件中，再浏览一下，看看是不是你想要的效果？如果是的话，再据自己所需修改成自己的(并可在源文件中再用拷贝的方式添加多个项并修改)。

五、总结

经过这次制作网页，我更加了解了Frontpage2003网页的操作技巧、Powerpoint2003制作幻灯片操作技巧，以及FlashMX2004制作动画的操作技巧。比较看书了解的知识，通过亲自动手操作了解更加

深入，透彻。

我将在书本上所学到的知识应用到实践中，通过实践验证了理论，使得我加深了对计算机运用的概念。对一些书本中的抽象概念通过实际操作能够加强对其的记忆。

在这次制作网页中我采用了丰富的图片、文字，并添加了古雅的中国风背景图片，来体现仙剑这一款经典游戏。通过各种小技巧完善网页，让网页中的各个部分衔接精密，做出了令自己满意的网页。