Dreamweaver-Flash-Fireworks网页制作培训教程第14课5128.pptx

《Dreamweaver-Flash-Fireworks网页制作培训教程第14课5128.pptx》由会员分享，可在线阅读，更多相关《Dreamweaver-Flash-Fireworks网页制作培训教程第14课5128.pptx（63页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程第第14课课 动态网页技术动态网页技术 w本课要点本课要点w具体要求具体要求w本课导读本课导读w上机练习上机练习Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程本课要点本课要点w应用表单应用表单w使用行为使用行为w插入媒体对象插入媒体对象w滚动特效滚动特效Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程具体要求具体要求n掌握表单的创建及表单元素的使用掌握表单的创建及表单元素的使用n熟悉行为的设置方法熟悉行为的设置方法n掌握动画、声音和视频的添加掌

2、握动画、声音和视频的添加n了解了解marquee标签及其参数标签及其参数Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程本课导读本课导读 动态网页技术主要包含表单的提交、行为动态网页技术主要包含表单的提交、行为控制、控制、Flash动画的插入、影片的插入、动画的插入、影片的插入、声音的添加和滚动效果的制作等，这些动声音的添加和滚动效果的制作等，这些动态元素增加了网页的动感效果。态元素增加了网页的动感效果。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.1 应用表单应用表单 表表单单的的作作用用是是从从访访问问者者那那里里

3、获获取取信信息息来来进进行行验验证证。访访问问者者可可以以通通过过文文本本域域、列列表表框框、复复选选框框以以及及单单选选按按钮钮等等表表单单元元素素输输入入并并确确定信息，然后将这些信息提交给服务器。定信息，然后将这些信息提交给服务器。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.1 应用表单应用表单w14.1.1 知识讲解知识讲解w14.1.2 典型案例典型案例制作调查表制作调查表 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.1.1 知识讲解知识讲解本节中将学习表单的创建及表单元素的使本节中将学习表单的创

4、建及表单元素的使用方法。用方法。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.1.1 知识讲解知识讲解 1.表单域表单域 2.添加文本域添加文本域 3.添加复选框添加复选框 4.单选按钮及单选按钮组单选按钮及单选按钮组 5.添加列表添加列表/菜单菜单 6.添加跳转菜单添加跳转菜单 7.添加文件域添加文件域 8.添加按钮添加按钮Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程1.表单域表单域 表单域是放置表单元素的区域，表单域内的元素表单域是放置表单元素的区域，表单域内的元素通过单击通过单击【提交提交】按钮将所有填写的信

5、息提交按钮将所有填写的信息提交给服务器进行处理。给服务器进行处理。创建表单的具体操作如下：创建表单的具体操作如下：（1）在打开的文档中，将光标定位在要插入表）在打开的文档中，将光标定位在要插入表单的位置。单的位置。（2）选择）选择【插入插入】【表单表单】【表单表单】命令命令或在插入栏的或在插入栏的【表单表单】选项卡中单击选项卡中单击 按钮，按钮，在指定位置添加一个红色的虚框，即表单域。在指定位置添加一个红色的虚框，即表单域。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程2.添加文本域添加文本域 文本域分为文本域分为3种：单行文本域、多行文本种：单行文本域、多

6、行文本域和密码文本域。域和密码文本域。添加文本域的具体操作如下：添加文本域的具体操作如下：（1）将光标定位在表单中要添加文本域的）将光标定位在表单中要添加文本域的位置。位置。（2）在插入栏的）在插入栏的【表单表单】选项卡中单击选项卡中单击 或或 按钮，即可在指定位置添加文本域。按钮，即可在指定位置添加文本域。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程3.添加复选框添加复选框 允许用户从一组选项中选择多个选项，该允许用户从一组选项中选择多个选项，该选项即是复选框，选中时表现为选项即是复选框，选中时表现为 。添加复选框的具体操作如下：添加复选框的具体操作如下

