多媒体技术-综合性实验_第1页
多媒体技术-综合性实验_第2页
多媒体技术-综合性实验_第3页
多媒体技术-综合性实验_第4页
多媒体技术-综合性实验_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、洛阳师范学院教育科学系实验名称编写HTML代码在网页中嵌入多媒体实验类型综合性实验时间2008年 6月 15日实验环境Windows操作系统实验目的与要求：掌握HTML常用标记的使用。掌握编写HTML代码在网页插入声音、图片、视频（或动画）、超链接、等多媒体信息的语法规则。实验内容：1编写网页设计的文字脚本，网页中应包含声音、图片、视频（或动画）、超链接、表格等元素。2准备好相应的声音、图片、视频、动画等多媒体素材，存放在一个以自己学号命名的文件夹内。3编写HTML代码制作一张名为“index.htm”的网页。4编写HTML代码在文件index.htm中实现文字脚本中的设计。并把自己的脚本以正

2、文的方式显示。注：为网页设置一定的背景颜色；插入背景音乐；在网页的顶端插入一张图片，居中显示；在图片的下面居中显示自己的姓名，设置合适的字号和字体颜色，加粗显示，并在姓名下加一条黄色的横线；网页中要有一个名为“个人简历”的表格。边框宽度设为1，有合适的背景颜色，居中显示。姓名年龄专业毕业院校 5创建一个以自己姓名命名的文件夹，文件夹内包括index.htm和素材文件夹。将创建的文件夹压缩，上传至指定FTP进行提交。实验方法、步骤：1新建一个文本文档，命名为index。2根据实验要求编写代码。 （1）把网页背景设为粉色，在网页顶端插入一张图片，居中显示。 <html></htm

3、l> <head></head> <title></title> <body></body> （2）在图下居中显示“陶美予”设置号字型字号，并在名字下加一条黄色横线。 设置一个我BLOG的超连接。 <u></u> <a href= >我的BLOG</a> （3）插入一个表格，做一个自己的小简历，边框宽度为1，背静颜色为浅蓝。<table height="140" border bordercolor="#000000" bg

4、color="#66CCFF" > （4）分别插入几幅荷花图片，在图片下方合适的位置插入注释。 <img src="images/b_767F697AD9E4931F.jpg" width="500" height="375"> （5）插入FLASH动画 <embed src="images/flash/hudie.swf" quality="high" pluginspage=" type="application/x-shock

5、wave-flash" width="772" height="150"></embed> （6）插入背静音乐<bgsound src="images/游园惊梦.wma" loop="3"> （7）保存文件，把文件重命名为index.html (8) 打开预览。代码如下：<!DOCTYPE HTML PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN""/TR/html4/

6、loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>陶陶的网页</title><style type="text/css"><!-body margin-top: 0px;margin-bottom: 2px;background-color: #FFCCFF;a:link color: #FF000

7、0;text-decoration: none;a:visited text-decoration: none;color: #FF00FF;a:hover text-decoration: none;color: #0000FF;a:active text-decoration: none;color: #FFFF00;.style20 color: #3333FF;font-size: 12px;.style21 font-size: 12px.style24 color: #009933; .style25 color: #000000.style26 color: #FFFF00;fo

8、nt-size: x-large;font-family: "Courier New", Courier, mono;font-style: italic;font-weight: bold;.style29 font-size: xx-large.style30 font-size: large.style32 font-size: large; font-weight: bold; -></style><script language="JavaScript" type="text/JavaScript"&

9、gt;<!-function MM_reloadPage(init) /reloads the window if Nav4 resized if (init=true) with (navigator) if (appName="Netscape")&&(parseInt(appVersion)=4) document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; else if (innerWidth!=document.MM_pgW | innerH

10、eight!=document.MM_pgH) location.reload();MM_reloadPage(true);/-></script></head><body><div id="Layer3" style="position:absolute; left:-42px; top:586px; width:770px; height:7701px; z-index:3;"> <table width="759" height="7756" bor

11、der="0" cellpadding="0" cellspacing="0"> <tr> <td width="770" height="7750" valign="baseline" background="images/bj1.psd.gif"><P align=center class="style24"><FONT style="FONT-SIZE: 80pt; FIL

