最新图层与行为时间轴表单框架样式表模板PPT课件.ppt

《最新图层与行为时间轴表单框架样式表模板PPT课件.ppt》由会员分享，可在线阅读，更多相关《最新图层与行为时间轴表单框架样式表模板PPT课件.ppt（90页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、进入夏天，少不了一个热字当头，电扇空调陆续登场，每逢此时，总会进入夏天，少不了一个热字当头，电扇空调陆续登场，每逢此时，总会想起那一把蒲扇。蒲扇，是记忆中的农村，夏季经常用的一件物品。记想起那一把蒲扇。蒲扇，是记忆中的农村，夏季经常用的一件物品。记忆中的故乡，每逢进入夏天，集市上最常见的便是蒲扇、凉席，不论男女老忆中的故乡，每逢进入夏天，集市上最常见的便是蒲扇、凉席，不论男女老少，个个手持一把，忽闪忽闪个不停，嘴里叨叨着少，个个手持一把，忽闪忽闪个不停，嘴里叨叨着“怎么这么热怎么这么热”，于是三，于是三五成群，聚在大树下，或站着，或随即坐在石头上，手持那把扇子，边唠嗑五成群，聚在大树下，或站着

2、，或随即坐在石头上，手持那把扇子，边唠嗑边乘凉。孩子们却在周围跑跑跳跳，热得满头大汗，不时听到边乘凉。孩子们却在周围跑跑跳跳，热得满头大汗，不时听到“强子，别跑强子，别跑了，快来我给你扇扇了，快来我给你扇扇”。孩子们才不听这一套，跑个没完，直到累气喘吁吁，。孩子们才不听这一套，跑个没完，直到累气喘吁吁，这才一跑一踮地围过了，这时母亲总是，好似生气的样子，边扇边训，这才一跑一踮地围过了，这时母亲总是，好似生气的样子，边扇边训，“你你看热的，跑什么？看热的，跑什么？”此时这把蒲扇，是那么凉快，那么的温馨幸福，有母亲此时这把蒲扇，是那么凉快，那么的温馨幸福，有母亲的味道！蒲扇是中国传统工艺品，在我国

3、已有三千年多年的历史。取材的味道！蒲扇是中国传统工艺品，在我国已有三千年多年的历史。取材于棕榈树，制作简单，方便携带，且蒲扇的表面光滑，因而，古人常会在上于棕榈树，制作简单，方便携带，且蒲扇的表面光滑，因而，古人常会在上面作画。古有棕扇、葵扇、蒲扇、蕉扇诸名，实即今日的蒲扇，江浙称之为面作画。古有棕扇、葵扇、蒲扇、蕉扇诸名，实即今日的蒲扇，江浙称之为芭蕉扇。六七十年代，人们最常用的就是这种，似圆非圆，轻巧又便宜的蒲芭蕉扇。六七十年代，人们最常用的就是这种，似圆非圆，轻巧又便宜的蒲扇。蒲扇流传至今，我的记忆中，它跨越了半个世纪，也走过了我们的扇。蒲扇流传至今，我的记忆中，它跨越了半个世纪，也走过

4、了我们的半个人生的轨迹，携带着特有的念想，一年年，一天天，流向长长的时间隧半个人生的轨迹，携带着特有的念想，一年年，一天天，流向长长的时间隧道，袅道，袅网页布局-层n使用图层设计页面布局，可以实现页面使用图层设计页面布局，可以实现页面元素的精确定位元素的精确定位n在图层中可以插入文本、图像、表单等在图层中可以插入文本、图像、表单等页面元素。页面元素。n借助层，可对加入的页面元素进行精确借助层，可对加入的页面元素进行精确定位，还可做出重叠效果和运动效果。定位，还可做出重叠效果和运动效果。行为面板的操作n编辑行为：选定附加行为的对象，修改该编辑行为：选定附加行为的对象，修改该行为的参数行为的参数n