7、：（1）将光标定位在要添加复选框的位置。）将光标定位在要添加复选框的位置。（2）在插入栏的）在插入栏的【表单表单】选项卡中单击选项卡中单击 按钮，即可在指定位置添加复选框。按钮，即可在指定位置添加复选框。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程4.单选按钮及单选按钮组单选按钮及单选按钮组 单选按钮要求用户只能从一组选项中选择一个选单选按钮要求用户只能从一组选项中选择一个选项。单选按钮通常成组地使用，同一组中的所项。单选按钮通常成组地使用，同一组中的所有单选按钮必须具有相同的名称。有单选按钮必须具有相同的名称。添加单选按钮的具体操作如下：添加单选按钮的具

8、体操作如下：（1）将光标定位在要添加单选按钮的位置。）将光标定位在要添加单选按钮的位置。（2）在插入栏的）在插入栏的【表单表单】选项卡中单击选项卡中单击 按钮，按钮，即可在指定位置添加单选按钮。若单击即可在指定位置添加单选按钮。若单击 按钮，按钮，则打开则打开【单选按钮组单选按钮组】对话框，在其中可添加对话框，在其中可添加单选按钮组。单选按钮组。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程5.添加列表添加列表/菜单菜单 列表列表/菜单即在一个列表中显示选项值，用户可菜单即在一个列表中显示选项值，用户可以从该列表中选择多个选项。当页面空间有限，以从该列表中选

9、择多个选项。当页面空间有限，而又需要显示许多选项时，可使用菜单。菜单而又需要显示许多选项时，可使用菜单。菜单中只显示一个选项，其他的选项被隐藏。中只显示一个选项，其他的选项被隐藏。列表列表/菜单的添加方法如下：菜单的添加方法如下：（1）将光标定位在表单中要添加列表）将光标定位在表单中要添加列表/菜单的位菜单的位置。置。（2）在插入栏的）在插入栏的【表单表单】选项卡中单击选项卡中单击 按钮，按钮，在指定位置添加列表在指定位置添加列表/菜单。菜单。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程6.添加跳转菜单添加跳转菜单 跳转菜单类似于弹出菜单，可给菜单列表中的

10、选跳转菜单类似于弹出菜单，可给菜单列表中的选项添加项添加URL链接；如果不指定链接，则与列表链接；如果不指定链接，则与列表/菜单的属性相同。菜单的属性相同。添加跳转菜单的具体操作如下：添加跳转菜单的具体操作如下：（1）将光标定位在要添加跳转菜单的位置。）将光标定位在要添加跳转菜单的位置。（2）在）在【插入插入】栏的栏的【表单表单】选项卡中单击选项卡中单击 按钮，打开按钮，打开【插入跳转菜单插入跳转菜单】对话框，进行相对话框，进行相应的设置。应的设置。（3）设置完成后，单击）设置完成后，单击 按钮。按钮。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程7.添加文

11、件域添加文件域 使用文件域可以选择本地计算机上的文件，并将使用文件域可以选择本地计算机上的文件，并将该文件上传到服务器。文件域的外观与文本域该文件上传到服务器。文件域的外观与文本域类似，只是多一个类似，只是多一个 按钮。在文件域的文本按钮。在文件域的文本框中，可以手动输入要上传的文件的路径，也框中，可以手动输入要上传的文件的路径，也可以单击可以单击 按钮指定上传文件。按钮指定上传文件。添加文件域的具体操作如下：添加文件域的具体操作如下：（1）将光标定位在要添加文件域的位置。）将光标定位在要添加文件域的位置。（2）在插入栏的）在插入栏的【表单表单】选项卡中单击选项卡中单击 按钮，按钮，插入文件域

12、。插入文件域。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程8.添加按钮w按钮有两种：一种是图像域，另一种是普通按按钮有两种：一种是图像域，另一种是普通按钮。钮。w图像域使用图像作为按钮图标，用于提交和重图像域使用图像作为按钮图标，用于提交和重置表单信息等，与普通按钮的功能相同。置表单信息等，与普通按钮的功能相同。w在插入栏的在插入栏的【表单表单】选项卡中单击选项卡中单击 按钮，打按钮，打开开【选择图像源文件选择图像源文件】对话框，从计算机中找对话框，从计算机中找出要作为按钮图标的图像，然后单击出要作为按钮图标的图像，然后单击 按按钮，即可插入图像域。钮，即

