第11讲_网页中的多媒体和特效要点分析.pptVIP

插入按钮 在预览网页文档时，当输入完表单数据后，可以单击表单按钮，提交服务器处理 如果对输入的数据不满意，需要重新设置时，可以单击表单按钮，重新输入 按钮是标准的浏览器默认按钮样式，它包含需要显示的文本，它包括“提交”和“重置”按钮 点击“插入/表单”工具栏中的“按钮”按钮，即可在网页文档中插入按钮 * 示例7_创建表单和表单对象 打开Mysite站点中的网页“pszf.html”，按样张创建表单对象 姓名：文本域，单行，宽度为16 地址：文本域，单行，宽度为50 联系方式：文本域，单行，宽度为50 特殊要求：文本域，多行，宽度为50，5行 常用链接：跳转菜单，(输入3-4个常用的网页链接) 配送方式：单选按钮，选择项(邮寄；快递；自取)，其中勾选“快递” 支付方式：列表/菜单，列表值为“网上银行；货到付款；支付卡”，初始化时选定“货到付款” 插入“提交信息、重设信息”按钮，动作为提交和重设表单。 * 示例7_样张 * * 课堂练习 完成示例1-7 * 课后练习 实验指导 P210：实验30，范例 P214：实验31，范例 P219：实验32，范例 * 下周教学内容 大作业 * DreamweaverCS4 网页中的特效和表单 * 教学内容 掌握网页中的特殊效果的处理技巧 掌握创建表单的方法 网页特效 在Dreamweaver CS4中，可以添加许多网页特效，例如鼠标特效、滚动条和页面特效等。常用的有弹出信息、交换图片、背景音乐、滚动字幕等 添加网页特效的方法 可以通过“行为”面板 在“代码”视图中添加代码 * 弹出信息 弹出信息是指在浏览网页时，鼠标点击对象(图片等)，会弹出信息窗口。 弹出信息创建步骤 选择网页中的图片 打开“行为”面板 选择“弹出信息” 打开“弹出信息”对话框 输入“信息内容” * * 示例1_弹出信息 选择main.html中图片，设置弹出信息。 鼠标经过图像 鼠标经过图像是指在浏览网页时，鼠标移动到某张图像上时，该图像会切换成另一张图像，移开鼠标时，恢复原来的图像。 鼠标经过图像方法1(网页中已插入原始图片) 选择网页中图片 打开“行为”面板 选择“交换图像” 打开“交换图像”对话框 选择需要交换的图像 鼠标经过图像方法2： (网页中无原始图片) 选择插入图片的位置 选择“插入/图像对象/鼠标经过图像”菜单命令 打开“插入鼠标经过图像”对话框 设置“原始图像”、“鼠标经过图像”和“链接网页” * 示例2_鼠标经过图像1 设置“smsc.html”网页中鼠标经过图像特效 选择图片 打开“行为”面板 选择“交换图像” 打开“交换图像”对话框 设置“pic1.jpg”与该图片交换(pic1.jpg在SC3文件夹中) 示例3_鼠标经过图像2 在网页tk.html中设置鼠标经过图像特效 原始图像为“xj1.jpg”，鼠标经过图像为“xj2.jpg” 点击图像能打开“main.html”网页 图像大小设置为宽210，高260 滚动字幕 滚动字幕是指在网页中来回移动的文字 滚动字幕是通过快速标签编辑器来创建 选中文字 打开“修改”菜单，选择“快速标签编辑器” 打开“快速标签编辑器” 输入代码marquee behavior=“alternate” bgcolor=“#339900” style=“color:#FFFFFF” * 滚动字幕中的常用参数 align 表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle bgcolor 表示运动区域的背景色，值是16进制的RGB颜色，默认为白色 behavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动） direction 表示滚动的方向，值可以是left，right，up，down，默认为left loop 表示循环的次数，值是正整数，默认为无限循环 scrollamount 表示运动速度，值是正整数，默认为6 scrolldelay 表示停顿时间，值是正整数，默认为0，单位似乎是毫秒 height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度 hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。 marquee标记的默认情况 向左滚动无限次，字幕高度是文本高度 滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。 * 示例4_滚动字幕 在网页“main.htm