HTML+CSS+Javascript网站制作案例教程第5章 多媒体与超链接标签设置.pptVIP

5.1.1　插入Flash动画embed标签 网页中只有文字和图像是不足以吸引浏览者的，在网页可以通过插入Flash动画，使得网页内容更加丰富，使用embed标签可以将Flash动画文件插入到网页中。 5.1.2　插入FLV 视频object标签 由于网络带宽的不断提升，网络应用中多媒体元素随处可见，而插入FLV视频就是常见网页中常用的一种多媒体元素，其不仅有着丰富的表现力，而且可以使的页面整体看起来简洁，大方。使用object标签可以在网页中插入FLV视频，在object标签中可以使用param标签为播放器提供额外的信息。 课堂案例——制作Flash 欢迎页面 课堂案例：制作Flash 欢迎页面 最终文件：光盘\最终文件\第5章\5-1-1.html 视频：光盘\视频\第5章\5-1-1.swf 课堂案例——制作FLV 视频页面 课堂案例：制作FLV 视频页面 最终文件：光盘\最终文件\第5章\5-1-2.html 视频：光盘\视频\第5章\5-1-2.swf 5.1.3　插入普通视频embed标签 在网页中不仅可以插入FLV视频，还可以插入许多普通格式的视频文件，例如WMV和AVI等格式的视频文件。在网页中插入视频可以在网页上显示播放器外观，包括播放、暂停、停止和音量等控制按钮。 课堂案例——制作视频网页 课堂案例：制作视频网页 最终文件：光盘\最终文件\第5章\5-1-3.html 视频：光盘\视频\第5章\5-1-3.swf 5.2.1　背景音乐bgsound标签 如果只是为网页添加背景音乐，使用HTML中的bgsound标签是简单快捷的方法。 在网页中插入声音的方法有很多种，可以插入的声音格式也很多。在网页中添加声音可以渲染主题的气氛，但同时也会增加文件的大小。本节将介绍两种为网页添加背景音乐的方法，一种是使用bgsound标签为网页添加背景音乐，另一种是使用embed标签在网页中嵌入音频播放。 5.2.2　嵌入音频embed标签 使用embed标签即可在网页中嵌入音频文件，在网页中嵌入音频可以在网页上显示播放器的外观，包括播放、暂停、停止、音量及声音文件的开始和结束等控制按钮。 课堂案例——为网页添加背景音乐 课堂案例：为网页添加背景音乐 最终文件：光盘\最终文件\第5章\5-1-1.html 视频：光盘\视频\第5章\5-1-1.swf 课堂案例——在网页中嵌入音频 课堂案例：在网页中嵌入音频 最终文件：光盘\最终文件\第5章\5-1-2.html 视频：光盘\视频\第5章\5-1-2.swf 5.3.1　调用外部JavaScript 程序 JavaScript技术是网页制作中非常重要的技术之一，通过JavaScript脚本代码都需要编写在HTML页面的head与/head标签之间。在很多网站中，部分JavaScript程序是许多网页共用的，这时JavaScript程序必须以单独的文件形式独立于网页，在需要使用该JavaScript程序的网页文件中调用该JavaScript程序。 一个完整的网站开发离不开程序，网站程序分为服务器端和客户端，为了以后更深入地学习网站技术，本节简单介绍程序和HTML代码的联系。 5.3.2　　区分客户端与服务器端程序 所谓客户端程序，即程序在浏览者的系统中运行并得出结果；服务器端程序，即程序在网站服务器的系统中运行，得出结果发给浏览者。 课堂案例——在网页中显示当前系统时间 课堂案例：在网页中显示当前系统时间 最终文件：光盘\最终文件\第5章\5-3-1.html 视频：光盘\视频\第5章\5-3-1.swf 由于客户端程序（浏览器端程序）需要在浏览者的系统中运行，而JavaScript属于脚本语言，所以JavaScript的源代码暴露在HTML的源代码中。服务器端的程序（如ASP、PHP等）在服务器已经完成了运行，得出了结果，所以发送到浏览器端的HTML页面是看不到程序源代码的。 5.4.1　超链接a标签 超链接由源地址和目标地址文件构成，当访问者单击某个超链接时，浏览器会自动从相应的目标地址检索网页并显示在浏览器中。如果链接的对象不是网页而是其他类型的文件，浏览器会自动调用本机上的相关程序打开访问的文件。 超链接是网页中最重要的元素之一，它能够让浏览者在各个独立的页面之间方便地跳转。每个网站都是由众多的网页组成，网页之间通常都是通过链接方式互相关联的。在网页上加入超链接，就可以把Internet上众多的网站和网页联系起来，构成一个有机的整体。 5.4.2　超链接打开方式target 属性 在网页文件中，默认情况下超链接在原来的浏览器窗口中打开，HTML技术提供了target属性来控制打开的目标窗口。 课堂案例——为文字和图像设置超链接 课堂案例：为文字和图像设置超链接 最终文件：