《制作表单网页.ppt》由会员分享，可在线阅读，更多相关《制作表单网页.ppt（35页珍藏版）》请在三一办公上搜索。
1、制作表单网页,Dreamweaver CS3网页制作案例教程 陈承欢 主编 高等教育出版社,教材分析与处理,本节是Dreamweaver CS3网页制作案例教程 第7章的表单制作与应用。表单使网页具有交互功能。在网页中，广泛使用。由于表单元素比较多，用法各不相同，有一定难度。因此，我把本章知识点，由易到难，设计成三个任务，各有侧重点。,学情分析,我所教授的对象是中专二年级计算机专业的学生。具有网页设计的基础知识，学习能力参差不齐，学习不主动，但可塑性很强。这个阶段是人生观和世界观形成的关键期，本课中我通过“感恩母亲”的情景教学，达到情感目标。,重点、难点与关键点,教学目标分析,1,层次目标,优
2、等学生,1.掌握表单的常用元素,了解表单的作用 2.能按照教材及自学课件的帮助下完成任务一的制作。,中等学生,基础薄弱学生,1.掌握表单的常用元素，了解表单的作用2.能完成任务一和任务二。,1.掌握表单的常用元素，了解表单的作用。2.能快速完成任务一和任务二。3.能按客户要求制作表单网站，并能指导帮助本组的其他同学。,1.线索一 行为导向：,教学线索,跟我学,2.线索二 情景线索：,引入情景,教学线索,教法,以任务驱动法、小组和作法、情景教学法为主，并辅以讲授、演示等其他教学方法。从实践操作中总结归纳原理，并通过实践教学完善教学内容，实现了做中学，做中会的教学理念。,教学准备:机房及硬软件环境
3、、多媒体教学系统、大投影、素材（图片和事先录制的操作录像（可通过教师机发至每台学生机）。班级学生分组学时安排:2课时,教学准备,新课导入,同学们，我们分组后进行一个游戏，小组组长根据要求派出选手回答下列问题，答对者所在小组奖励1分，答错者所在小组扣1分，积分最多的小组就是我们今天的胜出组合。（由学习委员统计）同学们准备好了吗？,教学过程,母亲节网上调查,看表单，回答表单中的问题。,思考：,1.这张表单有哪些元件组成？（第一小组）,2.我们碰到哪些类型的表单，请举例。（第二小组）,答：由文本域，列表，单选按钮，按钮组成。,答：表单的种类有注册表、留言薄、站点导航条、搜索引擎等,认识表单,表单的概
4、念：表单可以实现网站和来访者之间的交互，从用户端收集信息，提交给服务器。表单包括两个部分：一.HTML源代码用于描述表单，例如域、标签和用户在页面上看见的按钮；二.脚本或是应用程序用于处理提交的信息，例如CGI脚本。,表单的处理过程,任务一母亲节调查表单,（1）先输入文字“母亲节调查”并设置成字号大小为：60，颜色为：FF0000,跟我学母亲节调查表单的制作 实例参考 视屏参考,执行菜单的“插入”|“表单”命令插入表单，然后在表单中插入6行2列表格，宽度为：500像素，行高为25像素,（2）插入表单,输入文字“母亲的年龄：”，再使用“插入”|“表单”面板中的文本字段按钮插入文本框，如图,效果如
5、下：,（3）插入文本框,思考：,1.文本框太大了，我们可以将它设置小些吗？（第三小组）,2.如何设置密码域？（第四小组),输入文字“母亲的生日：”，选择插入表单面板的“列表/菜单”按钮，如下图所示,效果如下：,（4）插入列表,思考：,1.如何添加列表值？（第一小组）,2.如何删除列表值？（第二小组）,输入文字“母亲节你送礼物吗：”，添加单选框及文字，效果如下：,（5）插入单选框,思考：,如果有多组单选按钮，应如何设置分组？（第三小组）每个单选按钮都有一个名字，同一组单选按钮的名字相同，不同组的单选按钮则反之。如下图：,提示：也可以使用单选按钮组，添加单选按钮！,（6）插入命令按钮,插入提交和重
6、置按钮，如下图所示,思考,如何设置提交和重置按钮？（第四小组）如果标签设置为提交，动作选择重设表单，结果会怎样？（抢答题）,（7）提交表单,下面我们将表单提交给指定的邮箱。1.选中表单，单击form，如下图：,2.在属性面板，添加动作，如下图所示：,总结两条原则,1.添加表单元素：鼠标移到表单元件上，看提示，如下图：,2.设置表单元件属性选中表单元件，在属性面板中设置。,任务二留言薄表单制作,1.参考课本205页，制作留言薄表单。实例参考 视屏参考,教学过程,2.组内合作，请将留言薄表单美化。,实例参考,视频参考,3.组内互评 展示你最得意的部分。说说自己制作过程中的困难。评选出组内认为最好的
7、两幅作品（附：评分标准）,教学过程,5.教师展示学生作品、点评和总结。,4.组长负责将本组最好的2幅作品上传至服务器,第二课堂,母亲节就要到了，很多子女想安排父母去旅游，某旅游公司需要你帮助制作一张网上旅游调查表单。样例参考，制作时可以模仿样例，也可以自主设计，提倡创新与超越。,教学过程,本节课尝试在理工科的课程中实施情景教学法。整个课堂，学生在感恩母亲的氛围中学习。教学注重学生动手能力、团结协作能力的培养，调动了学生参与课堂的积极性，实现了教学过程与岗位需求的对接。最大的困惑就是大部分学生审美不够，只能实现页面功能，色彩搭配不和谐。后来，学校在我的建议下每周开设2节色彩构成课程，我自己在课堂上也加强了对学生这方面的培养，都从一定程度上弥补计算机网络学生对美的需求。,总结反思,新课导入：1、创设情境，分组2、什么是表单 一、任务一：制作母亲节调查表单思路：先插入表单域，对页面布局，常用的布局方法是表格，然后在单元格内插入相应表单元素文本框列表单选按钮命令按钮：提交、重置按钮的使用二、任务二：小组合作制作留言薄表单三、第二课堂：根据要求，制作母亲节旅游调查表单,板书设计,郑州市科技工业学校 赵现利,谢谢各位老师批评指正！,
