第十四周（121-130）.docVIP

2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：样式页超链接的创建、页脚的制作 授课教师：蒋红艳 NO： 61-62 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示 学 时 数 4 教学目标 制作导航菜单文本超链接； 知道页脚信息的重要性； 制作样式页页脚。 教学内容 样式页编辑 重点难点 超链接的创建与检查 教学方法 演示、讲解 学习方法 观察、实训 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 范例展示 导航菜单超链接创建 1、在“样式”页中，分别选中导航菜单中的文本，在属性面板链接栏输入要链接到的目标页面文件名； 2、复制样式页，分别进行重命名，得到8个网页； 3、打开首页，制作主信息区布局表格： ?? ?? ?a、插入5行1列530像素的表格，每行高设置为150像素； ?? ??? b、在第一行插入2行1列宽520像素的表格； ?? ?? ? c、在上述表格第2行插入水平线，把第一行拆分成4列； ?? ?? ?d、在第2列和第5列插入5行1列宽120像素的表格； ?? ?? ?e、把b 步得到的表格复制到其他各行。 4、在表格内添加数码产品信息文本。 页脚的制作 页脚的重要性 页脚设计主要用来展示网站的版权和网站介绍，如果在页脚添加一些有趣的内容，可以提升用户体验，让网站变的更有趣味。 页脚信息 版权信息 管理员联系方式 大量链接 动态页脚 时间戳与抓取测试 No-Follow 和 Pagerank 可用性和字体大小 学生分组实训 学生分组实训，教师巡视指导； 小组长协助教师指导。 五、作业点评 ? ? 课堂练习 ? ? 小结与作业 课堂小结 ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：首页 授课教师：蒋红艳 NO： 63-65 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示 学 时 数 6 教学目标 由样式页生成数码商店的首页，并完成首页的布局、页面元素的添加。 教学内容 首页编辑 重点难点 布局的绘制 教学方法 演示、讲解 学习方法 观察、实训 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 范例展示 演示操作 1、新建网页文件index.html； 2、绘制网页布局； 3、把准备好的素材复制到站点素材文件夹中； 4、添加网页背景、边框； 5、添加网页图片、动画； 6、添加文本； 7、定义CSS样式，设置文本样式； 8、制作动态网站公告； 9、制作透明层； 10、制作页脚版权信息栏。 三、学生分组实训 学生分组实训，教师巡视指导； 小组长协助教师指导。 四、作业点评 ? ? 课堂练习 ? ? 小结与作业 课堂小结 ? ? 本课作业 ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 谷城中等职业教育中心学校电子教案 4