5、改变行为中的触发事件的顺序改变行为中的触发事件的顺序n增加行为增加行为n删除行为删除行为常用动作n图像的交换n弹出信息、弹出菜单n播放声音n显示弹出式菜单n检查表单n调用javaScriptn检查浏览器：常用于检查浏览器：常用于body标签标签常用动作n检查插件n控制shockwave或flashn拖动层n转到urln打开浏览器窗口n预载入图像n播放事件轴n转到时间轴帧有些动作只在有些动作只在链接状态下有链接状态下有效效创建层n使用使用Insert菜单创建层：菜单创建层：Insert菜单菜单-Layer选项选项n通过对象调板创建层：通过对象调板创建层：Window菜单菜单-Object-Dra

6、w Layer按钮按钮n使用使用CSS样式创建层：样式创建层：Window菜单菜单-CSS Styles选项选项n嵌套层：就是在一个层内创建新的层嵌套层：就是在一个层内创建新的层n选中这个层，可用鼠标拖动，将层移至页选中这个层，可用鼠标拖动，将层移至页面合适的位置。面合适的位置。n用鼠标拖动边线上的黑色方块，可调节层用鼠标拖动边线上的黑色方块，可调节层的大小。的大小。n 用鼠标点击层内的任意位置，这时可往层用鼠标点击层内的任意位置，这时可往层内加入文本、图像等内容。内加入文本、图像等内容。n层中可再嵌套层。层中可再嵌套层。嵌套层的操作n将插入点光标放入父层内，然后使用将插入点光标放入父层内，然

7、后使用Insert菜单的菜单的Layers选项；选项；n将对象调板的将对象调板的Layer按钮拖到父层内；按钮拖到父层内；n按住按住Ctrl键，并在层调板内，将子层的名称键，并在层调板内，将子层的名称拖到父层的名称上拖到父层的名称上。修改层n选择层选择层1）激活层：用鼠标单击层所属的区域）激活层：用鼠标单击层所属的区域2）选择某一个层：）选择某一个层： 用鼠标单击文档的层标识，使层的边框上出用鼠标单击文档的层标识，使层的边框上出现黑色的小方块；现黑色的小方块；用鼠标单击层的选择手柄；用鼠标单击层的选择手柄；用鼠标单击层的边框；用鼠标单击层的边框；用鼠标单击层调板内层的名称。用鼠标单击层调板内层

8、的名称。 3）选择多个层：）选择多个层： 按住按住Shift键的同时，依次单击多个层；键的同时，依次单击多个层； 按住按住Shift键的同时，依次在层调板的名称列键的同时，依次在层调板的名称列表内选择；表内选择； 按住按住Shift键的同时，依次用鼠标单击层所在键的同时，依次用鼠标单击层所在的区域。的区域。4）取消选择：在文档窗口内单击鼠标）取消选择：在文档窗口内单击鼠标 5）删除层：选定层后，按）删除层：选定层后，按Delete键键n改变层的大小：鼠标拖曳或属性调板改变层的大小：鼠标拖曳或属性调板n改变层的位置：鼠标拖曳改变层的位置：鼠标拖曳 n对齐层：选定多个层、对齐层：选定多个层、Mod

9、ify菜单菜单-Align选项选项n注意：对齐层时，系统自动将最后选定的层作注意：对齐层时，系统自动将最后选定的层作为对齐标准为对齐标准设置图层参数和图层属性n设置图层参数设置图层参数1）使用图层参数可以为新创建的层定义默）使用图层参数可以为新创建的层定义默认设置认设置2）操作：）操作：Edit菜单菜单-Preferencesn设置图层属性：属性调板设置图层属性：属性调板n“层编号层编号“后填入你给这个层的命名。后填入你给这个层的命名。n“左左”和和“上上”是层的定位，即在页面中的是层的定位，即在页面中的位置。位置。nZ轴：是页面元素的轴：是页面元素的Z值，在后面填入一个数值，在后面填入一个数

10、值。当页面元素因定位而重叠时，值。当页面元素因定位而重叠时，Z值大的值大的页面元素将在最表面显示，覆盖或部分覆盖页面元素将在最表面显示，覆盖或部分覆盖Z值小的页面元素。值小的页面元素。n“可见性可见性”是设置页面元素是否可视。不设是设置页面元素是否可视。不设置当然是可视。其后的下拉选框有四个选置当然是可视。其后的下拉选框有四个选项项default、inherit、visible和和hidden。n default是使用浏览器默认值，这个默认值是使用浏览器默认值，这个默认值一般是可视。一般是可视。n inherit是继承母体元素的可视性设置，是继承母体元素的可视性设置，n visible是可视是

