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

课题序号 1 教学班级 教学课时 6 教学形式 实训 课 题 名 称 创建《全瀚通信》网站（项目概述） 使用教具 机房、电子教室 教学目的 了解网站综合设计的前期准备工作； 能自主进行网站栏目的规划、功能和页面的设计； 掌握页面布局、超链接、模板、表单、框架、表格等技术的综合应用； 掌握在页面设计中添加行为、Bootstrap组件以实现特殊的效果； 通过实战来加强创意、设计、资料收集整理能力。 教学重点 掌握页面布局、超链接、模板、表单、框架、表格等技术的综合应用； 掌握在页面设计中添加行为、Bootstrap组件以实现特殊的效果； 教学难点 掌握在页面设计中添加行为、Bootstrap组件以实现特殊的效果； 更新、补充、 删节内容 无 课前准备 教案、课件、案例 课外作业 完成书本的思考练习及任务拓展部分 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 导入 讨论 提问 讲授 新授 讲授 展示 演示 讲解 举例 总结 评价 项目引入，明确目标 本项目以全瀚通信网站为例，设计制作一个企业网站。前期已经进行了美工图的设计和栏目的规划，并通过切片生成了网站需要的图片素材。本项目我们将在Dreamweaver中制作并完成网站主页和分页的DIV布局，并进一步将网页拓展成为一个风格统一、功能较齐全的网站，完成整站超链接并制作网站后