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