11、可视n hidden是不可视。是不可视。n背景图像。背景图像。n层的背景颜色。层的背景颜色。n“溢出溢出”是如何处理插入层内的元素超过层本身的宽是如何处理插入层内的元素超过层本身的宽或高的部分。其后的下拉选框有四个选项或高的部分。其后的下拉选框有四个选项visible、hidden、scroll和和auto。 visible是可视是可视 hidden是不可视，是不可视， scroll是可滚动是可滚动 auto是由浏览器默认。是由浏览器默认。n剪辑：在层中间再限定一个区域，来放置插入层里的剪辑：在层中间再限定一个区域，来放置插入层里的页面元素。页面元素。 L是是Clip区域左边离层左边的距离，区

12、域左边离层左边的距离， T是是Clip区域上边离层上边的距离，区域上边离层上边的距离， R是是Clip区域右边离层右边的距离区域右边离层右边的距离 B是是Clip区域下边离定位区域下边的距离。区域下边离定位区域下边的距离。n其实层的各种设置，其原理就是用其实层的各种设置，其原理就是用CSS对对DIV等等HTML标记的定位、背景及其它属性的设置。标记的定位、背景及其它属性的设置。层面板n层面板上将列出当前页面所有的层。层面板上将列出当前页面所有的层。nName下面是各层的命名下面是各层的命名nZ下面是各层的下面是各层的Z值，点击这个值后可修改。值，点击这个值后可修改。 n眼睛图标下面是显示各层的

13、可视性。点击可调出三种状眼睛图标下面是显示各层的可视性。点击可调出三种状态态无图标、睁开的眼睛图标和闭上的眼睛图标。无图标、睁开的眼睛图标和闭上的眼睛图标。n无图标表示该层的可视性使用默认值，无图标表示该层的可视性使用默认值，n睁开的眼睛图标表示该层可视，睁开的眼睛图标表示该层可视，n闭上的眼睛图标表示该层不可视。闭上的眼睛图标表示该层不可视。n选中面板选中面板Prevent Overlaps上的选框，则各层之间不能有重合部上的选框，则各层之间不能有重合部分，层中也不能再嵌套层。分，层中也不能再嵌套层。层与表格n将层转换为表格：将层转换为表格：Modify菜单菜单-Convert选选项项-La

14、yers to Tablen将表格转换为层：将表格转换为层：Modify菜单菜单-Convert选选项项-Tables to Layers图9-34 时间轴面板图9-35 实例效果【例9-3】 【例9-4】 n插入图层，插入图像n选择图层，执行“修改”-”时间轴“-录制层命令，拖动图层，出现+正确【例9-5】 图9-47 实例效果n添加图像n将图像添加到时间轴n拖动尾关键侦n在中间增加关键侦，并且选择相应的图像【例9-6】 图9-51 实例效果1 1时间轴（时间轴（TimelineTimeline）的功能）的功能n网页中制作出动画网页中制作出动画n改变层的大小改变层的大小n改变层的可见性改变层

15、的可见性n改变层的叠放顺序改变层的叠放顺序n改变图片的属性只能改变图片的源改变图片的属性只能改变图片的源 动态效果动态效果时间轴和行为概述时间轴和行为概述时间轴的控制面板n自动播放：播放时间轴动作通过onload时间添加到文档，页面载入时间轴便可以播放；1 1TimelinesTimelines面板面板4.8.2 4.8.2 使用时间轴创建动画使用时间轴创建动画Timelines面板面板2 2使用时间轴创建动画使用时间轴创建动画（1 1）创建）创建Layer（层）动画（层）动画（2）创建）创建Image（图像）动画（图像）动画4.8.2 4.8.2 使用时间轴创建动画使用时间轴创建动画3 3编

16、辑时间轴编辑时间轴 新建、删除、查看与重命令时间轴新建、删除、查看与重命令时间轴 给时间轴添加动作、对象、帧与关键帧给时间轴添加动作、对象、帧与关键帧 将已有的动画应用于其他对象将已有的动画应用于其他对象4.8.2 4.8.2 使用时间轴创建动画使用时间轴创建动画1 1行为面板行为面板2 2内置行为内置行为4.8.3 4.8.3 内置行为内置行为行为面板行为面板 4.8.4 4.8.4 将行为应用到时间轴将行为应用到时间轴1.1.时间轴面板中多个时间轴之间的转换时间轴面板中多个时间轴之间的转换 GO to Time FrameGO to Time Frame（转到某一帧）（转到某一帧） Pla

