静态网页制作以“个人.pdf

Dreamweaver 网页设计教案 河北工业职业技术学院 《静态网页制作（Dreamweaver ）》课程教案首页 授课教师 张亚静 班级 16 网络订单 1 班 学时 2 授课日期 ○多媒体教室○企业 主题或任务 以“个人主页”项目为驱动的阶段复习 课型 考试 授课地点 ○专业教室实训室 知识目标： 1、回顾常用标签的用法 2 、强化样式的综合应用 2 、理解盒子模型的意义 3、掌握浮动布局和定位 技能目标： 教学目标 1、通过 CSS+DIV 技术设计并实现一个完整网站项目的创建 2 、灵活运用盒子模型灵活设计网页布局 3、灵活运用浮动和定位布局页面 素质目标： 1、培养学生团队合作意识 2 、培学生的设计和创意能力，提升学生对于网页设计的热情 以“个人主页”完整项目为驱动进行阶段复 重点： 习：  利用浮动或定位设计页面布局 1、网站设计流程  通过 CSS 样式修饰 2 、规划网站目录结构 重点 难点： 学习内容 3、利用HTML 基本标签创建网页结构 难点  利用浮动或定位设计页面布局 4 、利用浮动或定位设计页面布局 5、通过 CSS 样式修饰 6、进行网站测试 ○理论讲授 ○小组讨论 项目教学 ○文本素材○实物展示PPT 幻灯片 素材 教学方法 任务驱动 ○参观教学 ○模拟教学 ○音频素材○视频素材○动画素材 资源 实验实训 ○演示教学 ○其他 图形/ 图像素材○网络资源○其他 Dreamweaver 网页设计教案 1、通过教师演示项目，采用项目驱动法引 2 、让学生对完整网站首页的设计和制作有一 教学设计 导学生进行阶段知识的复习和回顾，强化关 个整体认识，提升学生进行真实项目开发的 键知识的应用； 经验和兴趣。 学习评价 行为表现 ○课堂作业 ○测验测试 制作作品 ○其他 利用 CSS+DIV 自由设计并制作“个人首页” 要求： 作业题目  网页结构和样式分离  网站目录结构规划合理  代码格式规范 双语教学 Banner head link navigation foot 系（部）： 计算机技术系 教研室： 网络技术 教研室主任签字： 年 月 日 2 Dreamweaver 网页设计教案 学习单元六 以“个人主页”项目为驱动的阶段复习 授课内容：以“个人主页”项目为驱动的阶段复习 学时：2 学时（90 分钟） 教学目标： 知识目标： 