1静态网页设计与制作_2.ppt

* 第四讲 给网页添加多媒体元素(P108) 1. 插入FLASH 2. 插入视频、音频 网页中的动态元素? 动态元素使网页更加丰富、更具观赏性。我们可以通过Dreamweaver给 网页插入各种动态元素。 动态元素包含：Flash动画、shockwave动画、 ActiveX控件及 Applet等等。 Flash动画是使用最多的一种动态元素，它是高质量的矢量动画，目前已经成为Internet上矢量动画的标准。 其优点：表现力强、极强的视听感受、体积小，被世界绝大多数浏览器支持。 如用Flash制作的Logo、Banner、宣传广告、 FlashMTV等，国外很多网站直接采用Flash制作。 静态网页设计与制作 媒体的来源： 1.网络下载 2.从素材库导入 3.自己制作 Flash的文件类型： 1. Fla （Flash的源文件，可用Flash软件直接编辑） 2. Swf （ Flash的电影文件，是压缩过的Flash文件，通常所指的 Flash 动画就是该格式的文件） 3. Swt （ Flash的库文件，相当于模版，通过参数设置可创建swf文件） 4. Flv （是一种视频文件，用于通过Flash 播放器传送） 提示：swf swt格式的文件可使用flash（adobe flash player）播放器进行播放。而fla只能在flash编辑窗口中进行播放。Flv格式需要插入到网页中，在浏览器中打开网页才能播放。 静态网页设计与制作 插入FLASH动画 方法：[插入] [媒体] [SWF] 和插入图片一样，当选择的swf文件不在你的站点下，系统会自动提醒你是否把swf文件拷贝到你的站点下面，这个时候就点“确定”。 插入的flash动画以flash内容占位符的形式显示在编辑窗口中，不会显示Flash的实际内容。 静态网页设计与制作 累进式下载视频: 在浏览器接收到第一段视频期间,在短暂延迟后会开始播放视频.在播放期间将继续下载视频.累进式下载FLV文件可以宿主在任何标准的Web服务器上。 流视频： 视频立即开始播放，并且提供了超过累进式下载的优点，比如搜寻能力，这意味着视频播放头可以移动到任何位置，并在那个位置立即开始播放。不流式FLV文件必须宿主在使用Flash Media Server的Web主机上。 方法：[插入] [媒体] [FLV] 添加背景音乐（添加后，网页文件会变大，使用一定注意网页大小） 使用标签的方式：“插入/标签”，打开“标签选择器”，展开“html标签/页面元素” 在网页中插入声音文件可使浏览者有一种愉悦的感觉，声音格式有很多种形式，如mp3、wma、 wav、 midi 、ra、 ram、rm等。（p124） A B C bgsound src=“music/….mp3” loop=“” / loop的值“-1”为无限循环，“0”为不循环。 静态网页设计与制作 添加音频元素 网页设计与网站策划 第五讲 网页中的链接 1. 插入滚动文字 2. 网页中的链接 插入滚动文字及控制滚动文字 我们无法通过DreamweaverCS5的可视化来制作滚动效果，只能用HTML代码来实现。 marquee/ marquee （专用于实现滚动） 控制滚动文字： marquee direction=” ”/ marquee （滚动方向） marquee scralldelay=” ”/ marquee （滚动延迟，以毫秒为单位） marquee scrollamount=“ ”/ marquee （滚动速度，3是中速） onmouseover=“this.stop()”（当鼠标在上面时） onmouseout=“this.start()”（当鼠标离开时） 静态网页设计与制作 网页中的链接 什么是超级链接：（P144） 在网页制作的过程中，要将网站内、外的网页有机地联系在一起需要创建超级链接来实现。在浏览网页时，单击某些文本或图像就可以打开其他页面，这些文本与图像就是创建超级链接的文本和图像。超级链接可以是文本、图像或是其他元素（flash）。 HTML超级链接由锚记元素a以及一个或多个属性组成。 a href=“” target=“-blank”…../a 通常在屏幕左下角的细条（状态栏）中显示链接的目的地。 属性（超级链接引用） 统一资源定位器（URL） 属性 值（新浏览器窗口） 静态网页设计与制作 ① 绝对（absolute）路径（完全的路径，完整）。包括服务器规范在内的完全路径，通常用http://来表示的。 优点：同链接的源点无关，只要网站地址不变更，无论文件 在站点中