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

课题序号 1 教学班级 教学课时 2 教学形式 新授 课 题 名 称 任务一 个人博客之简约商务风（知识准备） 使用教具 机房、电子教室 教学目的 理解网页的结构，能看懂并手写HTML代码 能根据需要设置CSS属性，看懂并手写CSS代码 深刻理解WEB中的结构和表现相分离的思想 理解页面重构的实现方法 教学重点 深刻理解WEB中的结构和表现相分离的思想 能看懂并手写HTML和CSS代码 教学难点 能看懂并手写HTML和CSS代码 更新、补充、 删节内容 无 课前准备 教案、课件、案例 课外作业 完成书本的思考练习及任务拓展部分 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 导入 讨论 提问 讲授 新授 讲授 展示 演示 举例 总结 评价 W3C标准提出，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。相同的结构（HTML）配合不同的表现（CSS）可以呈现不同风格的网页界面。本项目通过变换的CSS样式来表现同样的HTML内容，带大家完成两个网页——“简约商务风”的个人博客和“中国风”的个人博客。 本项目分解为两个任务，利用6次课完成。 项目引入，明确目标 本项目完成两套不同风格的个人博客网页，熟练掌握基于HTML5的DIV+CSS的页面布局方法，并能够根据需要