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

课题序号 2 教学班级 教学课时 6 教学形式 实训 课 题 名 称 任务一 Div+CSS布局完成网站首页及分页 使用教具 机房、电子教室 教学目的 了解网站综合设计的前期准备工作； 能自主进行网站栏目的规划、功能和页面的设计； 掌握页面布局、超链接、模板、表单、框架、表格等技术的综合应用； 掌握在页面设计中添加行为、Bootstrap组件以实现特殊的效果； 通过实战来加强创意、设计、资料收集整理能力。 教学重点 掌握页面布局、超链接、模板、表单、框架、表格等技术的综合应用； 掌握在页面设计中添加行为、Bootstrap组件以实现特殊的效果； 教学难点 掌握在页面设计中添加行为、Bootstrap组件以实现特殊的效果； 更新、补充、 删节内容 无 课前准备 教案、课件、案例 课外作业 完成书本的思考练习及任务拓展部分 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 新课 导入 新授 讲授 教师 演示 学生 操作 总结 评价 一、项目分解，任务分析 本项目具体工作任务为： Div+CSS布局完成网站首页及分页 应用模板完成网站的各子栏目页面 使用浮动框架布局完成网站后台 基于我们绘制的全瀚通信首页和二级页面的美工图及切片生成的图片素材，DIV+CSS布局完成网站的首页index.html和分页sub.html。其效果图