添加超链接和多媒体元素课件

第04讲-添加超链接和多媒体元素课程回顾课程回顾n创建表格最基本的是哪三个标签？创建表格最基本的是哪三个标签？n创建跨行、跨列表格的属性是什么？什么情况创建跨行、跨列表格的属性是什么？什么情况下使用？下使用？n表格的美化从哪几个方面进行？表格的美化从哪几个方面进行？本讲目录本讲目录n超链接n插入Flash多媒体对象n插入其他多媒体元素本讲重点、难点本讲重点、难点n重点p相对路径和绝对路径的概念p链接的添加方法p插入多媒体对象p多媒体对象属性的设置 n难点p绝对路径和相对路径概念的理解p多媒体属性的设置pFlash背景透明链接简介链接简介 n网页中的链接p链接由源端点和目标端点两部分组成，有链接的一端称为链接的源端点（鼠标光标移到其上时通常会变为形状），提供链接资源的一端称为目标端点，即Internet地址，通常称之为URL。pURL是英文“Uniform Resource Locator”的缩写，其含义为“统一资源定位符”，它定义了一种统一的网络资源寻找方法，网络上的所有资源（如网页、音频、视频、Flash动画和压缩文件等）均可以通过这种方法访问。pURL的基本格式是“访问方案:/服务器:端口/路径/文件#锚记”，例如“http:/:80/view/262.htm#11”。链接简介文字链接图片链接热点链接目标链接简介设置链接样式修改-页面属性-链接超链接的种类相对链接和绝对链接相对链接只能链接页面内部的资源，如：页面about.htm和链接所在页面处于同一个文件夹中绝对链接一定带有通信方案，如：http:/相对路径和绝对路径在网页设计中，通过路径表示链接、插入图像、Flash、CSS文件的位置。相对路径和绝对路径绝对路径，如：c:webindex.htm相对路径，如：相对根目录：如/home/index.htm相对上级目录：如./home/index.htm 和././web/index.htm 相对路径和绝对路径要要链链接到同一目接到同一目录录(C:HTML)下的下的页页面，可面，可编编写写 或或 相对路径名相对路径名绝对路径名绝对路径名相对路径和绝对路径如何表示同级目录的文件 2.html和3.html在同一个文件夹下，如果2.html链接到3.html，可以在2.html中这样写:同目录下文件间互相链接 如何表示上级目录的文件 1.html是2.html和3.html的上级目录中的文件，如果2.html或3.html链接到1.html，可以在2.html或3.html中这样写 链接到上级目录中的文件./代表一级上级目录(间隔一个目录)././代表二级上级目录(间隔两个目录)，相对路径和绝对路径如何表示下级目录的文件 2.html和3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写 链接到下级目录(first)中的文件 超链接的种类文件链接给出链接文件的地址电子邮件链接mailto:锚标记适合页面较长使用，跳转到文件的某个部分空链接超级链接电子邮件链接锚链接超链接的种类锚链接语法链接到其他页面链接到其他页面新人上路新人上路新人上路指南新人上路指南1、定义锚标记、定义锚标记2、链接到锚标记所在位置、链接到锚标记所在位置链接的种类电子邮件链接电子邮件链接 站长信箱站长信箱单击单击“站长信箱站长信箱”链接后的输出结果链接后的输出结果任何正确的电子邮任何正确的电子邮箱地址均可箱地址均可典型案例完善版权信息输入“设为首页”“加入收藏”“站长信箱”设为首页的JavaScript代码：设为首页加入收藏的JavaScript代码：加入收藏 Flash文件格式.swfFlash电影文件，网络使用最佳，压缩.flaFlash源文件，只能在应用程序中创建，并只能在应用程序中打开.swtFlash库文件，允许修改Flash动画文件中的信息在网页中插入Flash动画之前最好将其压缩为.swf的格式插入Flash动画插入记录-媒体-Flash插入Flash按钮插入记录-媒体-Flash按钮注意：网页保存的路径不能含有中文，否则Dreamweaver会因为不能自动创建按钮报错插入Flash文本插入记录-媒体-Flash文本插入FlashPaper浏览器中包含FlashPaper文档网页时，用户可以浏览FlashPaper文档中的所有页面。插入记录-媒体-FlashPaper插入Flash视频插入记录-媒体-FlashPaper只能插入.flv格式的视频文件设置Flash动画背景透明有时，为了优化网页视觉效果，可在表格的单元格中插入背景图像，然后再在该单元格中插入Flash动画，这时需要将Flash动画设置为背景透明，否则就看不见下面的背景图像了。设置Flash动画背景透明操作步骤在后，敲回车换行添加代码 典型案例制作“江南旅游”网首页典型案例制作“江南旅游”网首页建立文件夹，复制素材文件夹”/fla”和”/img”到该文件夹中新建网页文档index.html，页面属性，字号12px，背景色”#2B8440”单击右键，居中对齐，Enter下移一个段落插入4行1列的表格（第一行logo，第二行背景和flash（宽600高220），第三行插入lead.swf,第四行（行高50，居中对齐，flash文本）)典型案例制作“江南旅游”网首页第四行flash文本参数字体：楷体；大小12；颜色：”#003333“；转滚颜色：”#000000“;文本：”江南好，风景旧曾谙。日出江花红胜火，春来江水绿如蓝。能不忆江南？！”；链接到”index.html“;目标_self；背景色：”#2B8440“;典型案例制作“江南旅游”网首页第四行按钮参数输入版权，调整文本样式插入Shockwave影片Shockwave影片具有文件小、下载速度快，被目前主流的浏览器所支持等优点，是使用Director制作的多媒体影片文件。插入记录-媒体-Shockwave 插入JavaApplet Java Applet是Java的应用程序，是一种动态、安全和跨平台的网络应用程序，它能在网页中实现一些特殊效果，如下雪、水纹和下雨等。Java Applet常被嵌入到HTML语言中，可以实现较为复杂的控制和动态效果。可以从网站上下载Java Applet，如http:/ Applet 文件，后缀名为.class以图标的形式插入到网页中根据Java Applet 的相关使用说明，在代码编辑窗口的之间输入相应的代码插入背景音乐操作方法在之间添加 XX.mp3是音乐文件名；src是音乐文件的位置；loop指定循环的次数，当值为-1时表示无限次循环播放插入插件插件包括的范围很广，如：视频文件、音乐文件、动画文件等。插入记录-媒体-插件如果计算机中安装了文件格式的插件，就可以在网页中播放该视频文件典型案例在线影院设置背景色为“#000000”所有元素居中对齐插入一个3行1列的表格设置表格第一行背景颜色为“#999999”,水平对齐方式为“居中对齐”、高30，输入文本“在线影院生化危机3：灭绝最新预告片”，设置文本颜色“#CCCCCC”在第二行插入插件（影片），宽800，高500设置第三行高50，水平垂直方向都为居中对齐输入“申明：本网站所有资源均来自互联网，资源所有权归原发行商所有，供广大爱好者学习交流之用，不做任何商业用途，请用户下载后于24小时内自觉删除，谢谢！”，文本颜色为“#999999”本讲回顾链接的路径形式有哪两种？网页中插入的多媒体有哪些类型？如何插入？