13、可插入图像域。w在插入栏的在插入栏的【表单表单】选项卡中单击选项卡中单击 按钮，在按钮，在光标处可插入普通按钮。光标处可插入普通按钮。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.1.2 典型案例典型案例制作调查表制作调查表 w案例目标案例目标 本本案案例例将将制制作作一一份份调调查查表表，主主要要练练习习表表单单的的创创建建及及表表单单元元素素的的添添加加与与设设置置等等，完完成后的效果如下图所示。成后的效果如下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.1.2 典型案例典型案例制作调查表制作调查表

14、Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.1.2 典型案例典型案例制作调查表制作调查表w操作思路：操作思路：（1）在）在jiankang站点中建立站点中建立diaocha.html文档。文档。（2）插入）插入2行行1列的表格，添加表格标题。列的表格，添加表格标题。（3）在第）在第2行中添加表单，并在表单中添加一个行中添加表单，并在表单中添加一个14行行1列的表格。列的表格。（4）依次在单元格中添加调查表的内容及对应的）依次在单元格中添加调查表的内容及对应的表单元素。表单元素。w操作步骤请老师参照软件讲解操作步骤请老师参照软件讲解Dreamweave

15、r 8，Flash 8，Fireworks 8网页制作培训教程14.1.2 典型案例典型案例制作调查表制作调查表w案例小结案例小结 本案例通过制作调查表练习了表单的创建，本案例通过制作调查表练习了表单的创建，文本域、单选按钮、复选框、列表文本域、单选按钮、复选框、列表/菜单及菜单及按钮的添加与属性设置等。在制作表单时，按钮的添加与属性设置等。在制作表单时，可以通过可以通过CSS样式中的方框类别来指定表样式中的方框类别来指定表单中的文本域和按钮等元素的宽度和高度。单中的文本域和按钮等元素的宽度和高度。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.2 使用

16、行为使用行为 使使用用行行为为是是指指将将JavaScript代代码码嵌嵌入入到到文文档档中中，使使访访问问者者可可以以与与Web页页面面进进行行交交互互，从从而而以以多多种种方方式式更更改改页页面面或或执执行行任任务务。行行为由事件和该事件触发的动作组成。为由事件和该事件触发的动作组成。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.2 使用行为使用行为w14.2.1 知识讲解知识讲解w14.2.2 典型案例典型案例检测调查表检测调查表 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.2.1 知识讲解知识讲解 本

17、节中将介绍本节中将介绍【行为行为】面板和附加行为的面板和附加行为的方法。方法。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.2.1 知识讲解知识讲解 1.认识认识【行为行为】面板面板 2.附加行为附加行为 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程1.认识认识【行为行为】面板面板 按按【Shift+F4】组组合合键键打打开开【行行为为】面面板板，如如下下图图所所示示。通通过过【行行为为】面面板板，可可将将行行为为附附加加到到页页面面元元素素中中。已已附附加加到到当当前前所所选选页页面面的的行行为为显显示示在在行行

18、为为列列表表中中，并并按按字字母母顺序排列事件。顺序排列事件。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程2.附加行为附加行为 可可以以将将行行为为附附加加到到整整个个文文档档，也也可可以以附附加加到到链链接接、图图像像、表表单单或或其其他他HTML元元素素中中，但但不不能能将将其其附附加加到到纯纯文文本本中中，因因为为和和等等标标签签不不在在浏浏览览器器中中生生成成事事件件。如如果果要要给给文文本本指指定定行行为为，则则需需先先给给该该文文本本指定一个链接（可为空链接）。指定一个链接（可为空链接）。Dreamweaver 8，Flash 8，Firewo

19、rks 8网页制作培训教程14.2.2 典型案例典型案例检测调查表检测调查表w案例目标案例目标 本本案案例例将将对对调调查查表表进进行行检检测测，主主要要练练习习添添加加、使使用用行行为为，以以及及检检测测表表单单行行为为，完完成成后的效果如下图所示。后的效果如下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.2.2 典型案例典型案例检测调查表检测调查表Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.2.2 典型案例典型案例检测调查表检测调查表w操作思路：操作思路：（1）将）将diaocha.html文档另

