Dreamweaver CS5第一次课.pptVIP

九、应用多媒体 　 随着多媒体技术的发展，网页已由原先单一的图片、文字内容发展为多媒体相集合的表现形式。在网页中应用多媒体技术，如音频、视频、Flash动画动画等内容，这样增强网页的表现效果，使网页更生动，激发访问者兴趣。 九、应用多媒体 1.在网页中添加声音 相信读者会有这样的经历，在浏览一个制作精美的网页时，豁然听到一段抒情的乐曲或一段感人心腑的音乐，会让人在欣赏到悦目制作的同时身心同时受到洗礼，从而对网页流连忘返。音乐能让网站增添无穷的魅力，在网页中添加声音有两种方式：“添加背景音乐”、“添加音频”。 九、应用多媒体 （1）插入音频 在网页中插入音频时，考虑到下载速度、声音效果等因素，一般采用rm或mp3格式的音频，系统会生成默认的播放器。 ①在编辑区，将光标移到要插音频的位置上 ②单击“插入——媒体——插件”命令菜单，在弹出的“选择文件”对话框中，选择要插入的音频，单击确定。 ③在相应的位置出现插入的插件，在属性检查器中可以对其进行设置。 九、应用多媒体 （2）添加背景音乐 背景音乐，就是在加载页面时，自动播放预先设置的音频，可以预先设定播放一次或重复播放等属性。 ①单击窗口——行为菜单，打开行为面板，单击按钮，在下拉菜单中选择“播放声音”，在弹出的播放声音对话框中单击浏览，选择需要的音频，单击确定。 ②选中插件，在属性检查器中单击参数，在弹出的对话框中可以看到四个参数，其中LOOP是指循环播放，“autostart”是指自动播放，“hidden”是指隐藏插件，将各个参数的值改为true，单击确定。 九、应用多媒体 2.插入视频 ①在编辑区，将光标移到要插视频的位置上 ②单击“插入——媒体——插件”命令菜单，在弹出的“选择文件”对话框中，选择要插入的视频频，单击确定。 九、应用多媒体 3.插入Flash Flash动画中的元素都是矢量的，可以随意放大，都不会降低画面质量，此外Flash动画文件小，适合在网络上使用，Flash动画的扩展名为“.swf”。 ①在编辑区，将光标移到要插Flash的位置上 ②单击“插入——媒体——swf”选项，选择要插入的文件，单击确定，在属性检查器中可以设置动画的宽、高等属性。 十、超链接 在网页设计中，超链接的应用非常广泛，熟练地应用超链接是设计网页的基本要求。 十、超链接 1.创建与本地文档的链接 ①在编辑区中选中要插入超链接的文本，在属性检查器中单击链接文本框后面的“浏览文件”。 ②弹出“选择文件”对话框，选择要链接的本地文档，单击确定。 ③此时，链接文本框中出现了刚选择的文档名称，在目标下拉列表框中选择在何处打开链接的页面，“-blank”表示在新窗口中打开，这里我们选择“-blank”。 十、超链接 2.创建与网页的链接 在编辑区中选中要插入超链接的文本，在属性检查器中的链接文本框中间输入要链接的URL地址，单击确定。 3.创建空链接 　在编辑区中选中要插入超链接的文本，在属性检查器中单击链接文本框中之间输入“#”，单击确定。 十一、DIV图层 通常把DIV叫做层。我们可以把div理解成一个容器,它的作用就是用来存放网页内容元素。 DIV可以在网页的任何位置进行拖动，用div来存放文字和图片等等内容,这样可以更简便地对网页进行排版、布局。 十二、定义CSS样式 CSS是层叠样式表的简称，它是一组格式设置规则，用于控制网页内容的外观。使用CSS可以非常灵活地控制页面的外观，可以控制许多文本属性，如字体、大小、粗体、下划线、文本阴影等，还可以确保在多个浏览器中以更加一致的方式处理页面外观。 十二、定义CSS样式 （1）创建CSS样式 类样式：又称自定义样式，它是唯一可作为class属性应用于文档中任何对象的CSS样式类型，主要用于定义一些特殊的样式。 标签样式：用来重定义HTML标签的样式，例如：一旦定义了body样式，则网页将自动按照定义的body样式更新。 十二、定义CSS样式 （2）设置CSS样式属性 设置背景属性：对网页中的任何元素设置背景属性 设置区块属性：定义文字的排列方式 设置方框属性：定义网页元素的大小和其在页面上的放置方式。 设置边框属性：定义元素周围的边框 设置列表属性：定义列表样式 设置定位属性：定义元素在页面中的位置 设置扩展属性：设置一些附加属性 十、定义CSS样式 （3）本网站的CSS样式 Body（标签） 设置类型：“大小” 12像素；“行高” 20像素 设置方框：“边界” 0 Line（类）（类的命名以“.”开头） 设置方框：“宽”86像素；“高”86像素 设置边框：“样式”（Sty