欢迎进入台山市技工学校网站!
校园微信 加入收藏
您所在的位置:首页 > 教学教研 > 正文
计算机组2010~2011年第二学期公开课
作者: 来源: 日期:2011-5-18 17:28:41 人气:107

科目:网页制作Dreamweaver 课题:嵌入表单元素 授课日期:2011-5-9 第十三周 星期一 第3节 授课地点:0913班课室 主讲:刘柳娟 拟用时间:45分钟 授课方式:演示法,讲解法。 教学目的:
1、从“留言簿”网页的制作初步了解表单;
2、让学生能动手完成一个简单的表单元素网页。
 选用教具挂图:多媒体课室 重点:
 1、利用表单元素制作网页
 2、表单元素嵌入网页后的设置。 难点:表单元素嵌入网页后在属性面板中的设置 教 学 过 程 教 学 内 容 时间分配和教学方法 组织教学 清点人数,记录学生出勤情况,集中学生注意力 知识回顾 引:之前学习了网页制作中建立站点,表格,插入图片,导入视频,框架等网页知识。 ?提问:例如:“寻找往日的记忆”网页,是利用了哪些网页知识来制作而成的? 新课导入 浏览在网上下载的网页: 1、“台山人才网1”中的表单:用户名、密码、所在地。
2、“台山人才网2”中的表单:性别、出生年月日、婚姻状况、专业类型。
3、“IQ测试”网页中表单元表单选按钮的应用。 新课讲授 分析网页“留言簿”的制作,是利用了多种表单元素来制作 1分钟 4分钟 提问 指定回答 2分钟 讲授 5分钟 板书 讨论 【讲解要点】 表格用于布局,表单用于传输数据,我们可以在表格里面包含表单,亦可以在表单里面包含表格,用表格来布局表单里面的数据,如果你有数据提供给后台程序,比如一个输入框,文本框等,这些元素通常要放到一个表单,这样才可以完成数据的提交。
 一、创建表单
 二、创建文本域
 三、插入密码域
 四、创建文件上传域
 五、创建复选框和单选框
 六、插入列表和菜单
 七、创建按钮 保存为“留言簿-0913.html”,按下F12键预览效果 【学生课室练习】 学生在示范操作过程中,教师指导学生的操作步骤是否正确,了解学生对表单元素的掌握程度。 【巩固小结】 表单可以帮助Intermet服务器从用户处收集信息,例如收集用户资料、获取用户订单。 在互联网上存在大量的表单,让用户输入文字,进行选择。 【拓展】 例如:微博,论坛,求职登记。 【作业】 上机完成本节课所用的例题网页。利用FTP上传作业。 板书、讲解 演示法 讨论、 解答、 20分钟 练习法 随堂修正 10分钟 教师总结 板书 讲解 3分钟