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