计算机应用训报告

1、 PAGE 7计算机应用训练实习报告题目： 论语之家 院系： 直属数理系 专业年级： 信息与计算科学专业2008级学生姓名： 李亚清学号：200825112009年7月 10一设计的主要思路在过去的相对一段时间里，我国的古典文学被很遗憾的淡忘，连当今的许多教育家也深深的意识到这个问题，所以如今的复古倾向愈来愈浓，许许多多针对小学教育的古典文学补习班渐渐受到学生家长的青睐。提到中国的古代文学的经典不得不提到论语，本人对论语也是情有独钟，所以本人从学习论语的角度出发设计网站，特命名为“论语之家”。本站以论语为主题，分为介绍论语的一个主页和“作者简介”，“论语全文”，“论语注释”，“论语心得”，“论

2、语百科”五个副页，考虑到能够从读者那里获取关于改进本网站的意见，特增加了“留言板”及其“确认信息”两个页面，为了能够给读者提供放松的空间又附加了娱乐空间1和2。为了和主题想吻合，我选择了把孔子讲学的图片和刻有论语的竹简合成banner作为网站的横幅背景，在上面加上三个透明flash动画，而网页的背景全用古典的单纯的浑厚的色彩图片，为了突出古典的气质所有的网页全部用这种横幅和背景。主页的内容主要以介绍论语为主，还加了背景音乐，并在旁边添加本站内的热点和其他和论语相关的网站进行链接。其他的页面均以其展示论语的全文，注释，读论语后的普遍认识及和论语相关的杂谈，留言板上加了一些动画和背景音乐。具体如下

3、：1站名：论语之家2站点整体布局(1)网页LOGO：由两副图合成banner，作为背景图片，图片位置上插入3个透明flash；(2)按钮栏：横幅下侧，能快速链接到目标网页；(3)实时日历：由网上找到的特效代码生成，置于按扭下方左侧；(4)滚动字幕：在横幅和按钮栏之间由web组件中的动态效果生成，方向：由左向右；内容：欢迎你光临本站；在按钮栏下侧与实时日历并列，在其右侧，由特效代码生成，方向：由下向上；内容：论语中的部分语句；在正文上方由web组件中的动态效果生成，方向：由右向左； 内容：逝者如斯夫，不舍昼夜；(5)正文：表达网页的主要内容，插有图片；(6)插件：插图，背景音乐，烘衬主题，；(7

4、)链接：站内链接和站外链接，链接到与主题相关的的文段和网址；(8)表单栏：包括评分、个人信息和建议，由此了解他人对本网站内容的看法在我的评价网页；(9)飘动图片：一个闪烁的图片由代码生成；一副山水图，直接连接到表单栏；还有一串跟随鼠标而转动。3网页制作元素：JavaScript，flash, music ,表格。二站点的主体结构本站首页 本站首页作者简介论语全文论语作者简介论语全文论语心得论语百科论语注释 论语注释 评分留言评分留言 娱乐空间1娱乐空间1娱乐空间2娱乐空间2 图1 流程图三主要界面1首页图2是该网站的首页，图中的横幅是由两副图通过图层汇合而成的图片作为背景，图片显示的是孔子在教

5、诲弟子的情景，孔子的左侧是竹简，上面的内容是论语，上面镶嵌的站名论语之家，被插入的透明flash上的动画所覆盖。横幅下面是由左向右滚动的黄色字幕，内容是“欢迎你光临本站！”。接着便是按钮栏，六个均为交互式按钮，并带有链接，分别指向本站首页，作者简介，论语全文，论语注释，论语心得，论语百科六个页面。下面一栏的左侧，是公历和农历同时显示的日历，突出古典的韵味，右侧是由下向上滚动的黄色字幕，内容是论语中名句，它和左侧的日历均是由JavaScript代码生成的。下面的是由右向左滚动的带有下划线的黑色字幕，内容是“逝者如斯夫，不舍昼夜”，是由web组件中动态效果生成，突出其庄重古典的意蕴。正在飘动的山水

6、风景图片是链接到“我的评价”网页中的留言板。正在转动的带有竹简的图片紧随鼠标移动并旋转。这两项飘动图片也是也是由JavaScript代码生成。其中该页面添加了背景音乐初雪。图2 首页2首页正文图3是本站首页的正文部分，左侧是对论语书目的简单介绍，其中插入了四副画面，两副关于论语内容的字画，字体不同，另外两副是一副是后人书的孔子的画像，剩下的一副是后人描绘孔子教诲弟子的场景。右侧的是链接部分，其中上半区的“热点推荐”是将“ HYPERLINK file:/C:我的文档My%20Web%20Sitesmysite3论语心得.htm l 关于君子人格的塑造 关于君子人格的塑造”， HYPERLINK

7、 file:/C:我的文档My%20Web%20Sitesmysite3论语百科.htm l （二）“论语”命名的意义和来由 “论语命名，的意义和由来”，“ HYPERLINK file:/C:我的文档My%20Web%20Sitesmysite3论语心得.htm l 关于君子人格的塑造 关于学习”，“ HYPERLINK file:/C:我的文档My%20Web%20Sitesmysite3论语百科.htm l (六）论语中的名言 论语中的名句”等站内中的比较受青睐的文段直接链接到文段所在的位置，“友情链接”是直接链接到与论语有关的其他网站。正在漂浮的竹简画片和山水留言板上文已详细说明，在此

8、不多说。图3 首页正文3论语全文 图片4 图4上端是由JavaScript代码生成的日历，日历左下方是JavaScript代码生成的的闪烁飘动的图片，形状和颜色及其位置都随时间不停的变化。日历的正下方是由右向左的的黄色滚动字幕，内容就是论语，下方便是论语中二十个章节的标题，下文的具体内容的标题中都插入了标签，点击图片中相应的标题，页面自动到达你所要浏览的章节，再点击章节内容上方的标题就可以返回到图片所示的目录栏。图片的最下侧是一副关于论语内容的字画，是为了渲染诗词书画的美好意境。4我的评价 图5 表单栏图5中上端是是一个卡通小屋，小屋的左侧是一个指针式的实时表钟，有两个卡通式 的小可爱在小屋的

9、的周围飞来飞去，并不时飞进屋里，飞出屋外，图中只显示了一个，另一个在屋里。下方的两行“瞬间美丽”的背景图片从左到右循环的闪烁，飘浮在上面的两个小白衣天使从下方渐渐飞出，在中间相遇后向两边飞去，此时交叉处出现不停变换色彩的圆形云层，中间出现一只白色和平鸽，整个画面展示出一种舒适和美好的感觉，给读者一种想留下“到此一游”的感觉，自然而然的想留言并给本网站作一评价，在此留下脚印。四经验和体会在本次时间并不长网页制作实践课程的学习中，我了解与熟悉并掌握了网页制作的基本操作；学会frontpage、flash和photoshop等软件来进行简单的网页的设计和制作。在整个实践课程的学习过程中，我最大的体会是，做任何事情只要肯钻研肯投入就一定能做好。在最初的几节课里，因为坐在教室的后半部分，距离黑板屏幕较远，投影机发出的字幕又不怎么清晰，我很难跟上老师的进度，以致于几次课下来，我什么都听不懂，什么都不会做。为了赶上课程，我自己在网上搜索相关资料，自己去学习，自己去研究，好多的细节问题都需要自己去反复调试，试验，知道自己真正的理解，真正的领会操作的原理并且自己能够亲手操作。自己没有钱买电脑，所以只能在别人睡觉的时候自己借用学习，好多次都到大约凌晨4点才去休息。尽管很累，但是感觉自己收获很多，很