0301静态网页制作(Dreamweaver)以“个人..docVIP

0301--静态网页制作(Dreamweaver)-以“个人. 0301--静态网页制作(Dreamweaver)-以“个人. PAGE / NUMPAGES 0301--静态网页制作(Dreamweaver)-以“个人. 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 分钟） 授课目的： 知识目标： 回顾常用标签的用法 增强样式的综合应用 理解盒子模型的意义 掌握浮动布局和定位 技术目标： 经过 CSS+DIV 技术设计并实现一个完满网站项目的创办 灵便运用盒子模型灵便设计网页布局 灵便运用浮动和定位布局页面 素质目标： 培养学生团队合作意识 培学生的设计和创意能力，提升学生关于网页设计的热情 授课内容： 1、网站设计流程 2、规划网站目录结构 3、利用 HTML 基本标签创办网页结构 4、利用浮动或定位设计页面布局 5、经过 CSS 样式修饰 6、进行网站测试 授课重点： 利用浮动或定位设计页面布局 经过 CSS 样式修饰 授课难点： Dreamweaver 网页设计授课方案 利用浮动或定位设计页面布局 授课方法和策略： 授课方法： 采用项目驱动法、分组竞争法、案例演示法提升学生的学习兴趣 授课策略： 经过分组谈论、竞争的方式激发学生的学习热情 授课方案思路： 1、经过教师演示项目，采用项目驱动法引导学生进行阶段知识的复习和回顾， 增强重点知识的应用； 2、让学生对完满网站首页的设计和制作有一个整体认识， 提升学生进行真实项 目开发的经验和兴趣。 授课内容大纲： 一、复习旧课导出阶段项目 1、课程回顾 （ 1）教师综述 在前五个学习单元的课程中， 我们分阶段的以 “计算机技术系网站” 首页项目为 驱动完成了网站首页的制作， 关于网站设计有了初步的认识和认识， 经过阶段学习， 同学们已经具备了独立设计和制作网站首页的能力。 2）利用项目互动提问回顾知识点网站设计流程？ 盒子模型的重点属性？常用的定位方式有几种？ 3）互动总结 教师经过与学生互动沟通，进行知识的归纳： 网站的设计流程包括需求解析、制作网页收效图、创办和设计网站、测试 和宣布等几个环节； 盒子模型的重点属性包括 content 、 border、 padding 和 margin 四个属性。 常用的布局方式有浮动和定位。  课程回顾： 【约 10 分钟】 经过互动的方式回顾从前的学习内容， 为阶段项目的制作做好准备。 学生经过互动方式回答教师提出的问题。 认真听取教师