Web前端技术基础实验报告三之超链接与多媒体文件应用

目录

Web前端技术基础实验报告

实验题目：超链接与多媒体文件应用

实验目的：熟悉超链接与多媒体文件的插入的相关标签

实验内容 ：

实验过程及结果

web前端技术基础实验报告

实验题目：超链接与多媒体文件应用

实验目的：熟悉超链接与多媒体文件的插入的相关标签

实验内容 ：

项目1  设计简易灯箱画廊

1.实验所需素材

在trees文件夹中提供一个MP3文件和18个JPG文件，设计页面时可以使用。

2.编程实现简易灯箱画廊，鼠标单击任一个图像超链接，在底部浮动框架中显示大图像，效果如图1-3-1所示的页面。

图1-3-1 简易灯箱画廊

项目2  设计支持音频、视频播放的网页

1.编程设计支持音视、视频播放的网页，效果如图1-3-3所示的页面。

         图1-3-3 多媒体及滚动字幕网页设计效果

2.歌词内容如下：

明月几时有？把酒问青天。

        不知天上宫阙，今夕是何年。

        我欲乘风归去，又恐琼楼玉宇，高处不胜寒，起舞弄清影，何似在人间。

        转朱阁，抵绮户，照无眠。

        不应有恨，何事偏向别时圆。  

        人有悲欢离合，月有阴晴圆缺，此事古难全。

        但愿人长久，千里共婵娟。

   3.音频、视频资源在embed子目录下。

实验过程及结果：

项目一：设计简易灯箱画廊

代码：

                                                                                          
                         
简易灯箱画廊设计
                         
                         
                                  
T1
                                  
T2
                                  
T3
                                  
T4
                                  
T5
                                  
T6
                         
                                          
        

截图：

项目二：设计支持音频、视频播放的网页

代码：

明月几时有
明月几时有？把酒问青天。
不知天上宫阙，今夕是何年。
我欲乘风归去，又恐琼楼玉宇，
高处不胜寒，起舞弄清影，何似在人间。
转朱阁，抵绮户，照无眠。
不应有恨，何事偏向别时圆。
人有悲欢离合，月有阴晴圆缺，此事古难全。
但愿人长久，千里共婵娟。
欢迎来到我的多媒体世界！

截图：

来源地址：https://blog.csdn.net/pzcxl/article/details/124663073