17、y TimelinePlay Timeline（播放某一时间轴）（播放某一时间轴） Stop TimelineStop Timeline（停止播放某一时间轴）（停止播放某一时间轴）2.Timeline2.Timeline中包含的中包含的3 3种行为种行为关键帧的应用n层的运动变为曲线录制层路径n插入层n在层内插入图片n选中层，选择主菜单“修改”“时间轴”“录制层路径”n在编辑窗口中，按线路拖动层后松开鼠标，则自动在时间轴面板中创建了一定数目的关键帧。向时间轴添加对象n只有图像和图层可以添加到时间轴；n把选定的对象放在图层内添加到时间轴编辑时间轴动画n增加或缩短动画播放时间n改变动画的开始时间n

18、修改关键帧n添加或删除帧n复制动画表单概述n表单：是使访问者与网站或网站管理人交互。表单：是使访问者与网站或网站管理人交互。n用来收集浏览者的用户名、密码、用来收集浏览者的用户名、密码、E-mail地址、地址、个人爱好和联系地址等用户信息的输入区域集合。个人爱好和联系地址等用户信息的输入区域集合。n表单的工作流程：表单的工作流程：填写信息填写信息-提交信息提交信息-Web服务器服务器-CGI（公共网关（公共网关接口）接口）表单的作用n根据访问者输入的信息，自动生成页面反根据访问者输入的信息，自动生成页面反馈给访问者；馈给访问者；n为网站收集访问者输入的信息。为网站收集访问者输入的信息。表单的使

19、用n一部分是表单本身，即怎样把表单作为页一部分是表单本身，即怎样把表单作为页面元素加入到网页页面。面元素加入到网页页面。n另一部分为表单的处理，即调用服务器端另一部分为表单的处理，即调用服务器端的脚本程序，或使以电子邮件的方式发送。的脚本程序，或使以电子邮件的方式发送。【例9-8】 图9-81 实例效果【例9-7】n描述表单的描述表单的HTML源代码。源代码。n用于处理用户在表单域中输入的信息的用于处理用户在表单域中输入的信息的服务器端应用程序或客户端脚本。服务器端应用程序或客户端脚本。 表单表单 表单简介表单简介 Object Object面板的表单元素面板的表单元素 表单有两个重要组成部分

20、：表单有两个重要组成部分：表单属性n“表单名称表单名称”：JavaScript和和VBScrpt等教本语言等教本语言要通过表单名称进行控制；要通过表单名称进行控制；n动作：识别处理表单信息的服务器端应用程序。动作：识别处理表单信息的服务器端应用程序。n方法：方法： Get:将表单值追加到将表单值追加到URL并发送服务器并发送服务器get请求；请求； POST：在消息正文中发送表单值并发送服务器：在消息正文中发送表单值并发送服务器post请求。请求。n动作一栏中若用电子邮件的发送方式：动作一栏中若用电子邮件的发送方式：mailto:电子邮件电子邮件?subject=主题主题n代码中采用：代码中采

21、用：enctype=“text/plain”,表单表单内容将以正文的方式发送，否则将以附件内容将以正文的方式发送，否则将以附件的方式发送的方式发送创建Form表单n选择选择Insert下的下的Form利用利用Dreamweaver 处理表单处理表单1插入文本框插入文本框（1）创建空白表单）创建空白表单（2）插入文本框）插入文本框 插入单行文本框插入单行文本框 插入多行文本框插入多行文本框 插入密码文本框插入密码文本框2设置文本框属性设置文本框属性3插入单选按钮插入单选按钮（1）插入单选按钮）插入单选按钮（2）设置单选按钮的属性）设置单选按钮的属性4插入复选框插入复选框（1）插入复选框）插入复选

