实验三网页特效.docVIP

实验三 网页特效 一：实验操作系统：WIN2000SERVER 二、实验要求 要求每个实验者创建一个个人网站，并正确投入使用 三、问题的提出和解决 现今大学生就业形势非常严峻，在就业当中除了企业来校进行面试以外，还可以通过个人网站形式来介绍个人的专业学习情况，从而进行远程求职。此次实验可以利用HTML语言创建个人网站。 四、练习1：创建一个HTML站点 任　务 详　细　步　骤 １　HTML站点 单击“开始”－“程序”－“附件”，点击“记事本”。在记事本中输入以下格式的代码。 （3）点击“文件”，保存到文件夹中的“图片与表格”中；文件名为pic.html。然后单击“保存”按钮。 （5）双击pic.html文件。并浏览。 （6）在当前浏览的页面中，点击菜单中的“查看”，然后选择“源文件”。 （7）在打开的记事本中，将代码修改如下 ２　 修改完后，点击“文件”，然后选择“保存” 保存后，关闭记事本。 然后刷新页面，或按F5键。 注意观察页面的变化。 问？如果要将表格中的第二行背景颜色改为绿色。怎样改？动手操作修改代码后，刷新查看网页效果。 ３　 ４　 打开“百页窗效果”文件夹中的网页。 然后打开该网页的源文件。将下列代码复制到 body/body之间。 TABLE cellSpacing=0 cellPadding=0 width=70% align=center border=0 TBODY TR TD align=middle MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120IMG src=nuy.jpg/MARQUEE/TD TD align=middle MARQUEE scrollAmount=1 scrollDelay=100 width=120IMG src=nuy.jpg/MARQUEE/TD TD align=middle MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120IMG src=nuy.jpg/MARQUEE/TD TD align=middle MARQUEE scrollAmount=1 scrollDelay=100 width=120IMG src=nuy.jpg/MARQUEE/TD/TR/TBODY/TABLE 修改完后，点击“文件”，然后选择“保存” 保存后，关闭记事本。 然后刷新页面，或按F5键 注意观察页面的变化。 五、创建二级页面 任　务 详　细　步　骤 1 打开“文字飘动效果”文件夹下的网页。 打开记事本后。在记事本中head/head中复制以下代码。 style type=text/css .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; color: red; font-weight:bold; }/style script var x,y var step=20 var flag=0 var message=欢迎光临我的网站？ message=message.split() var xpos=new Array() for (i=0;i=message.length-1;i++) { xpos[i]=-50} var ypos=new Array() for (i=0;i=message.length-1;i++) { ypos[i]=-50} function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1} function makesnake() { if (flag==1 document.all) { for (i=message.length-1; i=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; imessage.length-1; i++) { var thisspan = eval(span+(i)+.style) thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else