12、TER: shadow(color=#AF0530); WIDTH: 100%; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 华文中宋"><B style="FONT-WEIGHT: bold">雨荷清韵</B></FONT></P> <DIV> <P align=center class="style24"><B><FONT size=5>秋雨轻悄，与秋风执手</FONT

13、></B></P> <P align=center class="style24"><B><FONT size=5>而来，绵密地散布着秋的讯息。</FONT></B></P> <P align=center><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" color=#00fa9a size=5><STRONG></STRONG></FON

14、T></P> <P align=center class="style24"><B><FONT size=5>蓦然，一片荷塘无遮无拦地展现在我的眼前，</FONT></B></P> <P align=center class="style24"><B><FONT size=5>水光潋滟处，浮泛着荷的清影想不到在这样</FONT></B></P> <P align=center class=

15、"style24"><B><FONT size=5>一个地方，居然可以捕捉到荷塘清韵！</FONT></B></P> <SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK><STRONG><SPAN lang=EN-US style="FONT-SIZE: 42pt; COLO

16、R: red; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; text-shadow: auto"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" face=华文新魏 color=#ffff00 size=7> <TABLE id=table53 style="WIDTH: 254px; HEIGHT: 163px" cellSpacing=2 cellPadding=0 align=ce

17、nter <P align=center class="style24"><B><FONT size=5>风过处，雨珠们倏然跌落，可它们丝毫不慌乱，还</FONT></B></P> <P align=center class="style24"><B><FONT size=5>双双对对在碧波之上的舞台上，和着时急时徐雨的鼓点</FONT></B></P> <P align=center class=&quo

18、t;style24"><B><FONT size=5>轻盈起舞，慢四、探戈、伦巴，旋转出圈圈涟漪 。蛙们</FONT></B></P> <P align=center class="style24"><B><FONT size=5>惊呆了，傻傻地欣赏着，甚至忘记了扯着大嗓门聒</FONT></B></P> <P align=center class="style24"><B><F

19、ONT size=5>噪，还相互悄悄低语：“嘘，别去惊扰它们！”</FONT></B></P> <SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK><STRONG><SPAN lang=EN-US style="FONT-SIZE: 42pt; COLOR: red; WORD-BREAK: break-all; LI

20、NE-HEIGHT: 150%; FONT-FAMILY: 宋体; text-shadow: auto"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" face=华文新魏 color=#ffff00 size=7> <TABLE id=table59 style="WIDTH: 254px; HEIGHT: 163px" cellSpacing=2 cellPadding=0 align=center background= border=1> <

21、;TBODY> <TR> <TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%"><TABLE id=table65 align=center border=0> <TBODY> <TR style="FONT-SIZE: 9pt"> <TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%" width=

22、500 background= height=375><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" face=黑体 color=#bdb76b size=5><STRONG><img src="images/54465.jpg" width="500" height="375"> </STRONG></FONT></TD> </TR> </TBODY>

23、 </TABLE></TD> </TR> </TBODY> <TR style="FONT-SIZE: 9pt"> <TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%" width=500 background= height=375><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" face=黑体 color=#f

24、0f8ff size=5><STRONG> <img src="images/b_C326074FF4C5B72C.jpg" width="500" height="375"> </STRONG></FONT></TD> </TR> </TBODY> </TABLE></TD> </TR> </TBODY> </TABLE> </FONT></SPAN></

25、STRONG></BLINK></SPAN> <P align=center class="style24"><B><FONT size=5>荷们随风轻摆，伴雨浅歌，清幽的香气缓缓散逸。</FONT></B></P> <P align=center class="style24"><B><FONT size=5>侧耳倾听，我仿佛听见了荷们洁白的花语，声声阵阵，拂</FONT></B></P

26、> <P align=center class="style24"><B><FONT size=5>去了凡俗的喧嚣，也让我的心无言沉醉，频频摁下快门，</FONT></B></P> <P align=center class="style24"><B><FONT size=5>将白荷的雨中风姿定格为永恒。</FONT></B></P> <SPAN lang=EN-US style="FONT

27、-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK><STRONG><SPAN lang=EN-US style="FONT-SIZE: 42pt; COLOR: red; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; text-shadow: auto"><FONT style="WORD-BREAK: break-all;

28、LINE-HEIGHT: 150%" face=华文新魏 color=#ffff00 size=7> </FONT></SPAN></STRONG></BLINK></SPAN><P align=center>&nbsp;</P> <SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK>

29、;<STRONG><SPAN > <P align=center class="style24"><b><font size=5>“我打江南走过，那等在季节里的容顏，如莲花般</font></b></P> <p align=center class="style24"><b><font size=5>开落。东风不来得及，三月的柳絮不飞。你的心如小小的</font></b></p> <

30、p align=center class="style24"><b><font size=5>寂寞的城，恰若青石的街道向晚。跫音不响，三月的春帷</font></b></p> <p align=center class="style24"><b><font size=5>不揭，你底心是小小的窗扉緊掩。我哒哒的马蹄是美丽的</font></b></p> <p align=center class="sty

31、le24"><b><font size=5>错误，我不是归人，是个过客。”</font></b></p> <SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK><STRONG><SPAN lang=EN-US style="FONT-SIZE: 42pt; COLOR: red; WOR

32、D-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; text-shadow: auto"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" face=华文新魏 color=#ffff00 size=7> <TABLE id=table76 style="WIDTH: 254px; HEIGHT: 163px" cellSpacing=2 cellPadding=0 align=center backgr

33、ound= border=1> <TBODY> <TR> <TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" size=2> <TABLE id=table732 cellSpacing=3 borderColorDark=#1ba532 cellPadding=0 width=600 borderCo

34、lorLight=#2eab3c background= border=2> <TBODY> </TBODY> </TABLE> </FONT></SPAN></STRONG></BLINK></SPAN> <P align=center class="style24"><b><font size=5>四季更迭，当夏天的脚步从身旁一踏而过的时候，荷们却依然</font></b></P> <p al

35、ign=center class="style24"><b><font size=5>沉静地绽放着，叶儿葱茏茎儿笔直，从容迎对着渐浓的秋意。</font></b></p> <SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK><STRONG><SPAN lang=EN-US style=

36、"FONT-SIZE: 42pt; COLOR: red; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; text-shadow: auto"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" face=华文新魏 color=#ffff00 size=7> <TABLE id=table74 style="WIDTH: 254px; HEIGHT: 163px" cellSpaci

37、ng=2 cellPadding=0 align=center background= border=1> <TBODY> <TR> <TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" size=2> <TABLE id=table724 cellSpacing=3 borderColorDark=#1

38、ba532 cellPadding=0 width=600 borderColorLight=#2eab3c background= border=2> <TBODY> <TR> <TD width="100%"><DIV align=center> <TABLE id=table725 cellSpacing=5 borderColorDark=#1ba532 cellPadding=0 width="100%" borderColorLight=#2eab3c background= bor

39、der=1> <TBODY> <TR> size=5>她们轻轻地绽放，轻轻地枯萎，即便秋风会剥落</font></b></P> <p align=center class="style24"><b><font size=5>其青春的色彩，也不忘在秋水中舞动着圣洁的梦想，</font></b></p> <p align=center class="style24"><b><font s

40、ize=5>丰盈着荷塘，醉了赏荷人</font><font size=5></font></b></p> <SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK><STRONG><SPAN lang=EN-US style="FONT-SIZE: 42pt; COLOR: red; WORD-BRE

41、AK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; text-shadow: auto"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" face=华文新魏 color=#ffff00 size=7> <TABLE id=table73 style="WIDTH: 254px; HEIGHT: 163px" cellSpacing=2 cellPadding=0 align=center background=

42、 border=1> <TBODY> <TR> <TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%"><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" size=2> <TABLE id=table720 cellSpacing=3 borderColorDark=#1ba532 cellPadding=0 width=600 borderColorLi

43、ght=#2eab3c background= border=2> <TBODY> <TR> <TD width="100%"><DIV align=center> <TABLE id=table721 cellSpacing=5 borderColorDark=#1ba532 cellPadding=0 width="100%" borderColorLight=#2eab3c background= border=1> <TBODY> <TR> <TD w

44、idth="100%"><DIV align=center> <CENTER> <TABLE id=table722 cellSpacing=2 <P align=center><SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK></BLINK></SPAN></P> <P al

45、ign=center><SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK></BLINK></SPAN><SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK&

46、gt;</BLINK></SPAN></P> <P align=center><SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK></BLINK></SPAN><SPAN lang=EN-US style="FONT-SIZE: 15pt; WORD-BREAK: break-all; LINE-HE

47、IGHT: 150%; FONT-FAMILY: 长城楷体"><BLINK></BLINK></SPAN></P> </DIV></td> </tr> </table></div><div id="Layer1" style="position:absolute; left:10px; top:8479px; width:760px; height:50px; z-index:4; background-color: #FFCCFF;

48、layer-background-color: #FFCCFF; border: 1px none #000000;"> <table width="760" height="52" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCCFF"> <tr> <td bgcolor="#FFCCFF"><hr></td> &

49、lt;/tr> <tr> <td><span class="style24"> </span> <p align="center"><span class="style24"><span class="style21"><span class="style25"><span class="style21">本站图像 盗版必纠<br> <br>

50、; 制作人：洛阳师范学院教育科学系07专升本 陶美予 071212005 </span></span></span></span></p> <p align="center" class="style20"><span class="style25"> 2008年6月</span></p></td> </tr> </table></div><div id="Laye

51、r2" style="position:absolute; left:15px; top:620px; width:498px; height:390px; z-index:5"></div><div id="Layer4" style="position:absolute; left:16px; top:4px; width:744px; height:149px; z-index:6"> <object classid="clsid:D27CDB6E-AE6D-11cf-96

52、B8-444553540000" codebase=" width="772" height="150"> <param name="movie" value="images/flash/hudie.swf"> <param name="quality" value="high"><<param name="wmode" value="transparent"> <

53、;embed src="images/flash/hudie.swf" quality="high" pluginspage=" type="application/x-shockwave-flash" width="772" height="150"></embed> </object></div><table width="760" height="150" border="0&quo

54、t; cellpadding="0" cellspacing="0"> <tr> <td align="center"><img src="images/tou.gif" width="760" height="150"></td> </tr></table><table width="777" height="85" border="0&qu

55、ot; cellpadding="0" cellspacing="0" bgcolor="#00FFFF"> <tr bgcolor="#FFCCFF"> <td width="123" height="85"><span class="style24"></span></td> <td width="637" bordercolor="#FFCCFF"><div align="left" class="style26"> <div align="center"> <p><u>陶 美 予</u></p> <p>&nbsp;<a hr

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论