22、框（2）设置复选框的属性）设置复选框的属性5插入下拉列表框插入下拉列表框（1）插入下拉列表框）插入下拉列表框（2）设置下拉列表框属性）设置下拉列表框属性6插入按钮插入按钮（1）插入）插入“Submit”（提交）按钮（提交）按钮 （2）插入）插入“Reset”（重置）按钮（重置）按钮（3）插入）插入“Button”按钮按钮4.7.2 4.7.2 插入文本框插入文本框空白表单的属性面板空白表单的属性面板 修改空白表单的属性修改空白表单的属性 列表框，属性面板 插入文件字段插入图像域和跳转菜单n可设定名称可设定名称n设置类型是设置类型是“菜单菜单”或或“列表列表”， 当选择菜单时，当选择菜单时，不能

23、设置其高度，并每次只能选择一个列表中的不能设置其高度，并每次只能选择一个列表中的项目。当选择列表时，可以设置高度，并能设置项目。当选择列表时，可以设置高度，并能设置一次选择多个列表中的项目。一次选择多个列表中的项目。n当在当在“列表值列表值”中输入列表中项目，和值后，中输入列表中项目，和值后，可以在可以在“初始化时选定初始化时选定”中选列表第一个项目显中选列表第一个项目显示哪个。示哪个。 框架介绍框架介绍n框架：可以将整个网页分割为多个区域，每个区框架：可以将整个网页分割为多个区域，每个区域显示为不同的文档内容（框架窗口）；域显示为不同的文档内容（框架窗口）；n例如：左边显示站点，右边显示站点

24、内容；单击例如：左边显示站点，右边显示站点内容；单击左边的站点，右边显示相应的内容左边的站点，右边显示相应的内容n应用框架的页面称为框架页面。应用框架的页面称为框架页面。n在任何一个框架窗口中单独显示一个网页。在任何一个框架窗口中单独显示一个网页。n是将两个或两个以上的网页页面组合起来，能用是将两个或两个以上的网页页面组合起来，能用同一个窗口打开的结构，即多个页面合起来显示同一个窗口打开的结构，即多个页面合起来显示成一个页面的效果。成一个页面的效果。n框架由两部分组成：一个框架集和独立的框架。框架由两部分组成：一个框架集和独立的框架。n框架集文件定义了包含在该框架集中的框架数量、框架集文件定义

25、了包含在该框架集中的框架数量、每个框架的大小、链接到每个框架的页面。框架每个框架的大小、链接到每个框架的页面。框架集并不在浏览器中显示，它只存储包括上述信息集并不在浏览器中显示，它只存储包括上述信息在内的、关于每个框架的信息。在内的、关于每个框架的信息。 窗框结构窗框结构n框架集：将几个框架页面结合起来，告诉框架集：将几个框架页面结合起来，告诉浏览器有哪些内容文件，怎样排列；浏览器有哪些内容文件，怎样排列；n框架页面：内容文件框架页面：内容文件,将在窗口中分框显示，将在窗口中分框显示，每个页面作为总页面的一个框体。例如，每个页面作为总页面的一个框体。例如，一个两框的窗框结构有三个文件，即一个一

26、个两框的窗框结构有三个文件，即一个窗框设置文件、两个内容文件。窗框设置文件、两个内容文件。框架的作用框架的作用n节约下载时间节约下载时间n导航功能导航功能n能统一风格、便于制作和修改、方便访问。能统一风格、便于制作和修改、方便访问。n缺点：使用窗框结构的页面会影响页面的缺点：使用窗框结构的页面会影响页面的浏览速度。浏览速度。窗框结构网页的保存窗框结构网页的保存n窗框结构包括框架集和框体内容文件两方面的网窗框结构包括框架集和框体内容文件两方面的网页文件。页文件。n保存窗框结构页面时，点击菜单栏的保存窗框结构页面时，点击菜单栏的“文件文件”-“保存全部保存全部”的页面；的页面；n点击菜单栏的点击菜

27、单栏的FileFrameset是保存窗框设置文件；是保存窗框设置文件；n移动光标到某一特定框体，点击菜单栏的文件移动光标到某一特定框体，点击菜单栏的文件-保保存是保存此框体的内容文件。存是保存此框体的内容文件。图9-87 实例效果【例9-9】 创建框架创建框架n1布局面板上的布局面板上的“框架框架”按钮，选择框体排按钮，选择框体排列方式。列方式。n2点击点击“插入插入”/html/框架，再从中选择。框架，再从中选择。n3一个页面上框架的数目不要太多一个页面上框架的数目不要太多n无框架内容：对不支持框架的浏览器显示无框架内容：对不支持框架的浏览器显示提示内容；提示内容； 选择框架选择框架nAlt

