网页设计.ppt.ppt

第8章 多媒体 8.1 多媒体的嵌入 核心要点： 嵌入方式播放音频和视频 背景音乐 8.1 多媒体的嵌入 网络中使用的音频格式较多的有WAV、mp3等，视频格式有mpg、rm、wmv等。 流媒体：可以边下载边播放，不需要在整个文件下载完成后再播放。 在网页中使用embed标签来播放多媒体文件。 8.2 背景声音 使用bgsound确定网页的背景音乐。 Bgsound标签有一个缺点，它只能在IE浏览器中起作用。 思考：能否用embed标签来代替bgsoud？ HTML5基本结构 音频 audio 视频 video 完成框架练习，课后上交 练习多媒体插入 完成Dreamweaver安装 作业：软件系网站 第9章 Dreamweaver基础 9.2 站点 新建站点 DW初始页面 “文件”面板 菜单栏 定义站点 站点名 保存位置 站点建立完成 9.4 DW基本操作 9.4.1 创建超链接 内部链接 空链接 外部链接 邮件链接 mailto: 图片超链接 （3）选择热点区域，为其创建超级链接。方法有： 1、在“属性”面板的链接文本框中输入要链接对象的URL 或是路径 2、拖动“链接”文本框后面的“指向文件”图标到文件面板中要链接的对象 3、单击“链接”文本框后面的“浏览文件”按钮 如果要同时选择多个热点，需要按住shift键；如果要选择所有热点，可选中图像，然后Ctrl+A。 选中热点后，可以通过调节热点周围的控制点，改变热点区域大小，或通过拖动方向键来移动热点在图像上的位置。 移动热点时，每按一次方向键，移动1像素的距离；如按下方向键+Ctrl键，可每次移动10像素。 Shift键+方向键可以1像素为单位改变热点的大小； shift+Ctrl+方向键可以10像素为单位改变热点大小。 模 板 表格布局 * * body embed src=“all of me.mp3 width=200 height=50 /body body bgsound src=all of me.mp3 /body !DOCTYPE html html head meta charset=utf-8 title/title /head body /body /html 标记： 1.使用video标记插入视频 video src=url controls=controls替代文字/video 属性 值 说明 src url 要播放视频的URL autoplay autoplay 视频就绪后立刻播放 controls controls 添加播放、暂停和音量等控件 width 像素 设置视频播放器的宽度 height 像素 设置视频播放器的高度 loop loop 设置视频是否循环播放 preload auto/none/metadata 视频在页面加载时开始加载，并预备播放 startTime 读取媒体的开始播放时间，通常为0 currentTime 读取或修改媒体的当前播放位置 duration 读取媒体总的播放时间 volume 0~1 读取或修改媒体的播放音量 muted true/false 读取或修改媒体的静音状态 1.使用audio标记插入音频 audio src=“url” controls=“controls”替代内容/audio 属性 值 说明 src url 要播放音频的URL autoplay autoplay 音频就绪后马上播放 controls controls 向用户显示控件，例如播放、暂停、进度条等 loop loop 设置音频是否循环播放 preload preload 音频在页面加载时进行加载，并预备播放 主要内容 DW面板 站点 文本和图像 超链接 表格 表单 多媒体文件（音乐、视频和flash） Dreamweaver初始界面 界面介绍 DW中标准HTML（4以前）文件结构 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文档/title /head body /body /html 简单操作 新建网页 设置标题内容 保存网页 浏览内容 9.2 站点 本质： 在Dreamweaver中，站点就是一个文件夹。 作用： 保存