实验二、多媒体信息应用及其创建表单页面.docVIP

实验二、多媒体信息应用及其创建表单页面.doc

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
实验二、多媒体信息应用及创建表单页面 实验目的: 熟悉常用的多媒体标记语言html; 掌握Dreamweaver制作多媒体信息网页的方法; 掌握Dreamweaver制作表单网页的方法; 熟悉表单及其元素的HTML标记 实验类型: 验证型 实验内容:(每个小实验的文件分别应在同一目录下,不要放在桌面或我的文档中) 为网页添加flash动画 下载课件中的实验二中的“练习文件”压缩包,解压缩到本地盘(C),使用Dreamweaver打开练习文件中的“多媒体示例”文件夹下的index.html文件。如下图所示: 选中要显示Flash的表格位置,如上图所示,在【插入记录】菜单中选择【媒体】菜单中的【Flash(F)】菜单。如下图所示。 在弹出的对话框中选择要插入的Flash文件,如下图所示: 点击上图的确定按钮,出现下图所示属性对话框,按图中所示填写标题。 点击确定按钮,完成Flash动画的插入,如下图所示。 保存文件,点击在浏览器中预览,观察添加的效果,如图所示: 思考:,请尝试插入Flash文本和按钮。 为网页插入背景音乐。 使用Dreamweaver打开上例中的文件“index.html”,点击编辑窗口上的“代码”选项,打开代码视图窗口,如图所示: 点击前 点击后 在body标签后输入“”以显示标签列表,在标签列表中选择“bgsound” ,双击后插入该标签,如图所示: 在“bgsound”后按空格出现属性列表,选择“src”如图所示: 双击“src”出现浏览按钮,点击浏览出现文件选择对话框,选择指定的声音文件,如图所示: 浏览按钮图 点击“选择文件对话框”上的“确定”按钮,将光标定位在新插入的代码后,按空格键,在属性列表中选择属性“loop”如图所示: 双击插入loop,出现“-1”并将其选中,双击后插入该属性值,在属性值后输入“”,完成背景声音的添加,如图所示: 保存文件,在浏览器中查看效果。(注:要有音响) 思考:能使用其他声音文件吗,如只要固定的播放次数,如何处理。 会员注册表单的制作: 创建效果如下: 请完成。 使用Dreamweaver打开练习文件中的“表单的制作”文件夹下的index.html文件。如下图所示: 打开原始文件 如下图所示选择插入表单: 插入后效果如下图所示: 插入表单后效果 选中表单,在【属性】面板中的【动作】文本框中输入如图所示内容: 插入电子邮件链接 将光标移动到表单中,在菜单栏中选择【插入记录】中的【表格】,打开表格对话框,设置参数如图所示: 点击确定按钮后,插入表格,在属性面板中设置表格为“居中对齐”。如下图所示: 设置对齐方式 将光标放置在表格的第一行第一列单元格中,输入文字“用户名:”,在属性面板中将水平设置为“右对齐”,并适当调整表格,如图所示: 将光标放置在表格的第一行第二列单元格中,在菜单栏中选择【插入记录】中的【表单】中的【文本域】,如图所示: 点击“确定”按钮插入文本域,在属性面板中设置字符宽带为20,如下图所示: 使用同样的方法,在其他单元格中输入文字,插入文本域,如图所示: 输入文字并插入文本域 在表格第4行第一列输入文字“性别:”,将光标放置在第4行第二列表格中,在菜单栏中选择【插入记录】中的【表单】中的【单选按钮】,插入单选按钮,在属性面板中将初始状态设置为“已勾选”,在选定值文本框中输入文字“男”,如图所示: 插入单选按钮 在单选按钮的右侧输入文字“男”,使用上步的方法再插入一个单选框,并输入文字“女”,选定值为“女”,如下图所示: 将光标放置在第5行第1列,输入文字“地区:”,光标放置在第5行第2列中,在菜单上选择【插入记录】中的【表单】中的“列表/菜单”,弹出对话框如图所示: 点击确定按钮,插入列表,在属性对话框中单击“列表值”按钮,弹出列表值对话框,输入所需项目,如图所示: 输入列表项 点击确定按钮后,完成插入列表,在属性对话框中的“初始化选定”中选择成都,如图所示: 设置列表 将光标放置在第6行1列,输入文字“专业:”,在第6行2列中,选择【插入记录】中的【表单】中的“复选框”,插入复选框,在属性面板中将初始状态设为“未选中”,复选框后输入文字“计算机”。如图所示: 插入复选框 使用同样方法插入其他复选框。如图所示: 在第7行第1列输入文字“个人简介”,在第7行2列按照前面步骤插入“文本区域”,将字符宽度设为50,行数设为5,如下图所示: 在第8行第1列输入文字:“上传照片”,在第8行第2列,插入文件域,如图所示: 插入文件域 在最后一行第2列插入按钮,一个为“提交”,一个为“重置”,在属性面板中设置动作为“重置表单”如图所示。 保存文件,按F12在浏览器中预览,效果如下: 思考:表单创建的过程。打开代码视图窗口,找出表单上各个元素对应的HTML标记。 思考总

文档评论(0)

nnh91 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档