28、+鼠标单击；鼠标单击；n框架调板：框架调板：“窗口窗口”菜单菜单-“框架框架”选项选项编辑框架编辑框架q每一个框架里都是一个文档，每一个框架里都是一个文档，q可以直接添加内容；可以直接添加内容；q也可以在框架内打开已经存在的文档。也可以在框架内打开已经存在的文档。q框架内容的链接：链接的目标栏，选中目标选框架内容的链接：链接的目标栏，选中目标选项；项；q删除框架删除框架框架集属性框架集属性n边框边框:是否显示边框是否显示边框;n边框颜色：边框颜色：n边框宽度：自动设为边框宽度：自动设为0，可作修改。，可作修改。n列：对同一行的一个或几个框体的高进行设置，列：对同一行的一个或几个框体的高进行设置

29、，或对同一列的一个或几个框体的宽进行设置。或对同一列的一个或几个框体的宽进行设置。n面板右方小框：可用鼠标对行或列进行选取，面板右方小框：可用鼠标对行或列进行选取，设置高或宽的大小。设置高或宽的大小。n单位：设置数值单位，单位：设置数值单位，框架名称框架名称n框架名称：在这里输入的框架名，将被超链接和框架名称：在这里输入的框架名，将被超链接和脚本引用。脚本引用。n命名框架必须符合以下要求：命名框架必须符合以下要求：框架名应该是一个单词；框架名应该是一个单词； 允许使用下划线允许使用下划线(_)； 不能使用横杠不能使用横杠(-)、句号、句号(.)和空格；和空格； 应以字母开头，不要使用应以字母开

30、头，不要使用 JavaScript的的 保留字（例如保留字（例如top或或navigator）。）。框架属性框架属性n源文件：指定在当前框架中打开的源文件；源文件：指定在当前框架中打开的源文件；n滚动：是否显示滚动条；滚动：是否显示滚动条；n不能调整大小：防止用户浏览时拖动框架边框来不能调整大小：防止用户浏览时拖动框架边框来调整当前框架大小。调整当前框架大小。n边框：决定当前框架是否显示边框；边框：决定当前框架是否显示边框；n边框颜色边框颜色n左右边距：设置框架边框与内容之间的距离；左右边距：设置框架边框与内容之间的距离； n上下边距：设置上和下边距上下边距：设置上和下边距Frame中的链接中

31、的链接编辑框架集编辑框架集n先选择先选择“查看查看”“可视化助理可视化助理”框框架边框，使框架边框在文档窗口中可见。架边框，使框架边框在文档窗口中可见。n再选择再选择“修改修改”“框架集框架集”下拆分选下拆分选项；项；n或者可以通过对象面板中的定义好的框或者可以通过对象面板中的定义好的框架集来快速插入，框架集图标的蓝色区架集来快速插入，框架集图标的蓝色区域代表当前框架。域代表当前框架。n按住按住Alt键拖曳任一条框架边框，可以垂键拖曳任一条框架边框，可以垂直或水平分割文档（或已有的框架）；直或水平分割文档（或已有的框架）；n可以框架集嵌套，即一个框架集套在另可以框架集嵌套，即一个框架集套在另一

32、个框架集内称为框架集嵌套。使用框一个框架集内称为框架集嵌套。使用框架嵌套可以为一个文档设置多个框架。架嵌套可以为一个文档设置多个框架。 图9-100 实例效果【例9-10】 n设置页面背景n新建外部css文件n新建css样式 .bt：华文中宋，36，粗体 .case:华文新魏，24 重建table:边框，右下突起，宽度1pt 重建td:边框，左上凹陷，宽度1pt a:link:修饰无， 颜色 a:hover:下划线，颜色让让css使网页图片或菜单半透明使网页图片或菜单半透明nExtension:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=

