文本内容:
班别三⑷电3商务教师苏炳汉时间第五周,星期三课题第三篇css设计进阶一一区块、盒子课时安排第1节教学目标
1.CSS进阶
(二)——区块
2.CSS进阶
(三)——盒子
3.
4.学生分析学会了网页布局,当然想让自己的网页“美”起来,学习兴趣越来越大重、难点重点(目标1)CSS进阶一一区块;难点(目标2)CSS进阶盒子教学策略实例驱动、演练结合方法选择演示法、自主式学习法学生活动听,看,练反馈手段学生获得的印花个数(完成一个实例,给予一个印花)教具准备DreamweaverMX2004中文版、设计百例素材、凌波多媒体系统教学过程、课刖复习(5分钟)上一节课,学会了CSS进阶之一一一背景样式表的背景分类主要是对元素的背景进行设置,包括背景颜色、背景图像、背景图像的控制一般是对BODY、TABLE、DIV的设置
二、新课引入(5分钟)也许你曾经为网页中文字的整齐排列而犯愁,不过通过本例的学习,你将轻松应付这类问题我们将在本例中了解在DreamweaverMX中设置CSS的区块(Block)相关参数区块主要用来设置对象文本的文字间距、对齐方式、首行缩进等
三、实例讲解(20分钟)实例29CSS进阶——区块(10分钟)通过样式表的Block的定义,可以方便地对页面中的文本进行排版布局,而且实现的效果比手工设置(添加回车、空格等)更灵活、美观复习起承上启下的作用重点掌握应用技巧教学过程实例30CSS进阶——盒子(10分钟)本例进一步说明了样式表在网页设计和制作时的重要性,只要活用样式表,页面的美化是一件非常轻松的事另外,还需要说明一点,如果在页面制作时需要实现本例中讲的图文混排效果,请将图片置于文字的前面,再定义样式表让图片右对齐(也可以直接在属性面板中设置图片的对齐方式),对能出现图文混排的效果而如果将图片置于文字后面,就实现不了这一效果
四、总结实例制作经验(5分钟)按照教材的分步,可以做出教材所要求的效果,再按自己的笔记,产生导师要求的效果,最后按自己的创意,把知识点真正为自己所用
五、课堂练习(5分钟)自己做实例,完成后申请印花
六、布置作业(5分钟)利用视频捕捉软件,把自己制作实例的过程制成avi文件文件名统一用自己的名字+学号+实例号老师积极引导、启发学生思考让学生熟悉实例制作步骤学生分组讨论交流,培养学生合作学习和交流的能力提问学生,由学生小结,然后教师重新演示课件,进行总结和补充通过讲解突破难点提问学生,由学生小结,然后教师重新演示课件,进行总结和补充采用凌波多媒体系统的学生演示,把一些易错的地方作反面教材作业布置注意分层,满足不同层次学生的需要版书设计课题29CSS进阶——区块课题30css进阶一一盒子作业设计HyperCam是一套专门用来捕捉您的操作画面的程序,包括鼠标的移动轨迹与音效,然后将它保存为标准的AVI视频文件让您播放很适合用来制作教学课程或演示,您可以轻易地依照平常的操作方式,将步骤一步一步地捕捉下来,只需将此AVI文件播放,即可观看教学后记让大家做屏幕录屏,也是方便老师收集素材,做微课等系列活动中使用可能是录屏的原因,有些同学做了很多遍,影响了学生的创造改进。