课件：Dreamweaver.ppt

CSS样式引例 设置超链接文字的格式. 利用“页面属性”设置，查看代码如下：style type=text/css !-- a:link { color: #FF3366; } a:visited { color: #993366; } a:hover { color: #33CC00; } a:active { color: #6633CC; } -- /style 可从代码中修改代码如下： a:hover { color: #33CC00; font-family:华文彩云; 创建CSS样式的方法 用菜单在CSS样式面板中（窗口/CSS样式）右击/新建 说明： 新建样式的名称必须以”.”开始 样式有三种类型，其中use CSS selector用于超链接的格式设置。 2.套用CSS样式：选中对象/在CSS样式面板中右击/套用。 几种常见的CSS格式 设置背景不随文字一起滚动。CSS样式定义框中：背景/附件/固定（设置后一定要选择：全选/应用） 字的大小、添加上、下划线 设置阴影（扩展/shadow)。 阴影的效果只对层起作用。 动感效果（扩展/blur/) 光晕的效果（扩展/glow) 修改项目符号和编号的形式(列表） 设置表格的边框线。（边框） 样式文件的删除 CSS样式面板中/选中要删除的样式/删除样式 2.用代码设置CSS属性 在文档的头部内容中插入CSS格式代码。其格式为：style!- -代码－－/style 查看代码双击CSS样式名。 例如：设置背景不随文字一起滚动可在头部内容中加入 style!- -body{background-attachment:fixed}－－/style 层 层是可以将页面元素精确定位的一种新的定位技术。 层内可以放置文本、图像、表单等元素。插入层的方法： 方法1：插入/布局对象/层 方法2：布局面板/层 层的标签为＜Div 选择层 选定层的标志是层的边框线上有黑色的方块点。 方法：单击层的选择手柄或边线。（如果在层中单击则只是激活层） 选择多个层：在选择的同时按住SHIFT键。 层的属性 名称 定位 大小 层的叠放层次 层颜色的填充 可见性 层面板的使用 打开：窗口/层 可观察、设置可见性和叠放层次 可设置“防止重叠” 层的操作 层的对齐：选中/修改/对齐 防止层的重叠 层与表的相互转换：修改/转换/… 层的应用 层和行为技术组合可以完成很多网页制作中的操作如：下拉菜单、拼图游戏等。 还有一个重要应用就是布局页面。例利用层制作模板。 时间线 所谓时间线，是DW提供的一个设计网页动态运动层的工具面板，时间线通过设置不同时间段的层的大小、位置和可见性等属性可以制出动态的网页动画。 时间线创作动画的基本原理 把一对象在一定的时间内，根据设计好的路径显示在某网页页面上，再把其它对象放置在另外的时间段内。在时间线上显示的每一对象就叫一帧。整条时间线就是由许多帧构成的。当将时间段连续播放时，则所有的帧将按照设置好的时间和显示方式一个一个的显示出来，一段动态效果画面就显示在浏览者面前。 相关术语 关键帧：是指给某个对象指定了属性的帧。可以自动生成两个关键帧之间的过渡帧。 FPS：是每秒播放的帧数。一般电影每秒播放27帧。 用时间线创建动画 时间线只能移动层，因此要移动的文字或图像首先要将其放入层中。 时间线通过改变层的位置、大小、可见性以及叠放顺序来创建动画。 创建对象的移动过程 创建相关的层 打开时间线面板（窗口/时间轴） 为时间线添加对象a.右击时间线/添加对象b.直接拖动对象到时间线c.修改/时间轴/添加对象 设置路径：a.添加关键帧:设置关键帧的位置b.修改/时间轴/录制路径/拖动对象绘制路径 设置播放速度和播放方式。 在时间线上改变层的可见性 在时间线上选择一个关键帧 打开属性面板进行调整 事件、动作和行为的应用 行为（behaviors)顾名思义就是以某种方式完成的动作，行为是由事件（Event)和动作（action)两部分组成的，事件是指完成某一动作的方式,如单击、双击、鼠标离开等。动作是指网页的一些特殊的功能，如播放音乐、显示和隐藏层。 如在右击图标打开快捷菜单的行为中，右击是事件，打开菜单是动作 即行为＝事件＋动作 为对象添加行为 为对象添加行为是通过行为面板完成的。 打开方法：窗口/行为 具体步骤 在合适的位置插入所有的元素 选中要添加行为的对象 单击行为面板上的“＋”按钮，并为该元素选择一个动作，然后为其设置属性。 单击事件和动作之间的▲可以选择需要的事件。 注意：一定要选择适用的浏览器，否则很多行为和事件不能添加。 修改行为 修改行为也是在行为面板中完成的。 常用的行为 层的显示与隐藏（例捉迷