DW技术-层的应用

背景声音的插入
背景音乐的插入(格式限制：mp3 wav midi wma)
<bgsound src="" loop="“>
插入flash对象
Flash动画的插入
媒体】 Flash】 【插入】 【媒体】 【Flash】 插入】 插入栏【常用】类别中，单击【Flash】 插入栏【常用】类别中，单击【Flash】图标
层的html标记
层的html标记可以是div 或 span，创建层 时默认使用的html标记以及其他属性可以 在首选参数中修改。 层的html标记div 或 span与之前使用的 div 或 span标记的区别在于设置了 id=？ style="position:?;left:?;top:?; width:?px; height:?px; z-index:?"
层的制作
一个页面可以有多个层，多个层之间有三种关系： 平铺、重叠、嵌入式。
平铺式层及其应用
1.平铺式层的创建
每个层之间不存在重叠和嵌套的关系。如例子 pingpu_layer.html
选择“插入面板 布局 层图标”，在页面的指定位置可以 层图标”
绘制出想要的层（对应的html标记div/span插在body部分的最 绘制出想要的层（对应的html标记div/span插在body部分的最 html标记div/span插在body 前面） 前面）
Java小程序的插入
2.Java Applet的下载网站 关键是Applet的类名和地址。 /applets/index.html 3.插入Java Applet程序 例：applet_time.htm
可插入的flash动画文件*.swf; 编辑状态只显示动画占位符； 代码状态或属性面板中设置flash动画属性；
是否自动播放 是否循环播放 是否透明播放（代码状态添加参数 ） <param name=“wmode" value="transparent">
插入flash对象
Flash按钮的插入
非预置的Flash按钮文件，插入时DW自动创建的 Flash按钮文件，注意选择Flash按钮文件
Java小程序的插入
4.设置Java Applet属性
Code:指定Applet的类名； Codebase: 指定类所在的路径 ，是绝对路径，如 http://……，ftp://…… Archive： 指定类所在的路径,是相对路径 Width/height:指定Applet窗口的像素尺寸。 param：参数设置
Flash文本的插入
非预置的Flash按钮文件，插入时DW自动创建的 Flash按钮文件，注意选择Flash按钮文件
shockwave电影的插入
可插入的shockwave电影文件*.dcr; 属性设置 网页中插入的*.dcr的播放需要 micromedia shockwave player的支持
Active控件的插入
图像分割成不同部分， 图像分割成不同部分，每部分可以设置不同的链接 目标
图像占位符的插入
插入方法
图像对象】 图像占位符】 【插入】 【图像对象】 【图像占位符】 插入】 插入栏【常用】类别中，单击【图像占位符】 插入栏【常用】类别中，单击【图像占位符】图标
作用
便于页面整体布局，之后可以设置想要插入的图片 便于页面整体布局， 来源
JPEG：可以包含数百万种颜色，一般用于连 续色调的图像。例如风景、海岸、建筑等。
网页支持的图像格式
PNG
流式网络图形，是20世纪90年代中期开始开发 的图像文件存储格式，其目的是企图替代GIF和 TIFF文件格式，同时增加一些GIF文件格式所不 具备的特性。
网页背景图像设置
Body背景设置
【修改】 【页面属性】 属性面板 页面属性 Html代码background
1.ActiveX控件简介 1.ActiveX控件简介 ActiveX控件是专为windows平台中的浏览器开发的可 ActiveX控件是专为windows平台中的浏览器开发的可 重复使用的元素，就像一个微型的小应用程序一样， 可以起到与浏览器插件相同的作用。 2. ActiveX控件的插入 ActiveX控件的插入 关键是找到其classID及其相关参数。classID及其相关 关键是找到其classID及其相关参数。classID及其相关 参数生成工具：Microsoft 参数生成工具：Microsoft ActiveX Control Pad （下载：/library （下载：/library ） 3.设置ActiveX控件属性 3.设置ActiveX控件属性 例：active_pad.htm 例：active_pad.htm
背景图片不是页面元素，所以不能在页面里编 辑图片（如大小调整等）。小图片作为背景图 片时会自动平铺。
图像的插入与设置
插入方法
图像】 【插入】 【图像】 插入】 插入栏【常用】类别中，单击【图像】 插入栏【常用】类别中，单击【图像】图标 从资源面板中直接拖到页面指定位置
属性设置
代码和属性面板结合
图像映射设置
鼠标经过图像的插入
插入方法
图像对象】 鼠标经过图像】 【插入】 【图像对象】 【鼠标经过图像】 插入】 插入栏【常用】类别中，单击【鼠标经过图像】 插入栏【常用】类别中，单击【鼠标经过图像】图 标
入方法
图像对象】 导航条】 【插入】 【图像对象】 【导航条】 插入】 插入栏【常用】类别中，单击【导航条】 插入栏【常用】类别中，单击【导航条】图标
嵌入式层的意义
嵌入式层的创建是指在一个层中插入另外一个层（注意 代码与平铺、重叠层的区别），使两个层具有父子关系 ，其中子层默认情况下继承父层属性。 创建方法：绘制（首选参数中设置“嵌套”）和插入（ 光标定位在父层内） 属性设置：与平铺式层一样。 Javascript或行为可以实现下拉式、展开式菜单等。如 menu.html。
DW中的网站技术
层的应用
层也是html页面元素，但是它独立于页面，其 中可以包含一切页面元素，如图片、文字和图 层等。它可以灵活地定位到页面中地任何位置， 而且通过层的嵌套、层属性的设置、JavaScript 可以实现层的各种动态效果。
层的应用
层的一般应用 层中可以放置文字、图像、或其它层； 层中可以放置文字、图像、或其它层； 层可以放在网页中的任意一处，可以移动； 层可以放在网页中的任意一处，可以移动； (layer.html) 层的创新应用 使用层制作出平铺、重叠或嵌入放置的效果； 使用层制作出平铺、重叠或嵌入放置的效果； 层的显示属性加上行为产生页面高级效果； 层的显示属性加上行为产生页面高级效果； (pingpu_layer.html,overlayer.html,menu.html) 与表格在页面布局中的作用相比有何异同？
平铺式层及其应用
3.平铺式层与表格转换 4. 平铺式层的运用 例layer.html
重叠式层及其应用
重叠式层的制作意义
可以设计出页面元素的重叠效果，如 overlayer.html
重叠式层的创建与平铺层的创建、编辑方法 相似，只是重叠式层通过层的重叠和堆放顺 序产生页面元素的叠加效果
嵌入式层及其应用
Plugin插件的插入
视频、声音(无格式限制，但需浏览器端播 放器支持)
媒体】 plugin】 【插入】 【媒体】 【plugin】 插入】 插入栏【常用】类别中，单击【 插入栏【常用】类别中，单击【 plugin 】图标
视频、声音属性设置；
是否自动播放autostart=true/false 是否循环播放loop=true/false
动态特效页面制作－－行为
Dreamweaver中行为可用来实现动态特效 行为的概念 1.行为（Behaviors） Dreamweaver把各种常用功能的javaScript代码封装成为行为 ，行为是事件和由该事件触发的动作组合而成。它能根据用 户在浏览器页面中所做的某些操作，触发页面执行动作。 2.事件(Event) 用户在浏览器页面中所做的某些操作，如鼠标、键盘操作。 3.动作(Action) 是由预先编写的javaScript代码组成的，这些代码能执行各 种特定任务。 如打开浏览器窗口、显示或隐藏层，播放或停 止声音、动画的播放等。
常用行为
1.shockwave 或Flash影片的播放控制 2.声音的播放控制 3.制作弹出窗口 4.跳转到指定URL 5.改变对象属性 6.设置状态栏信息 7.拖动图层 8.显示/隐藏层 9.改变层的内容 10.下拉菜单
常用行为
11.检查浏览器 12.检查插件 13.弹出消息（表单信息验证等） 14.跳转菜单
ＤＷ技术之二：多媒体资源的插入
图像 Plugin插件 视频、声音 插件(视频 插件 视频、声音) Flash动画 动画 Shockwave电影 Shockwave电影 Active控件 控件 Java Applet
网页支持的图像格式
.jpg .gif .png
网页支持的图像格式
GIF：色彩最多使用256种，适合显示色调不 连续或具有大面积单一颜色的图像。
确定光标位置，选择【插入】
【布局对象】 层，则在 布局对象】 光标锁定位置插入图层（对应的html html标记插在光标的所在的位 光标锁定位置插入图层（对应的html标记插在光标的所在的位 置的代码处） 置的代码处）
平铺式层及其应用
2.平铺式层属性设置 层中添加内容； 选择层、移动层、更改层的大小、设置层的显示或 隐藏； 更改层的堆放顺序、防止层的重叠、对齐层。 （1）鼠标选中层进行拖动或缩放； （2）单个层（利用属性面板、层面板设置、【修 改】 排列顺序/对齐） （3）同时设置多个层（利用属性面板、层面板设 置、【修改】 对齐/等高宽设置/排列顺序）
导航条作用
具有动感的导航菜单
Plugin插件的插入
Plugin插件的概念 plugin是Netscape提出的一种浏览器方技 术，一个plugin被看作是能和Navigator浏 览器配合工作的软件模块，帮助它显示新的 数据类型，或者以新的方式显示某些“老” 数据类型.如纯文本、HTML文本、Word文 件格式、gif图像、RealAudio语音、MPEG 视频数据等，都代表不同的数据类型。
图像的插入与设置图像分割成不同部分每部分可以设置不同的链接目标图像占位符的插入插入图像对象图像占位符便于页面整体布局之后可以设置想要插入的图片来源鼠标经过图像的插入插入图像对象鼠标经过图像具有动感导航条插入图像对象导航条具有动感的导航菜单plugin插件的插入plugin插件的概念plugin是netscape提出的一种浏览器方技术一个plugin被看作是能和navigator浏览器配合工作的软件模块帮助它显示新的数据类型或者以新的方式显示某些老数据类型
行为面板
二、行为面板的介绍和使用
不同浏览器及不同版本内置行为有差异（show event for）。 事件（event） 动作（ action） 增加行为 (+) 删除行为（-） 修改行为（双击行为名称或选中行为后按Enter，打 开属性对话框） 调整同一对象同一事件所对应的所有动作的执行顺 序（选中该对象，在行为面板中应用上下移工具调 整该对象同一事件所对应的所有动作的顺序）
Java小程序的插入
1.Java Applet简介
Java Applet 是用Java 语言编写的一些小应用程序， 这些小应用程序的实现主要依靠java.applet 包中的 Applet类。与一般的应用程序不同，Applet应用程序 必须嵌入在HTML页面中，才能得到解释执行，产生特 殊效果；同时Applet可以从Web页面中获得参数，并 和Web页面进行交互。
思考
1.用一图片做背景，如何不平铺？ 2.网页中有一大图片，如何提高网络传输速 度？