网页设计与制作项目教程（html+css+bootstrap）教学课件作者徐云晴讲义项目七教案3.docVIP

课题序号 1 教学班级 教学课时 2 教学形式 新授 课 题 名 称 任务拓展 制作《水果慕斯》网站 使用教具 机房、电子教室 教学目的 练习利用模板制作专题网站《水果慕斯》网站 教学重点 较熟练地设计《水果慕斯》模板，并根据模板来制作其它网页 教学难点 模板的设计和应用 更新、补充、 删节内容 无 课前准备 教案、课件、作业 课外作业 相互观摩其他同学制作的专题网站，并进行评价和打分 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段方式 要求 观察 学生练习 制作《水果慕斯》网站，首页效果如图7.2.18所示。首页用到的素材图片，在项目七的任务拓展包内提供。首页的基本格局4部分组成，第一部分是搜索区，第二部分是网站导航栏，第三部分是网站Banner区，第四部分是产品展示区，第五部分是版权说明，宽度1000像素，居中对齐。各栏高度请根据需要自行设定。其中“Banner”区和“产品展示”区，是可变元素，其它部分固定不变。请设计模板，并根据模板生成网站首页、国产水果慕斯、南美水果慕斯、欧洲水果慕斯4个网页，并在导航栏建立相应超链接。 完成课堂练习 课堂讨论与总结：完成练习中发现的主要问题。 作业：完成任务拓展。 分析要求，并列出要点？ 观察最终制作成果的特点 完成练习