大学生计算机教学实践报告范文

通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通，熟练在手。所以本人结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver,Fireworks,Flash软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。Fireworks是目前最流行的网页图象制作软件。只要将Dreamweaver的默认图象编辑器设为Fireworks，那么在Fireworks中制作完成网页图象后将其输出就会立即在Dreamweaver中更新。Fireworks还可以安装使用所有的Photoshop滤镜，并且可以直接导入PSD格式图象。更方便的是它不仅结合了Photoshop位图功能以及CoreIDRAW矢量图的功能，而且提供了大量的网页图象模板供用户使用，例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，或者作为单独的网页出现。Flash是目前最流行的矢量动画制作软件，与其他Wed动画软件相比，它具很多优点。制作的是矢量图形。只要用少量矢量数据就可以描述一个复杂的对象，而占用的储存空间只是位图的几千分之一，非常适合在网格上使用。同时，矢量图象不会随浏览器窗口大小的改变而改变画面质量。使用插件方式工作。用户只需安装一次插件，以后就可以快速启动并观看动画，而不比像Java那样每次都要启动虚拟机。Flash插件也不大，只有170KB左右，很容易下载并安装。还提供其他一些增强功能。例如，支持位图，声音，渐变色和Alpha透明等。拥用了这些功能，用户就完全可以建立一个全部由Flash制作的站点。Flash影片也是一种流式文件。这就是说，浏览者在观看一个大动画时，可以不必等到影片全部下载到本地再观看，而是可以随时观看，即使后面的内容还没有完全下载，也可以开始欣赏动画。主图是一个网页的门面，它能体现出这个网页的整体风格。网站名字为蓝晴驿站，蓝色的天空给人带来好的心情，给人带来轻松愉快的心情来浏览网页。

首页的地址为“”,内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。

首页主要是导航作用，上方共有六个导航条，用fireworks编辑的悬停按纽。各分为六个内容，左侧的为‘星座物语’，‘动感地带’，‘爱情感悟’。下面的六个字幕是衔接。右侧的为‘五花八门’，‘心情留言’，‘海阔天空’。中间为一段笑话。下面的横幅是一个flash动画，效果是色彩渐变。接着蓝色的一个横幅上的是flash动画衔接。接下来是一个搜索菜单，方便快捷。其它的为gif动画。

单击“星座物语”，进入内容左侧的字体是fireworks编辑的gif动画。左侧下方是篇有关星座的文章，右侧的星座专题有三个关于星座的内容可单击。‘漂亮穿衣法则’内有广告条，鼠标放在上面时停止浮动，鼠标离开时继续浮动。‘星座爱情特点’内有鼠标特效。它的代码为：<**>

functionYY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,

yyto,yycnt,yystep){//v1.2

//copyright(c)1999Yaromat,JarovonFlocken

if((document.layers)||(document.all)){

with(Math){yynextx=eval(yyfnx)}

with(Math){yynexty=eval(yyfny)}

yycnt=(yyloop&&yycnt>=yystep*yybilder)?0:yycnt+yystep;

if(document.layers){

eval(yydiv+".top="+(yynexty+yytop))

eval(yydiv+".left="+(yynextx+yyleft))

}

if(document.all){

eval("yydiv=yydiv.replace(/.layers/gi,.all)");

eval(yydiv+".style.pixelTop="+(yynexty+yytop));

eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));

}

argStr=YY_Layerfx(+yyleft+,+yytop+,"+yyfnx+","+yyfny+","

+yydiv+",+yyb

ilder+,+yyloop+,+yyto+,+yycnt+,+yystep+

);

if(yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");}

}

}

functionYY_Mousetrace(evnt){//v1.2copyright(c)1999Yaromat

if(yyns4)

{if(evnt.pageX){yy_ml=evnt.pageX;yy_mt=evnt.pageY;}}

else{

yy_ml=(event.clientX+document.body.scrollLeft);

yy_mt=(event.clientY+document.body.scrollTop);

}

if(yy_tracescript)eval(yy_tracescript)

}

</script>

右侧下的是一个flash做的动画，蒙板层切换图片，下面的字幕为衔接。

单击“动感地带”进入内容的左侧，一个米老鼠可以单击返回首页。下面是一个表格，表格里的内容是衔接网站。表格的最后一行‘友情链接’为本班同学所做的个人网站，可单击衔接。本页最后为flash动画。它是一个跟随鼠标移动的图形心。它的代码为：<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="/pub/

shockwave/cabs/flash/swflash.cab#version

=6,0,29,0"width="745"height="400">

<paramname="movie"value="**

<paramname="quality"value="high">

<embedsrc="swf/xin.swf"quality="high"pluginspage="/go/

getflashplayer"type="application/x-shockwave-flash"width="745"height="400"></embed></object>

单击“爱情感悟”进入内容是一篇关于爱情总结的一篇文章。内有背景音乐。其余的为gif动画。

单击“五花八门”进入内容的文字都是衔接。右下角为一个flash动画，百叶窗似的打开图片。其余的为gif动画。

单击“心情留言”是留言本，可进入留言还可免费申请。

单击“海阔天空”是聊天室，填写名字与密码可直接进入。

通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，例如Flash动画到入Dreamweaver里，开始不明白后来才知道是在Dreamweaver里先插个层，这样就可以浏览出效果了。还有是有时上传到网页上的图片不显示，原因是它们没有在一个文件夹内。但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。