认证考试试验二、多媒体信息应用及创立表单页面

认证考试试验二、多媒体信息应用及创立单页面 实验二、多媒体信息应用及创建表单页面 一、 实验目的: 1) 熟悉常用的多媒体标记语言html; 2) 掌握Dreamweaver制作多媒体信息网页的方法; 3) 掌握Dreamweaver制作表单网页的方法; 4) 熟悉表单及其元素的HTML标记 二、 实验类型: 验证型 三、 实验内容:(每个小实验的文件分别应在同一目录下，不要放在桌面 或我的文档中) 1. 为网页添加flash动画 (1) 下载课件中的实验二中的“练习文件”压缩包，解压缩到本地盘(C)，使用 Dreamweaver打开练习文件中的“多媒体示例”文件夹下的index.html文件。如下图所 示: Flash插入的地方 (2) 选中要显示Flash的表格位置，如上图所示，在【插入记录】菜单中选择【媒体】菜单中的【Flash(F)】菜单。如下图所示。 (3) 在弹出的对话框中选择要插入的Flash文件，如下图所示: (4) 点击上图的确定按钮，出现下图所示属性对话框，按图中所示填写标题。 (5) 点击确定按钮，完成Flash动画的插入，如下图所示。 (6) 保存文件，点击在浏览器中预览，观察添加的效果，如图所示: 思考:，请尝试插入Flash文本和按钮。 2. 为网页插入背景音乐。 (1) 使用Dreamweaver打开上例中的文件“index.html”，点击编辑窗口上的“代码” 选项，打开代码视图窗口，如图所示: 点击切换到 代码视图 点击前 点击后 (2) 在标签后输入“<”以显示标签列表，在标签列表中选择“bgsound” ，双击后插入该标签，如图所示: (3) 在“bgsound”后按空格出现属性列表，选择“src”如图所示: (4) 双击“src”出现浏览按钮，点击浏览出现文件选择对话框，选择指定的声音 文件，如图所示: 浏览按钮图 (5) 点击“选择文件对话框”上的“确定”按钮，将光标定位在新插入的代码后， 按空格键，在属性列表中选择属性“loop”如图所示: (6) 双击插入loop，出现“-1”并将其选中，双击后插入该属性值，在属性值后输 入“>”，完成背景声音的添加，如图所示: (7) 保存文件，在浏览器中查看效果。(注:要有音响) 思考:能使用其他声音文件吗，如只要固定的播放次数，如何处理。 3. 会员注册表单的制作: 创建效果如下: 请完成。 (1) 使用Dreamweaver打开练习文件中的“表单的制作”文件夹下的index.html 文件。如下图所示: 打开原始文件 (2) 如下图所示选择插入表单: 插入后效果如下图所示: 插入表单后效果 (3) 选中表单，在【属性】面板中的【动作】文本框中输入如图所示内容: 插入电子邮件链接 (4) 将光标移动到表单中，在菜单栏中选择【插入记录】中的【表格】，打开表格 对话框，设置参数如图所示: (5) 点击确定按钮后，插入表格，在属性面板中设置表格为“居中对齐”。如下图 所示: 设置对齐方式 (6) 将光标放置在表格的第一行第一列单元格中，输入文字“用户名:”，在属性面 板中将水平设置为“右对齐”，并适当调整表格，如图所示: (7) 将光标放置在表格的第一行第二列单元格中，在菜单栏中选择【插入记录】中 的【表单】中的【文本域】，如图所示: (8) 点击“确定”按钮插入文本域，在属性面板中设置字符宽带为20，如下图所 示: (9) 使用同样的方法，在其他单元格中输入文字，插入文本域，如图所示: 输入文字并插入文本域 (10) 在表格第4行第一列输入文字“性别:”，将光标放置在第4行第二列表格中， 在菜单栏中选择【插入记录】中的【表单】中的【单选按钮】，插入单选按钮， 在属性面板中将初始状态设置为“已勾选”，在选定值文本框中输入文字“男”， 如图所示: 插入单选按钮 (11) 在单选按钮的右侧输入文字“男”，使用上步的方法再插入一个单选框，并输 入文字“女”，选定值为“女”，如下图所示: (12) 将光标放置在第5行第1列，输入文字“地区:”，光标放置在第5行第2列中， 在菜单上选择【插入记录】中的【表单】中的“列表/菜单”，弹出对话框如图 所示: (13) 点击确定按钮，插入列表，在属性对话框中单击“列表值”按钮，弹出列表值 对话框，输入所需项目，如图所示: 点击“+” 后添加项目 单击此处，弹 出列表值对 话框 输入列表项 (14) 点击确定按钮后，完成插入列表，在属性对话框中的“初始化选定”中选择成 都，如图所示: 设置列表 (15) 将光标放置在第6行1列，输入文字“专业:”，在第6行2列中，选择【插入 记录】中的【表单】中的“复选框”，插入复选框，在属性面板中将初始状态 设为“未选中”，复选框后输入文字“计算机”。如图所示: 插入复选框 (16) 使用同样方法插入其他复选框。如图所示: (17) 在第7行第1列输入文字“个人简介”，在第7行2列按照前面步骤插入“文 本区域”，将字符宽度设为50，行数设为5，如下图所示: (18) 在第8行第1列输入文字:“上传照片”，在第8行第2列，插入文件域，如图 所示: 插入文件域 (19) 在最后一行第2列插入按钮，一个为“提交”，一个为“重置”，在属性面板中 设置动作为“重置表单”如图所示。 (20) 保存文件，按F12在浏览器中预览，效果如下: 思考:表单创建的过程。打开代码视图窗口，找出表单上各个元素对应的HTML 标记。 4. 思考: 该实验你掌握了那些内容，请总结。 5. 课后作业: 完成下列网页制作，并添加背景音乐(书例3-22)。