Dreamweaver网页设计教案
河北工业职业技术学院
《静态网页制作（Dreamweaver）》课程教案首页
授课教师 张亚静 班级 16网络订单1班 学时 2 授课日期 主题或任务 以“个人主页”项目为驱动的阶段复习 知识目标： 1、回顾常用标签的用法 2、强化样式的综合应用 2、理解盒子模型的意义 3、掌握浮动布局和定位 技能目标： ○多媒体教室○企业课型 考试 授课地点 ○专业教室?实训室 教学目标 1、通过CSS+DIV技术设计并实现一个完整网站项目的创建 2、灵活运用盒子模型灵活设计网页布局 3、灵活运用浮动和定位布局页面 素质目标： 1、培养学生团队合作意识 2、培学生的设计和创意能力，提升学生对于网页设计的热情 以“个人主页”完整项目为驱动进行阶段复习： 1、网站设计流程 2、规划网站目录结构 学习内容 3、利用HTML基本标签创建网页结构 难点 ? 利用浮动或定位设计页面布局 4、利用浮动或定位设计页面布局 5、通过CSS样式修饰 6、进行网站测试 ○理论讲授 ○小组讨论 ?项目教学 ?任务驱动 ○参观教学 ○模拟教学 ?实验实训 ○演示教学 ○其他 ○文本素材○实物展示?PPT幻灯片 素材○音频素材○视频素材○动画素材 资源 ?图形/图像素材○网络资源○其他 重点重点： ? 利用浮动或定位设计页面布局 ? 通过CSS样式修饰 难点： 教学方法 Dreamweaver网页设计教案
1、通过教师演示项目，采用项目驱动法引教学设计 导学生进行阶段知识的复习和回顾，强化关键知识的应用； 学习评价 2、让学生对完整网站首页的设计和制作有一个整体认识，提升学生进行真实项目开发的经验和兴趣。 ?行为表现 ○课堂作业 ○测验测试 ?制作作品 ○其他 利用CSS+DIV自由设计并制作“个人首页” 要求： 作业题目 ? 网页结构和样式分离 ? 网站目录结构规划合理 ? 代码格式规范 双语教学 Banner head link navigation foot 系（部）： 计算机技术系 教研室： 网络技术 教研室主任签字： 年 月 日
2
Dreamweaver网页设计教案
学习单元六 以“个人主页”项目为驱动的阶段复习
授课内容：以“个人主页”项目为驱动的阶段复习 学时：2学时（90分钟） 教学目标： 知识目标：
? 回顾常用标签的用法 ? 强化样式的综合应用 ? 理解盒子模型的意义 ? 掌握浮动布局和定位
技能目标：
? 通过CSS+DIV技术设计并实现一个完整网站项目的创建 ? 灵活运用盒子模型灵活设计网页布局 ? 灵活运用浮动和定位布局页面
素质目标：
? 培养学生团队合作意识
? 培学生的设计和创意能力，提升学生对于网页设计的热情 教学内容：
1、网站设计流程 2、规划网站目录结构
3、利用HTML基本标签创建网页结构 4、利用浮动或定位设计页面布局 5、通过CSS样式修饰 6、进行网站测试 教学重点：
? 利用浮动或定位设计页面布局 ? 通过CSS样式修饰 教学难点：
? 利用浮动或定位设计页面布局
Dreamweaver网页设计教案
教学方法和策略：
? 教学方法：
采用项目驱动法、分组竞争法、案例演示法提高学生的学习兴趣
? 教学策略：
通过分组讨论、竞争的方式激发学生的学习热情 教学设计思路：
1、通过教师演示项目，采用项目驱动法引导学生进行阶段知识的复习和回顾， 强化关键知识的应用；
课程回顾： 【约10分钟】
? 通过互动的方
式回顾之前的学习内容，为阶段项目的制作做好准备。
? 学生通过互动
方式回答教师提出的问题。 ? 认真听取教师
的总结，明确本项目单元的学习任务。
2、让学生对完整网站首页的设计和制作有一个整体认识，提升学生进行真实项目开发的经验和兴趣。 授课内容提纲：
一、复习旧课导出阶段项目 1、课程回顾 （1）教师综述
在前五个学习单元的课程中，我们分阶段的以“计算机技术系网站”首页项目为驱动完成了网站首页的制作，对于网站设计有了初步的认识和了解，经过阶段学习，同学们已经具备了独立设计和制作网站首页的能力。 （2）利用项目互动提问回顾知识点
? 网站设计流程？ ? 盒子模型的关键属性？ ? 常用的定位方式有几种？ （3）互动总结
教师通过与学生互动沟通，进行知识的归纳：
? 网站的设计流程包括需求分析、制作网页效果图、创建和设计网站、测试
和发布等几个环节；
? 盒子模型的关键属性包括content、border、padding和margin四个属性。 ? 常用的布局方式有浮动和定位。
2、教师首先简述本项目单元重点、难点，让学生有重点的听讲。
4
