网设计与制作课时说课稿省公开课一等奖全国示范课微课金奖PPT课件.pptxVIP

课程名称：《网页设计与制作》项目三：精品课程网站任务四：《DIV+CSS布局技术及应用》说课人：王慧敏1/29课程目标课程定位内容选取与组织课程介绍2/29课程目标课程定位岗位关键领域课程综合性实践性操作性网站设计与制作能力、团体协作能力、沟通能力、分析处理问题能力、项目实施能力内容选取组织以教学仿真项目和企业实际项目为载体重构和序化教学内容3/29课程介绍编号知识模块安排1网页设计基础知识2网站观赏3网站规划与设计4网站效果图设计5网页色彩搭配网页布局6网页动画设计7页面布局与编辑8HTML语言9CSS层叠样式表10DIV+CSS网页布局11模版与库应用12网站行为13表单应用14静态网站动态化15动态网站制作16课程设计（项目实训）课程教学内容选取与安排项目一书法家庄辉个人网站项目二电子信息工程系迎评网站项目三精品课程网站项目四武威旅游网项目五佳佳商城用户及留言管理系统4/29项目三：精品课程网任务四：DIV+CSS布局技术及应用课时说课5/29提要6/29课时定位任务名称职业素质及能力培养课时数项目三：精品课程网站建设网站前期策划及策划书编写沟通能力、策划能力、文档能力2网站效果图设计、切片导出及动画设计艺术素养、Photoshop设计动画制作能力、创新创意能力4DIV+CSS网页布局技术基础知识DIV+CSS网页布局技术、团体协作、项目实施能力3DIV+CSS布局技术及应用6JavaScript脚本代码融合JavaScript脚本代码应用能力4使用模版完善静态网站掌握网站模板使用方法2应用行为增强网页动态效果掌握网站行为使用方法2项目总结与评价具备检验、判断能力、语言表示能力、责任意识27/29教学目标专业能力：1.掌握单行单列布局、二列布局、三列布局结构应用。2.掌握DIV+CSS布局应用与技巧。方法能力：1.能独立进行信息筛选与加工。2.能独立制订、实施工作计划。3.含有分析问题、处理问题能力。社会能力：1.含有沟通能力及团体协作精神。2.含有创新能力。8/29教学内容重点教学内容利用DIV+CSS技术布局制作精品课程网站主页。掌握DIV+CSS布局应用与技巧，熟练CSS语法规则。深入了解布局精华——盒子模型以及怎样灵活、简练应用。难点9/2910/291直观演示法微观宏观：项目教学法小组讨论法任务驱动法活动探究法11/29利用多媒体辅助教学12/29启发式教学方法以学生为主体，以培养学生自主学习能力为出发点，让学生在学习中发觉问题、分析问题、处理问题。主要应用以下方法：自主探究法、总结反思法13/29教师展示任务效果教师提出任务目标项目导向任务驱动学生自主探究教师引导、处理疑难问题展示与评价布置课后拓展练习14/29一任务效果展示15/29二提出任务目标提升自学兴趣，被动——主动深入明确本节课要实现目标，设置四个问题来分析、讨论1、复习什么是CSS盒子模型？盒子属性？（引导、讨论）采取DIV+CSS布局技术制作精品课程网站主页16/29二提出任务目标提升自学兴趣，被动——主动深入明确本节课要实现目标，做到有放矢2.在网页中，一个div盒子是怎样定义？（回想）divid=“盒子名称”/div17/29二提出任务目标#left#right提升自学兴趣，被动——主动深入明确本节课要实现目标，做到有放矢3.生活中盒子有很多，同理，一张网页中盒子也有很多(如图)，这些盒子是怎样放置到网页中？(引导、讨论）经过插入多个DIV#header#footer18/29二提出任务目标四个问题层层递进，既复习了上节课重点内容，也为下面学生自主探究打下坚实基础，帮助学生把握本节课重、难点。4.精品课程网站主页是由许多盒子组成，这些盒子是怎样放置到网页中？又是怎样把它摆放得有模有样？(引导、讨论）经过插入多个DIV,经过控制盒子外观CSS样式表19/29三学生自主探究教师为主导学生为主体1.学生分析精品课程网站主页布局。#header#main_left#right_top_kcjs#right_top_jcjs#right_jxzy#right_jx#footer20/29三学生自主探究教师为主导学生为主体2.依据分析，学生画出布局草图。#header#main_left#right_top_kcjs#right_top_jcjs#right_jxzy#right_jx#footer21/29三学生自主探究教师为主导学生为主体3.依据绘制草图，在网页制作软件中放这些盒子divid=“header”/divdivid=“main”divid=“main_left/divdivid=“main_rightdivid=“