精选优质文档-倾情为你奉上 精彩的“陷阱”是成功的一半 网页设计之div盒子的定位教学反思Div盒子模型是CSS控制页面时一个十分重要的知识点,其定位方法则是重中之重。学生在掌握了盒子模型的概念、组成、作用等基本知识之后,就面临着如何在页面中为各盒子进行合理的排版,以实现丰富的页面效果的实际需求。本节课围绕该问题而展开,以任务驱动的形式带领学生在不断地发现问题,分析问题,解决问题的过程中,体验两种不同的定位法为div盒子排版所带来的神奇变化。课程开始时,我便和学生一起,结合上次课某学生的课堂作品文件,对div盒子的基础知识做简要的回顾,同时引导大家在该“问题作品”文件中寻找不足,即所有盒子都是按照标准流的方式,在浏览器窗口中由上而下依次排列。而实际上这种排列方式有其局限性,会导致网页页面效果“刻板”,且浪费页面空间。此时,我再打开一份已经过合理定位后的同作品文件,让学生注意观察,该文件中各盒子的排列已经发生了巨大变化,整个页面已变得十分美观。通过这种导入方法,让学生在发现自己的作品中存在问题的同时,又欣赏到了定位之后的文件效果,由此产生“改变现状”的