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样式修饰 教学难点：