在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
计算机将具备更多的智能成分,它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外,让人能产生身临其境感觉的各种交互设备已经出现,虚拟现实技术是这一领域发展的集中体现。今天人们谈到计算机必然地和网络联系起来,一方面孤立的未加入网络的计算机越来越难以见到,另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的Internet在过去如火如荼地发展,其影响之广、普及之快是前所未有的。从没有一种技术能像Internet一样,剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与Internet相连,使之成为一个全球范围的计算机互联网络。人们可以通过Internet与世界各地的其它用户自由地进行通信,可从Internet中获得各种信息。人们已充分领略到网络的魅力,Internet大大缩小了时空界限,通过网络人们可以共享计算机硬件资源、软件资源和信息资源。“网络就是计算机”的概念被事实一再证明,被世人逐步接受。
通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通,熟练在手。所以本人结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver,Fireworks,Flash软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。Fireworks是目前最流行的网页图象制作软件。只要将Dreamweaver的默认图象编辑器设为Fireworks,那么在Fireworks中制作完成网页图象后将其输出就会立即在Dreamweaver中更新。Fireworks还可以安装使用所有的Photoshop滤镜,并且可以直接导入PSD格式图象。更方便的是它不仅结合了Photoshop位图功能以及CoreIDRAW矢量图的功能,而且提供了大量的网页图象模板供用户使用,例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成HTML代码,或者嵌入到现有的网页中,或者作为单独的网页出现。Flash是目前最流行的矢量动画制作软件,与其他Wed动画软件相比,它具很多优点。制作的是矢量图形。只要用少量矢量数据就可以描述一个复杂的对象,而占用的储存空间只是位图的几千分之一,非常适合在网格上使用。同时,矢量图象不会随浏览器窗口大小的改变而改变画面质量。使用插件方式工作。用户只需安装一次插件,以后就可以快速启动并观看动画,而不比像Java那样每次都要启动虚拟机。Flash插件也不大,只有170KB左右,很容易下载并安装。还提供其他一些增强功能。例如,支持位图,声音,渐变色和Alpha
首页的地址为“http://lansxqing.51.net”,内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。
首页主要是导航作用,上方共有六个导航条,用fireworks编辑的悬停按纽。各分为六个内容,左侧的为‘星座物语’,‘动感地带’,‘爱情感悟’。下面的六个字幕是衔接。右侧的为‘五花八门’,‘心情留言’,‘海阔天空’。中间为一段笑话。下面的横幅是一个flash动画,效果是色彩渐变。接着蓝色的一个横幅上的是flash动画衔接。接下来是一个搜索菜单,方便快捷。其它的为gif动画。
单击“星座物语”,进入内容左侧的字体是fireworks编辑的gif动画。左侧下方是篇有关星座的文章,右侧的星座专题有三个关于星座的内容可单击。‘漂亮穿衣法则’内有广告条,鼠标放在上面时停止浮动,鼠标离开时继续浮动。‘星座爱情特点’内有鼠标特效。它的代码为:<scriptlanguage="javascript">
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=setTimeou
}
}
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="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version
=6,0,29,0"width="745"height="400">
<paramname="movie"value="xin.swf">
<paramname="quality"value="high">
<embedsrc="xin.swf"quality="high"pluginspage="http://www.macromedia.com/go/
getflashplayer"type="application/x-shockwave-flash"width="745"height="400"></embed></object>
单击“爱情感悟”进入内容是一篇关于爱情总结的一篇文章。内有背景音乐。其余的为gif动画。
单击“五花八门”进入内容的文字都是衔接。右下角为一个flash动画,百叶窗似的打开图片。其余的为gif动画。
单击“心情留言”是留言本,可进入留言还可免费申请。
单击“海阔天空”是聊天室,填写名字与密码可直接进入。
通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,例如Flash动画到入Dreamweaver里,开始不明白后来才知道是在Dreamweaver里先插个层,这样就可以浏览出效果了。还有是有时上传到网页上的图片不显示,原因是它们没有在一个文件夹内。但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实