第十六周（141-150）.doc

2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：网上商店 授课教师：蒋红艳 NO： 71-72 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示 学 时 数 4 教学目标 1、绘制网上商店页面布局； 2、在代码模式下添加表格背景； 3、设置表格边框样式； 教学内容 网上商店 重点难点 1、绘制网上商店页面布局； 2、设置表格边框样式； 教学方法 演示、讲解 学习方法 讲解演示 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 一、范例展示 二、任务分析 1、生成文件； 2、绘制布局； 3、添加元素； 4、设置样式； 三、演示操作 1、重制样式页，重命名为wangdian.html; 2、删除商品分类动画，在代码模式下添加单元格背景图片； 3、插入9行1列的表格，设置单元格高40像素； 4、创建边框样式，给各行套用得到虚线底边； 5、在主信息区插入5行1列宽520像素的表格，设置各行高150像素； 6、在第1行插入2行1列宽520像素的表格，设置第2行高10像素，插入水平线； 7、设置第1行高140像素，并把它拆分成4列，每列宽130像素； 8、复制第1行的表格，把它分别粘贴到第2、3 、4 、5行； 9、在表格中添加数码产品图片。 ? ? 课堂练习 ? ? 小结与作业 课堂小结 ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：访客留言 授课教师：蒋红艳 NO：73-75 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示 学 时 数 6 教学目标 知道表单的作用； 会根据要求选择表单项； 会制作访客留言页。 教学内容 用表单制作访客留言 重点难点 表单项的选择和属性设置 教学方法 演示、讲解 学习方法 讲解演示 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 范例展示 新课讲授 表单的作用 表单(Form)作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、投票等功能，用于吸引新用户，留住新用户的重要工具。如果表单设计用户体验不高，无疑将会对网站用户粘性大大降低。 可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。 表单包括两个部分：一部分是HTML源代码用于描述表单（例如，域，标签和用户在页面上看见的按钮），另一部分是脚本或应用程序用于处理提交的信息（如CGI脚本）。不使用处理脚本就不能搜集表单数据。 表单元素及应用、属性设置 表单应用展示 演示操作 访客留言的制作（效果见范例展示） ? ? 课堂练习 ? ?10分钟 小结与作业 课堂小结 ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 谷城中等职业教育中心学校电子教案 3