资源描述
《设计网站首页》教案
教 学
目 标
1、知识目标：认识网页的工作原理；理解网页编辑的一般过程。
2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。
3、情感、态度和价值观：善于从身边的广告、书刊中学习版面设计知识，并学以致用。
重 点
难 点
重点：在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。
难点；在网页中插入图片和水平线。
教 具
多媒体课件、资料
学 法
教 法
任务驱动、自主学习、小组合作、演示法等综合学习法
板 书
设 计
第2课 设计网站首页
一、提纲 二、设计首页
教 学 环 节
环节一：创设情景 激发兴趣
教师教学过程
学生学习活动
意图
估时
通过《阅读与思考》材料，让学生展开讨论，从而引出怎么设计网站的“脸谱”的话题。
看《阅读与思考》
创设环境
激发学生学习兴趣
环节二：自主探究 交流分享
教师教学过程
学生学习活动
意图
估时
分配学习任务，让学生通过阅读课本进行思考，独立完成任务。
1、打开站点“D:、情感小屋”，双击打开主页文件“index.htm”,对照小宇在上节课中设计的首页效果图，在编辑窗口输入如右图所示的文字，按照图例对文字进行修改字体、字号、颜色、对齐方式等操作。
2、在“banner位置”处插入存放在“D:\素材”中的banner图片。
3、在“欢迎光临”的左侧插入存放在“D:\素材”中的一幅图片，并调整插入图片的大小。
4、将“情感小屋”网站首页中的双线删除，然后再原位置插入一条水平线（宽度为75%、高度为8、水平居中、颜色为蓝绿色）。
5、用不同的方法保存index.htm,那种方法更便捷？
6、利用工具栏中哪个按钮可以直接启动浏览器进行网页预览？
独立完成任务
可以参阅课本
可组内交流
可以问老师
让学生自主学习
环节三： 合作学习，释难解疑
教师教学过程
学生学习活动
意图
估时
（1）通过对上一环节学习学心情况的检查，针对突出性问题，加以讨论，并且形成具体的小任务，让学生以组的形式进行讨论，合作学习。
（2）对部分内容，教师适当进行集中辅导
排除疑难
提高能力
让学生灵活制作遮罩动画
环节四：作品展示 评价提高
教师教学过程
学生学习活动
意图
估时
1、 让各组组内展示交流
2、 让二名学生展示制作方法
1、 交流方法
2、 完善自己的作品
同学间互补
环节五：梳理总结 形成构架
教师教学过程
学生学习活动
意图
估时
让学生自己总结本节课所学知识
归纳知识
让学生归纳反思
教后反思：
部分学生没有完成整个网页的一些具体操作，检查时可能会出现一些意想不到的问题，教师应该做好充足的准备
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