33、?, StartY=?, FinishX=?, FinishY=?) nOpacity :代表透明度水准，范围是代表透明度水准，范围是0-100，n“FinishOpacity”就是用来指定结束时的透明度，范就是用来指定结束时的透明度，范围围0-100n“Style”是指定透明区域的形状特征，是指定透明区域的形状特征，0代表统一形状，代表统一形状，1代表线形，代表线形，2代表放射形，代表放射形，3代表长方形。代表长方形。n“startX”与与”startY”就是代表渐变效果开始的就是代表渐变效果开始的X与与Y坐标，（一般我们设置为坐标，（一般我们设置为StartX=0, StartY=0（这样

34、（这样就是表示的透明效果是从图片的左上角开始的。）就是表示的透明效果是从图片的左上角开始的。）n“FinishX”与与“FinishY” 代表渐变效果结束时的横纵代表渐变效果结束时的横纵坐标了，这里很关键，填什么数值与图片的高与宽有坐标了，这里很关键，填什么数值与图片的高与宽有关关改变浏览者的鼠标形状n通过编辑样式表来实现的。n具体方法是：选择“文字（text）定制样式（CSS Style）编辑样式表（Edit Style Sheet）”，弹出编辑样式表窗口，在其中选择“新建（new）”。接着选择“建立一个定制的样式（Make custom style）”，给这个样式表起名，单击确定。n编辑该

35、样式表，选择扩展项(extension)，在右边的光标项（Cursor）中选择要出现的指针效果即可。 n模板模板n同一网站中的页面往往采用布局相同，内同一网站中的页面往往采用布局相同，内容不同的方式容不同的方式n模板提供了将网页的布局与内容分开的功模板提供了将网页的布局与内容分开的功能能n模板的改变，会使应用到这个模板的网页模板的改变，会使应用到这个模板的网页随之改变随之改变【例9-11】 n新建页面n另存为模板n定义可编辑区域n从模板创建页面n更新模板，更新站点Dreamweaver如何制作计数器、留如何制作计数器、留言板言板 n首先首先Dreamweaver是不能制作上面的这些东西的。是不

36、能制作上面的这些东西的。他只能定制页面，而上面的这些都需要和服务器他只能定制页面，而上面的这些都需要和服务器进行交互。因此必须使用进行交互。因此必须使用CGI Php ASp等编程实等编程实现。现。n很多的个人主页服务商都提供了现成的计数器和很多的个人主页服务商都提供了现成的计数器和留言板。你只要添加到页面中你想要的地方就可留言板。你只要添加到页面中你想要的地方就可以了。最直接的办法，单击页面中的想要的位置。以了。最直接的办法，单击页面中的想要的位置。按按F10切换到源代码编辑器。将他们提供的源代切换到源代码编辑器。将他们提供的源代码码Copy/paste就可以了。就可以了。nDreamwea

37、ver的同门兄弟的同门兄弟Ultradev可以制作。可以制作。设置状态栏文字n在Behaviors窗口中选取Behaviors，单击“”号，再选取“Set TextSet Text of Status Bar”，最后在弹出的对话框中写上你想在状态栏出现的文字就可以了。 图9-131 “选择文件”对话框1使用图层制作一个具有图像相互叠放效果的页面。使用图层制作一个具有图像相互叠放效果的页面。2使用图层和行为网页中的对象（如文字或图像）制作一个使用图层和行为网页中的对象（如文字或图像）制作一个弹出菜单。弹出菜单。3使用时间轴和图层制作一个图像在网页中飘动的效果。使用时间轴和图层制作一个图像在网页中

38、飘动的效果。4使用时间轴制作一个循环切换画面的广告网页。使用时间轴制作一个循环切换画面的广告网页。5参考中文雅虎（参考中文雅虎（http:/）电子邮箱的申请过程，）电子邮箱的申请过程，制作一个申请电子邮箱的表单。制作一个申请电子邮箱的表单。6使用框架技术制作使用框架技术制作Windows学习简介的框架网页。学习简介的框架网页。7使用使用CSS样式表制作一个课程表。样式表制作一个课程表。8使用模板技术制作学校各部门的宣传网页，要求导航栏和使用模板技术制作学校各部门的宣传网页，要求导航栏和版权区域为锁定区域，其余区域为可编辑区域。版权区域为锁定区域，其余区域为可编辑区域。9制作一个简单的页面，练习插入制作一个简单的页面，练习插入Java小程序、小程序、Flash动画、动画、Flash按钮和按钮和Shockwave电影等多媒体对象。电影等多媒体对象。