20、存为文档另存为diaocha2.html。（2）选取整个表单，在）选取整个表单，在【行为行为】面板中为各个文面板中为各个文本域设置是否为必填项、文本内容是否为数字本域设置是否为必填项、文本内容是否为数字和电子邮件等。和电子邮件等。（3）保存文档，在浏览器中填写表单并提交。）保存文档，在浏览器中填写表单并提交。w操作步骤请老师参照软件讲解操作步骤请老师参照软件讲解 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.2.2 典型案例典型案例检测调查表检测调查表w案例小结案例小结 本案例对调查表进行检测，主要练习了检本案例对调查表进行检测，主要练习了检测表单行为

21、。行为的添加比较简单，重要测表单行为。行为的添加比较简单，重要的是对各个行为动作的设置。本案例主要的是对各个行为动作的设置。本案例主要检测文本的输入是否正确；如果出错，则检测文本的输入是否正确；如果出错，则弹出提示信息，以便帮助访问者正确填写。弹出提示信息，以便帮助访问者正确填写。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.3 插入媒体对象插入媒体对象 w媒体对象即含有图像和声音的对象。在媒体对象即含有图像和声音的对象。在Dreamweavr中，可以将中，可以将Flash动画与动画与Shockwave影片、影片、QuickTime、AVI、Java

22、applet、Active X控件以及各种格控件以及各种格式的音频文件嵌入到网页中。式的音频文件嵌入到网页中。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.3 插入媒体对象插入媒体对象w14.3.1 知识讲解知识讲解w14.3.2 典型案例典型案例制作风景网页制作风景网页 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.3.1 知识讲解知识讲解 本节中将学习如何插入本节中将学习如何插入Flash动画与元素，动画与元素，以及如何嵌入视频与声音文件。以及如何嵌入视频与声音文件。Dreamweaver 8，Flash

23、8，Fireworks 8网页制作培训教程14.3.1 知识讲解知识讲解1.插入插入Flash动画动画 2.插入插入Flash元素元素 3.嵌入视频嵌入视频4.嵌入声音嵌入声音 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程1.插入插入Flash动画动画 Dreamweaver中自带了中自带了Flash文本、文本、Flash按钮，可以将其插入到网页中。除按钮，可以将其插入到网页中。除此之外，还可插入此之外，还可插入Flash动画，下面分别动画，下面分别进行讲解。进行讲解。w单击插入栏的单击插入栏的【常用常用】选项卡中的选项卡中的 按钮中的下拉箭头，在弹出的下

24、拉菜单中按钮中的下拉箭头，在弹出的下拉菜单中选择选择【Flash文本文本】选项，打开选项，打开【插入插入Flash文本文本】对话框，如下图所示。对话框，如下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程1.插入插入Flash动画动画 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程1.插入插入Flash动画动画w单击插入栏的【常用】选项卡中的单击插入栏的【常用】选项卡中的 按按钮中的下拉箭头，在弹出的下拉菜单中选钮中的下拉箭头，在弹出的下拉菜单中选择【择【Flash按钮】选项，打开【插入按钮】选项，打开【插入Flas

25、h按钮】对话框，如下图所示。按钮】对话框，如下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程1.插入插入Flash动画动画wFlash文本与文本与Flash按钮在设计网页时使用按钮在设计网页时使用得比较少，一般采用在得比较少，一般采用在Flash中制作的动中制作的动画。单击插入栏的【常用】选项卡中的画。单击插入栏的【常用】选项卡中的 按钮可插入站点中的按钮可插入站点中的Flash动画，也可以动画，也可以从【文件】面板中将从【文件】面板中将Flash动画直接拖入动画直接拖入到页面中要插入的位置。到页面中要插入的位置。Dreamweaver 8，Flas

26、h 8，Fireworks 8网页制作培训教程2.插入插入Flash元素元素 通过通过Flash元素可以快速、方便地使用预元素可以快速、方便地使用预置元素制作滚动图像浏览器。置元素制作滚动图像浏览器。插入插入Flash元素的具体操作如下：元素的具体操作如下：（1）单击插入栏的）单击插入栏的【Flash元素元素】选项卡选项卡中的中的 按钮，在打开的按钮，在打开的【保存保存Flash元素元素】对话框中保存要插入的对话框中保存要插入的Flash浏览器。浏览器。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程2.插入插入Flash元素元素（2）单击）单击 按钮后，在窗

