正在加载图片...
《Web前端开发》实验教学指导/实验四:在网页中使用表单和多媒体 《Web前端开发》实验教学指导 实验四:在网页中使用表单和多媒体 、实验目的 掌握常用的表单元素及使用方法: 2、掌握在网页中使用多媒体的具体方法; 3、了解多媒体编码的基本原理 二、实验环境 1、 Windows XP/windows7操作系统 2、安装有 Adobe dreamweaver CS6软件的计算机一台 3、局域网网络环境,并且使用固定IP地址 三、实验要求 1、熟悉常用的表单,并掌握其基本的使用方法 2、掌握在网页中使用本地和远程多媒体文件的方法。 四、实验原理 1、表单元素的使用方法; 2、多媒体元素的使用方法 五、实验步骤 1、简单的用户登录界面 编写简单的用户登录界面,效果如图4-1所示 用户登录界面 用户名: 密码 提交」重置 图4-1用户登录界面 参考代码 <doctype html> <meta charset="utf-8> tte用户登录<rite> </head> 河南中医学院互联网应用技术研究 本讲共计12页|当前第1页《Web 前端开发》实验教学指导 / 实验四：在网页中使用表单和多媒体 河南中医学院互联网应用技术研究所 本讲共计 12 页 | 当前第 1 页 《Web 前端开发》实验教学指导 实验四：在网页中使用表单和多媒体 一、实验目的 1、掌握常用的表单元素及使用方法； 2、掌握在网页中使用多媒体的具体方法； 3、了解多媒体编码的基本原理。 二、实验环境 1、Windows XP/Windows 7 操作系统； 2、安装有 Adobe Dreamweaver CS6 软件的计算机一台； 3、局域网网络环境，并且使用固定 IP 地址。 三、实验要求 1、熟悉常用的表单，并掌握其基本的使用方法； 2、掌握在网页中使用本地和远程多媒体文件的方法。 四、实验原理 1、表单元素的使用方法； 2、多媒体元素的使用方法 五、实验步骤 1、简单的用户登录界面 编写简单的用户登录界面，效果如图 4-1 所示。； 参考代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>用户登录</title> </head> 图 4-1 用户登录界面