用dreamweaver打造留言板(中)

《用dreamweaver打造留言板(中)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、经过前面5课的学习，我们对DreamweaverMX创建和管理站点页面文档的前台技术有了一个概括的认识和应用了，实际上前5课所涉及到的应该是创建和管理站点的最基本的一些技术。掌握了这些技术，我们设计一般的静态站点应该是没有问题了。那么现在开始留言板站点的后台程序的创建？按道理是可以讨论这方面的问题了，但我还想再讨论一些站点页面的其他元素和效果的创建方法。虽然这些技术可能和我们的留言板站点关系不是很大，但是因为它们也是一些常用的技术和方法，我们还是在这里系统的学习一下吧。　　　　一、利用时间轴和层实现页面中的滚动字幕效果。　　小

2、字报：今天留言板的最多的问题是这个教程共有几课？　　看到上面这个滚动字幕的效果了吧，它是通过在Dreamweaver时间轴面板中定义层的移动动画来实现的。什么？Dreamweaver也有时间轴？是的，而且你用它可以设计出不错的动画效果呢。而且用这样的技术设计出来的动画效果更符合web的特征。　　　　1、单击插入栏中常用标签下的层命令按钮，在页面中拖拽鼠标插入一个层。在层中输入需要的字幕文字。　　　　2、打开时间轴面板。执行“窗口/其他/时间轴”命令打开时间轴面板。　　　　3、将页面文档中的层选中，并把它拖放到时间轴的时间线上。

3、默认的情况是插入的动画长度为15帧，相应的层名（Layer1）显示在该动画栏中，并且在动画栏的两端自动加入了两个关键帧。　　　　4、在时间轴面板的动画栏上的关键帧按下鼠标左键并左右拖动，则可以改变关键帧的位置。向右拖动第15帧上的这个关键帧以延长关键帧到60帧，如图1所示。　　　　　　图1时间轴面板　　　　5、在第30帧鼠标右键单击，在弹出的快捷菜单中选择“插入关键帧”命令，在第30帧插入一个关键帧。　　　　6、单击第30帧，然后将页面文档中的层水平向右移动合适的距离如图2所示。　　　　　　图2层的运动轨迹　　　　7、在时间轴

4、面板中选择：自动播放和循环，并把行为标志拖放到第60帧的位置，如图1所示。　　　　这个左右来回滚动的字幕效果就完成了，简单吧？其实时间轴和层结合在一切定义动画还有很多技巧，以后慢慢研究吧。：）　　　　二、创建当页面载入时弹出窗口的效果　　　　先单击这里观看具体页面效果　　　　我们可以看到页面载入时弹出了一个信息提示对话框窗口，接着又弹出了一个自定义外观的浏览器窗口。这两个效果都是通过在行为面板中定义页面载入时的行为而实现的。我们定义页面载入时的行为实际上就是定义标签的行为。　　　　▲弹出信息提示对话框窗口　　　　1

5、、在标签检查器中单击选中标签，这时整个页面文档就会变成灰色状态。　　　　2、打开行为面板，单击按钮打开行为命令下拉菜单，选中其中的“弹出信息”行为命令，如图3所示。　　　　　　图3行为面板——定义行为　　　　3、在出现的弹出信息对话框的信息文本框中输入想弹出的提示信息。　　　　▲打开浏览器窗口　　　　1、在标签检查器中单击选中标签，这时整个页面文档就会变成灰色状态。　　　　2、打开行为面板，单击按钮打开行为命令下拉菜单，选中其中的“打开浏览器”行为命令，如图3所示。　　　　3、在打开浏览器窗口设置对话框

6、中进行将要打开的浏览器窗口的外观的参数定义，如图4所示。　　　　　　图4打开浏览器窗口的外观参数的定义　　　　行为面板是个很重要的面板，我们在创建页面效果时会经常用到它，它里面有很多常见的效果的定义。比如定义页面的状态条信息、检查页面提交表单的正确性等等。以后要多研究研究它哦~　　　　三、禁止访问用户的右键单击　　　　现在你用鼠标右键在这个页面上单击一下试试……你的右键失效了吧，想把我的页面上的资源马上拿走？嘿嘿~还是再费点工夫吧。　　　　1、将页面文档视图转换到“代码视图”模式，然后将光标定位在前面一行。这里就

7、是我们将要插入JavaScript脚本代码的地方。　　　　2、执行“插入/脚本对象/脚本”命令，会弹出一个插入脚本对话框，如图5所示。　　　　　　图5插入脚本对话框　　　　3、按照图5进行设置，然后确定以后，看看我们的页面文档中出现了什么：　　　　　　　　　　　　这是一对之间。　　　　5、打开代码片段面板，选择展开其中的“JavaScript/浏览器函数”，然后鼠标双击“禁用右键单击”，如图6所示。