北邮信网静态网页实验报告

《北邮信网静态网页实验报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、信息网络应用基础实验报告题S:静态网页姓名：班级：学号：、实验主题1、总主题：通过主人公庄焱的成长过程介绍电视剧《我是特种兵》，表达军人情怀。总运行流程：点击链接“最后一颗子弹留给我.html”后进行操作。主要应用技术：多框架、超链接、表格、多媒体2、分模块(1)引入模块■功能：显示引入图片《最后一颗子弹留给我》；配鸣枪音乐；三秒后自动跳转进入主界面。■运行流程：点击链接“最后一颗子弹留给我.html”进入页面。■应用技术：使用完成页面自动跳转;

2、使用background添加背景图片;使用(2)分框架模快■功能：将主页面分为三个框架。■运行流程：跳转至本页面后自动运行。■应用技术:使用〈frames

3、etrows="21%,79%"xframesrc="..."xframesetcols="19.5%,80.5%"xframesn^'./xframesrc="..."name="..."〉将主页面分为三个框架(主题图片展示、导航、内容显示)。■关键代码：

4、MNo2.ht«V>(3)主题图片展示模块■功能：交替显示主题图片《我是特种兵》、《落口士兵》；在两边显示国旗。■运行流程：自动交替显示。■应用技术：使用完成页面自动跳转；使用表格〈table〉...〈/table〉将图片排成同一行；使用插入图片。■关键代码：

5、(1)导航模块■功能：循环播放背景音乐《永远的兄弟》；主页面分块导航；超链接

6、至新浪视频《我是特种兵》全集。■运行流程：点击音乐播放的三角键可以控制“播放/暂停”，拖动进度条可以控制音乐进度，拖动音量条可以控制音量；点击“青涩”、“磨炼”、“成长”等关键字可以链接至主页面相应位置；点击“点击观看完整电视剧”跳转至新浪视频。■应用技术：使用〈EMBEDsrc=n..."autostart="true"loop="true"width="522"height="100Hvolumelever="true"loop="-l"/>插入音乐；使用

7、uanxiang"id="xuanxiang"xareashape="rect"coords="330,90,450,160"href=n..."target="showframe"/〉在图片上选择矩形位置插入超链接。■关键代码：>rc■•2:学太三、(3息n洛皮用藻鏞、觳态FIJ(实独置极质政、1JJCSTw:dc

8、h-*522*hexght«-926*/>«reacoordf330.»0.430.1W太答鉚窳內络应扇麄酺黪扇兩頁窟旅恥3.»10^>0边曲《"…/>赚Vcoortf>«w