27、口中出现一按钮后，在窗口中出现一个个Flash区域，并打开区域，并打开【Flash元素元素】面板。面板。（3）设置完需要的影片属性后进行保存，）设置完需要的影片属性后进行保存，并按并按【F12】键浏览效果。键浏览效果。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程3.嵌入视频w各种视频文件都可以添加到网页中，但有各种视频文件都可以添加到网页中，但有些视频文件需要对应的插件支持才能正确些视频文件需要对应的插件支持才能正确显示。常见的视频文件有显示。常见的视频文件有Flash视频、视频、Shockwave影片、影片、AVI文件和文件和MPEG文件文件等。等。w视

28、频文件可以通过链接方式嵌入，也可以视频文件可以通过链接方式嵌入，也可以通过插件嵌入；通过插件嵌入；Flash视频和视频和Shockwave影片可以分别通过插入栏的影片可以分别通过插入栏的【常用常用】选项选项卡中的卡中的 和和 按钮直接插入。按钮直接插入。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程4.嵌入声音嵌入声音w嵌入声音的方法有代码法、链接法、插件嵌入声音的方法有代码法、链接法、插件法和直接插入法法和直接插入法4种。种。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.3.2 典型案例典型案例制作风景网页制作风景

29、网页w案例目标案例目标 w本案例将制作风景网页，主要练习背景音本案例将制作风景网页，主要练习背景音乐的添加和乐的添加和Flash图像查看器的制作，完图像查看器的制作，完成后的效果如下图所示。成后的效果如下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.3.2 典型案例典型案例制作风景网页制作风景网页Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.3.2 典型案例典型案例制作风景网页制作风景网页w操作思路：操作思路：（1）将）将index.html文档另存为文档另存为fengjing.html。（2）在代码视

30、图中用）在代码视图中用bgsound参数添加背景音乐，参数添加背景音乐，并将其设置为循环播放。并将其设置为循环播放。（3）在）在Today栏目下添加图像查看器并设置其属栏目下添加图像查看器并设置其属性。性。w操作步骤请老师参照软件讲解操作步骤请老师参照软件讲解 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.3.2 典型案例典型案例制作风景网页制作风景网页w案例小结案例小结 本案例通过制作风景页主要练习了在代码本案例通过制作风景页主要练习了在代码视图中应用视图中应用标签添加背景音标签添加背景音乐，在乐，在Flash图像查看器中添加图像、修图像查看器中添加

31、图像、修改图像路径、设置边框与标题。改图像路径、设置边框与标题。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.4 滚动特效滚动特效 滚动特效在网页中使用得比较普遍，如滚滚动特效在网页中使用得比较普遍，如滚动新闻或广告语等。滚动特效是通过设置动新闻或广告语等。滚动特效是通过设置marquee标签及其相应的参数来实现的。标签及其相应的参数来实现的。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.4 滚动特效滚动特效w14.4.1 知识讲解知识讲解w14.4.2 典型案例典型案例制作滚动新闻栏制作滚动新闻栏 Dream

32、weaver 8，Flash 8，Fireworks 8网页制作培训教程14.4.1 知识讲解知识讲解 本节中将介绍本节中将介绍marquee标签及相应参数的标签及相应参数的作用。作用。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.4.1 知识讲解知识讲解1.认识认识marquee标签标签 2.marquee的参数的参数Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程1.认识认识marquee标签标签 marquee标签用于制作可移动的文本效果，标签用于制作可移动的文本效果，可以在可以在标签间的任何位标签间的任何位置添

33、加，其基本语法结构为：置添加，其基本语法结构为：。两标签间可添。两标签间可添加文本、表格、图像、动画、视频和表单加文本、表格、图像、动画、视频和表单等元素。等元素。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程2.marquee的参数 marquee的参数添加在的参数添加在中，中，各参数间用空格分隔。各参数间用空格分隔。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.4.2 典型案例典型案例制作滚动新闻栏制作滚动新闻栏 w案例目标案例目标 本案例将把本案例将把fengjing.html文档中的最新书文档中的最新书籍做成

