认证考试试验二、多媒体信息应用及创立表单页面认证考试试验二、多媒体信息应用及创立表单页面
实验二、多媒体信息应用及创建表单页面
一、 实验目的:
1) 熟悉常用的多媒体标记语言html;
2) 掌握Dreamweaver制作多媒体信息网页的方法; 3) 掌握Dreamweaver制作表单网页的方法; 4) 熟悉表单及其元素的HTML标记
二、 实验类型:
验证型
三、 实验内容:(每个小实验的文件分别应在同一目录下,不要放在桌面
或我的文档中)
1. 为网页添加flash动画
(1) 下载课件中的实验二中的“练习文件”压缩包,解压缩到本地盘(C),使用
...
认证考试试验二、多媒体信息应用及创立表单页面
实验二、多媒体信息应用及创建表单页面
一、 实验目的:
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)。
本文档为【认证考试试验二、多媒体信息应用及创立表单页面】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。