中南大学
本科生课程设计(实践)设计报告(大学计算机基础)
题目匪我思存作品展
学生姓名xxx
指导教师Xxx
学院Xxx
专业班级Xxx
学生学号Xxx
计算机基础教学实验中心
2013 年 12 月 18 日
网页设计报告
一．主题及内容介绍
网页主题为言情天后匪我思存作品专栏，主要内容包括作者介绍、笔名出处、作品展览以及作者的成名作《来不及说我你》的PPT展示。

首页包括网页目录以及作品封面美图和美文欣赏，作品展览中还连接了两个作品的情节概述。

整份网页以蓝色为主打，符合作者作品优雅而不失情感的特点。

二．设计步骤
①．主题选定：根据自己的兴趣选定大概主题，结合本人对作者的了解以及网络资料确定网页主题以及网页内容。

②．网页结构设计：网页结构的设计经过数次改造（下文问题中会有详细概述）最终确定为首页采用镶嵌式框架结构，有利于内容更好地展现、保证内容的完整性以及网页美化，次页中包含文本结构和表格结构，有助于利用有限的网页数更好地保证网页的完整性。

首页与每张次页均有超链接，便于观看，同时次页间也有链接，最大程度上地实现跳转。

③．内容排布：内容排布根据主题内容间的逻辑性，分三个层次展现，首页为第一层次，包括网页目录、标题、作者作品封面美图欣赏以及美句欣赏，其中目录在左侧分框架中，标题排布于右上方框架，其余在右下方框架中呈现。

④．网页美化：为了是网页和作者作品风格不冲突，我选择了多张优雅的蓝色图片作为网页背景，同时黄色的字体与蓝色的搭配也更能展现文字内容，再有网页中涵盖了艺术字，音乐，动画，PPT等多种美化工具，为网页的内容展现及整体布局增添了色彩。

三．采取的方法和手段
①．取材：借助百度文库，百度图片，酷狗音乐以及其他事物完成取材。

②．网页制作：以FrontPage为工具，网页的框架设计及内容填写全都在FrontPage上实现，具体步骤为：
a.新建网页：在右侧选则已有网页模板，再从框架网页中选择镶嵌式层次结构，根据需求，分别在三个框架网页中添加新网页或者设置初始网页。

b.添加背景图片：从格式菜单中的背景或者鼠标右键快捷菜单中的网页属性中找到目标窗口，接着进入格式中浏览已存图片，设置成背景图片。

c.添加背景音乐：将所收集到的音乐重命名成一个简单的名字，需带有后缀名，再进入背景界面进行音乐浏览，在浏览框下面打入该音乐名就可找到，再打开就行了。

d.插入flash.首先要制作flash，再将flash发布，就可从插入图片中找到插入flash影片，选择灰颜色的那个文件再浏览就成功了。

e.插入PPT，从链接中插入。

f.图片的插入很简单，直接从插入菜单中插入即可，再对图片位置和大小进行适当的改动即可。

g.艺术字的插入与图片插入类似。

③．PPT制作：鉴于有做过两次英语PPT作业，所以此次制作可谓是得心应手，背景从鼠标右键快捷菜单中找到，插入合适的背景，再输入文字，对文字的字体，颜色加以适当改动，文字与图片还可以动画的方式的形式进入与出去。

④．动画制作：借助Flash完成，首先新建flash文件，再从属性中对flash图画进行适当改动，再从文件中导入背景图片，对背景图片进行适当改动，选择工具菜单中的文字工具“A”，选择适当的字体大小及颜色，再输入文字，接下来在25帧出插入帧，插入图层2，在第1帧处选择文字工具输入所需文字，再在第5帧处选中文字进行修改分离，在第20帧处插入空白关键帧，将文字打散，再在第1帧、第5帧处选择属性中的形状即可。

（此处从百度文库中获得制作方法）
四．遇到的问题及解决方法
①．确定主题：原主题为一个小说展，但考虑到范围过大及网页页数和时间的限制而选择其中一个作者的作品进行展示。

②．取材：开始选择的图片过小，不能填满整个网页，后通过图片修改工具对图片进行修改以及再从百度图片中下载大图片得以解决。

③．网页设计：起初选择的是表格布局，后来考虑到表格过于单调改用无意间从FrontPage上发现的框架结构，框架结构的选择也多次改变过，最后决定用镶嵌式结构，框架结构的使用过程中也遇到很多问题，例如：插入已做网页，建新网页，以及链接的目标框架，某些是自己摸索出来的，某些是向室友亲请教的，如从超链接属性中选择合适的目标框架。

④．插入：插入背景图片是自己摸索的，插入音乐是听从老师的将音乐名该简单从背景音乐浏览里找的，插入PPT是直接从网页中链接过去的，插入flash是先将制作的flash发布再从插入中插入的，这个方法是上网查的。

⑤．操作问题：在插入图片时图片排布总是不如人意，拖动图片也很麻烦，后经过图片修改，文字排版等得以解决。

⑥．保存问题：开始的保存是以以index—命名，后来重命名后就无法打开，再重新用原先的名字还是打不开，只能重新做，幸而框架中的原网页还在，重新做很快就完成；制作初步完成后不小心删除了部分文件，后从回收站中找到。

⑦．鉴于对flash制作不熟悉，我从网上搜到了相关文档和教程，对flash 的制作有了更深一步的了解，同时也学会了flash的加载方法。

五．总结：
此次的网页制作让我受益匪浅，那些在网上看到的东西既然也能出自我手，而且还是为我喜欢的作者做作品专栏，不仅让我学到了网页制作等方面软件的使用，还让我对作者，对美化页面有了更深的了解，同时让我对多媒体有了更深的了解。

通过一次次对网页的改动，当看到符合自己所想的网页展现出来时，真的成就感十足，同时我也坚定了尽善尽美的理念，只有一次次出错，一次次改动，才能一次次进步，才能达到自己的目标，甚至比目标更高。

再有在各种软件使用
的过程中，我懂得了细节决定成败，还有，只有对它们了解了才能熟练地应用。

在这里，我要感谢我的计算机老师，她教会了我很多使用方法，指示我不懂的东西要通过各种方法去学习，例如去图书馆查阅相关书籍以及从网上查阅相关文档和视频教程，或者向有经验的同学请教。

再有我的室友，同学们，通过他们的帮助，我解决了一个又一个难题。