大学计算机基础网页设计实践实验报告.docVIP

中南大学 本科生课程设计(实践)设计报告 (大学计算机基础) 题 目 我的中学—河北正定中学 学生姓名 卢浩杰 指导教师 朱从旭 学 院 化学化工学院 专业班级 化工与制药1007 学生学号 1505100709 计算机基础教学实验中心 2010 年 12 月 16 日 实验报告 一、任务主题 我选择的主题是我的中学——河北正定中学。主要介绍了河北正定中学的整体概况及其他方面的一些内容。因为对于这个我学习并生活了三年的地方，感觉对她了解的比较透彻，写起来更容易从整体上把握，同时也是为了让更多的同学认识我的母校，增进同学间的交流。 二、设计的步骤 ⑴网页 ①首页是一个总括，让人对河北正定中学有一个总的了解。页首插入了一个写有学校名称的flash动画（当然这个看起来比较好看，这是在网页上复制来的，不过后面有我自己做的flash，这只是想起到一个让人耳目一新的效果）。接着插入一个写有学校校训的字幕。然后是几张有代表性的校园照片重叠在一起，可以交换。下面便是链接各个分网页内容，共有五个分页，点击后察看更加详细的内容。最后仍然是一组学校的图片以及一些装饰性的图片和flash动画。 ②网站主要分为‘学校概况’、‘名师风采’、‘校园风光’、‘校园百态’等四大板块，最后还有一张链接介绍学校的ppt幻灯片。各个分页均有链接可以指向首页。 ③‘校园风光’一页，页首是一个自己制作的flash动画，效果是几个字之间的渐变和变化，正文是大量的学校不同地方的图片：包括教学楼、电教实验楼、图书馆、体育馆、校园、操场、后湖等图片，均为不对齐式排布，旁边注有名称。‘校园百态’页首是几个相同的flash动画，效果是圆和五角星的相互转化。正文是关于学校的多种多样的介绍和展示。采用图文并茂的格式排版，并插有表格等。‘学校概况’一页，最上方同样是插入了一个flash动画，上面写有河北正定中学的校训“明德笃学强身报国”，下面是一行字幕，用四个四字短语概况了本页的主要内容。正文即从这几个方面展开：学校荣誉、学校名人、历史沿革、办学规模等。‘名师风采’一页顶部是一张学校教师阅览室的照片，暗示了这一页的主题。接着同样是一行字幕，然后便是学校一些优秀教师的照片和相关简介，本页背景为淡绿色正文分两栏左边是教师照片，右边是其简介，结尾插有超链接可以查看更多教师的资料。最后一页插有超链接，指向与主题相关配套制作的ppt幻灯片。 ⑵幻灯片 幻灯片配套网页制作，共24页，总体内容与网页大体相似。前两页用学校照片作为背景，分学校概况、校园风光、名师风采、学生天地展开。这四项均建有超级链接，指向各自的分幻灯片并可返回。其中插有背景音乐《snowdreams》，另外还有一张有视频欣赏。文字的进入及图片的进入与退出都使用了不同的自定义动画，增添了幻灯片的视觉效果，大量的艺术字的使用更是增强其欣赏性。 三、采取的方法与手段 ⑴幻灯片 ①背景音乐的插入：执行‘插入→影片和声音→文件中的影片和声音’后出现一个小喇叭图片。为其设计自定义动画，设置成从开始播放。在效果上右击，点击‘效果选项’选择在第22张幻灯片后停止播放，并设置成循环播放。 ②超级链接的插入：右击选择需要使用超级链接的文字或者图片，点击其中的超链接，选择‘书签→幻灯片X→确定’即可。 ③视频文件的插入：执行‘插入→影片和声音→文件中的影片和声音’选择要插入视频的目标路径→‘打开’，即出现一张图片形式的东西和一个对话框‘您希望在幻灯片放映时如何播放影片？’单击‘自动’后通过四角及周围的箭头调整视频的位置和大小直至自己满意，幻灯片放映时即可自动播放。 ④图片的自定义动画：执行‘幻灯片放映→自定义动画’屏幕右侧出现一个关于添加效果的对话框。选中要执行的图片，点击添加效果，从而为图片选择‘进入、强调、退出、动作路径’等各种各样不同的自定义动画。 ⑵网页 ①字幕的设计与插入:执行‘插入→web组件→（从中选择字幕）→确定’即出现一个对话框，在字幕栏输入需要显示的字幕，下边点击格式，从而设置字幕的字体、大小和背景颜色等。 ②flash动画的插入：执行‘插入→图片→下拉菜单→flash影片’选择要插入flash影片的目标路径→‘打开’即可，后通过箭头调整其大小和位置。 ③超链接的使用：右击选择需要使用超级链接的文字或者图片，点击其中的超链接，选择需要超级链接到的文件或者网页，确定即可。 ④逐帧flash动画的制作：效果是背景为几座绿色的小山，一个红色的太阳从左至右来回跳动。准备工作为利用画图程序制作一张要用作背景的绿色小山图片和一个红色的太阳。并将红色的太阳复制为八张，放在同一的文件夹中，命名依次是‘太阳1、太阳2、太阳3……’。执行‘文件→导入到舞台→选择背景的目标路径→打开’。按动F5见键使其填充至第八帧。新建图层2，