5Dreamweaver 高级应用.pptVIP

第5章Dreamweaver MX 2004 高级应用 5.1 在网页中加入表单 5.2 在网页中加入时间轴动画 5.3 在网页中加入行为 5.4 在网页中应用样式 5.5 创建及使用模板 5.6 库文件的使用 思考与练习 5.1 在网页中加入表单 5.1.1 创建表单 5.1.2 建立一个表单网页 5.1.1 创建表单 表单的作用是可以与Web站点的访问者进行交互或从他们那里收集信息。表单先从用户那里收集信息，再将这些信息提交给服务器进行处理。表单可以包含允许用户进行交互的各种对象。这些表单对象包括文本域、列表框、复选框和单选按钮。 5.1.2 建立一个表单网页 创建表单网页的操作方法： （1）建立一个新的网页文件，设置好背景色。 （2）选择菜单“插入”面板的“表单”选项卡，单击“表单”图标，创建表单。 （3）在表单中插入一个9行2列的表格，“页眉”区选择菜单“顶部”，设置表格边框为1；使表格居中，将第一行表格中的两个单元格合并为一行，用来放置表格标题。 （4）在第1行内输入“注册表单”。 （5）插入文本域。将光标移动到第二行第一个单元格内，输入“姓名：”。 （6）将光标移动到第二行的第二个单元格内，单击“表单”选项卡中的“文本字段”图标 5.1.2 建立一个表单网页 5.1.2 建立一个表单网页 （7）插入单选按钮。单选按钮应用于在两个或两个以上的选项中选择一个结果。 （8）插入多选按钮。多选按钮应用于在两个或两个以上的选项中选择一个或者一个以上的结果。 （9）插入列表/菜单。 5.1.2 建立一个表单网页 （10）在第六行第一个单元格中输入“E-mail：”，在第二个单元格中插入单行文本框，设置方法同上面的步骤（5）。 （11）在第七行第一个单元格中输入“留言：”，在第二个单元格中插入“文本区域”，设置方法同步骤（5） （12）在第八行第一个单元格内输入“上传文件：”，在此行第二个单元格内插入“文件域”，可选择本地文件上传到服务器中。 （13）将第九行的左右两个单元格合并成单行，单击“表单”选项卡中的“按钮”图标，在中间位置先后插入两个按钮 5.2 在网页中加入时间轴动画 5.2.1 制作简单的时间轴动画 5.2.2 为图像创建变换源文件的动画 5.2.3 利用多个时间轴管理动画 5.2.1 制作简单的时间轴动画 选择菜单“窗口”→“时间轴”命令，便可打开时间轴面板 5.2.1 制作简单的时间轴动画 创建时间轴动画的操作方法： （1）选择菜单“插入”→“布局对象”→“层”命令，在文档中创建一个图层，在图层中加入网页元素。这里加入文本内容。 （2）选中该图层，在其边界位置单击鼠标右键，从弹出的快捷菜单中选择“添加到时间轴”命令或将选中的图层拖动到时间轴面板的动画通道中，这时在时间轴中形成一段15帧的紫色动画条 。动画条两端的两个小圆圈，即为时间轴关键帧的标志。 （3）单击第15帧，将其右移到第60帧。将图层沿水平直线右移一段距离后释放鼠标，这时候图层经过的位置会出现一道灰线，这是图层的运动轨迹，如图所示。 （4）在时间轴第30帧上单击鼠标右键，从弹出的快捷菜单中选择“增加关键帧”命令，为该图层的时间轴添加关键帧。 （5）单击第30帧，在文档中将图层向下拖动，原来图层的直线运动轨迹将发生变化，呈现弧状 （6）选中“时间轴面板”上方的“自动播放”和“循环”复选框，使动画在浏览器中能自动循环播放。 （7）按下时间轴面板上的按钮不放，播放动画。 （8）保存页面后，按F12键，在浏览器中预览该图层曲线运动效果。 5.2.1 制作简单的时间轴动画 编辑和修改时间轴的操作方法： （1）通过拖动结束帧标记，可以拉长动画。此时所有的关键帧之间的相对位置不变，动画将均匀调整。如果不希望调整其他关键帧，可在拖动时按住“Ctrl”键。 （2）通过拖动关键帧标记可调整关键帧对应层位置出现的时间。 （3）单击选中动画条，通过直接左、右拖动动画条，可以调整动画的开始时间。 （4）选择菜单“修改”→“时间轴”子菜单中的适当选项，可增加、移除、重命名时间轴。 5.2.1 制作简单的时间轴动画 录制层的时间轴运动路径： （1）在文档中创建一个图层； （2）单击“插入”面板的“常用”选项卡中的“图像”按钮，在图层中插入一幅图像 （3）选中该图层，选择菜单“修改”→“时间轴”→“录制层路径”命令。 （4）在文档中拖动插入的图层创建路径，在结束的位置释放鼠标左键，这时时间轴面板中的动画会自动变换位置并增添相应的关键帧 （5）选中“时间轴”面板上方的“自动播放”和“循环”复选框。 （6）保存页面后，按F12键，在浏览器中预览动画效果 5.2.2 为图像创建变换源文件的动画 图