34、滚动新闻栏，主要练习籍做成滚动新闻栏，主要练习marquee标标签的使用及参数的设置，完成后的效果如签的使用及参数的设置，完成后的效果如下图所示。下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.4.2 典型案例典型案例制作滚动新闻栏制作滚动新闻栏Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.4.2 典型案例典型案例制作滚动新闻栏制作滚动新闻栏w操作思路：操作思路：（1）打开）打开fengjing.html文档，将其另存为文档，将其另存为fengjing2.html。（2）合并）合并“最新书籍最新书籍”栏

35、目中的所有单元格。栏目中的所有单元格。（3）在单元格中输入最新书籍内容。）在单元格中输入最新书籍内容。（4）在代码视图中添加）在代码视图中添加marquee标签并设置其参标签并设置其参数。数。w操作步骤请老师参照软件讲解操作步骤请老师参照软件讲解 Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.4.2 典型案例典型案例制作滚动新闻栏制作滚动新闻栏w案例小结案例小结 本案例通过制作滚动新闻栏主要练习了本案例通过制作滚动新闻栏主要练习了marquee标签的使用，滚动区的大小设置，循标签的使用，滚动区的大小设置，循环播放、滚动方式、播放速度、对齐方式的设环播放

36、、滚动方式、播放速度、对齐方式的设置及鼠标对滚动对象的控制设置。置及鼠标对滚动对象的控制设置。在制作滚动效果时，如果要水平移动，则可以将在制作滚动效果时，如果要水平移动，则可以将direction参数的值指定为参数的值指定为“left”或或“right”；如果需要走走停停，则可以指定；如果需要走走停停，则可以指定scrolldelay参数的值。参数的值。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.5 上机练习上机练习 w14.5.1 控制浏览器大小控制浏览器大小w14.5.2 制作留言板制作留言板 Dreamweaver 8，Flash 8，Fire

37、works 8网页制作培训教程14.5.1 控制浏览器大小控制浏览器大小 本练习用行为控制浏览器的大小，主要练本练习用行为控制浏览器的大小，主要练习行为的添加及打开浏览器窗口的设置，习行为的添加及打开浏览器窗口的设置，最终效果如下图所示。最终效果如下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.5.1 控制浏览器大小控制浏览器大小 操作思路：操作思路：w将将fengjing2.html文档另存为文档另存为tan.html。w给给“最新书籍最新书籍”中的中的“Dreamweaver Flash Fireworks网页制作培训教程网页制作培训教程”

38、文文字添加空链接。字添加空链接。w选取链接文本，添加选取链接文本，添加“打开浏览器窗口打开浏览器窗口”行为。行为。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.5.1 控制浏览器大小控制浏览器大小w在【打开浏览器窗口】对话框的【要显示在【打开浏览器窗口】对话框的【要显示的的URL】文本框中指定在该浏览器中显示】文本框中指定在该浏览器中显示的路径，如的路径，如“web/dff_mu.html”，并按下，并按下图所示设置其他属性。图所示设置其他属性。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.5.2 制作留言板制

39、作留言板 本练习将在本练习将在jiankang站点中制作一个留言站点中制作一个留言板，主要练习表单及表单元素的使用，最板，主要练习表单及表单元素的使用，最终效果如下图所示。终效果如下图所示。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程14.5.2 制作留言板制作留言板 操作思路：操作思路：w在在liuyan.html文档中插入宽为文档中插入宽为500像素的表格，像素的表格，边框值为边框值为“1”，在，在【标签标签】面板中设置面板中设置bordercolordark的值为的值为“#666666”，bordercolorlight的值为的值为“#FFFFFF”。w插入表单，并插入插入表单，并插入9行行2列、宽为列、宽为500像素的表格，像素的表格，设置表格属性。设置表格属性。w添加表单内容，设置文本框的宽度为添加表单内容，设置文本框的宽度为“40”，多，多行文本的字符宽度为行文本的字符宽度为“55”，行数为，行数为“6”。Dreamweaver 8，Flash 8，Fireworks 8网页制作培训教程演讲完毕，谢谢观看！