本站QQ客服在线 |
视频标签：网络技术应用,网页制作,留言板—表单
所属栏目：信息技术优质课视频
视频课题：高中信息技术教科版选修3网络技术应用-网页制作留言板—表单
教学设计、课堂实录及教案：高中信息技术教科版选修3网络技术应用-网页制作留言板—表单
题：网页制作留言板 ——表 单
一、教学目标
1.知识与技能
（1）知道留言板的作用 （2）知道表单的作用
（3）掌握每种表单域的作用及使用方法 （4）学会编辑表单域的属性
2.过程与方法
通过“布局、制作留言板”环节，掌握每种表单域的作用及使用方法；在教师演示与指导“美化留言板”环节下，掌握表单域属性的设置方法。
3.情感态度与价值观
通过运用“表单”制作个人网站的“留言板”子网页，让学生感知个人网站的完整性，以及在制作过程中培养了学生深度挖掘知识的能力。 二、教材分析
课题《网页制作》，是信息技术2003教科版选修教材《网络技术应用》中第四章“建立主题网站”下第3小节的内容。 三、学生分析
本节授课的对象是高一年级学生，同时，本课内容是“建立主题网站”大标题下第8节课，学生已掌握个人网站中网
页制作的技术点。基于此，留言板网页的设计与制作相对于学生而言难度不大。 四、教学方法
直观演示法、任务驱动法、问题探究法 五、教学过程
1.情境导入
<展示>：“中华美食”个人网站中留言板效果。如下图所示：
<提问>：“个人网站”留言板网页的作用？
<结论>：留言板的作用，供浏览者呈现个人信息或给个人网站留言。留言操作相对简单，在进入留言板后可以看到“输入框”，输入后提交即可。
2.布局留言板
<展示>：三组“留言板”网页效果。
<提问>：（1）网页布局上，包含哪些组成元素？ （2）留言板收集的信息内容有何特点？
<归纳>：（1）网页布局的组成元素主要包含：Banner条（网 站标题文字或图片）、导航栏、所在位置、收集信 息集合。
（2）信息内容的特点：个人信息、与网站主题相关 信息。
【实践活动一】：布局留言板
1.插入“五行一列”表格（宽度1000像素） 2.表格内容：网站标题、导航栏、滚动字幕、所在位置、表单内容。
3.制作留言板——表单
<提问>：精美的“留言板”如何制作呢？ （1）作用
表单：是用来收集浏览者的用户名、密码、E-mail地址、 个人爱好、联系地址和建议等网站信息的输入区域 集合。 （2）组成元素
FrontPage提供了文本框、文本区、选项按钮、复选框、下拉框和按钮等丰富的表单域。 （3）表单域 文本框
文本框用来输入比较简单的文字信息 。如，昵称、所在地。 选项按钮
选项按钮常用于表示唯一的选择结果。如：性别。 下拉框
下拉框当需要选择职业、文化程度等事项时，可以使用下拉框。 ④复选框
复选框常用来表示许多项可以同时选中的事物，比如个人爱好、所学科目等。 ⑤文本区
如果需要输入建议、需求等大段文字，使用文本框就显得力不从心了，这时通常使用带有滚动条的文本区。 【实践活动二】：制作留言板——表单
运用：文本框、选项按钮、复选框、下拉框、文本区、按钮等表单域，收集个人网站相应信息集合。 【提醒】：
I、插入表单域之前须插入“表单” ！
II、表单收集内容需由个人网站主题来确定，从而确定运用哪些表单域。
4.美化留言板
【实践活动三】：美化留言板
（1）设置表单域属性，如：字体属性、边框属性等。 （2）表单区域设置背景图片或颜色（单元格属性）。 【提醒】：
I、如果表单区域设置背景图片，那么图片尺寸尽量选择宽度是1000像素左右！
II、整个表格的颜色基调须一致。
视频来源：优质课网 www.youzhik.com
