网页设计课程的教学反思(共3页).doc
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《网页设计课程的教学反思(共3页).doc》由会员分享,可在线阅读,更多相关《网页设计课程的教学反思(共3页).doc(3页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、精选优质文档-倾情为你奉上 精彩的“陷阱”是成功的一半 网页设计之div盒子的定位教学反思Div盒子模型是CSS控制页面时一个十分重要的知识点,其定位方法则是重中之重。学生在掌握了盒子模型的概念、组成、作用等基本知识之后,就面临着如何在页面中为各盒子进行合理的排版,以实现丰富的页面效果的实际需求。本节课围绕该问题而展开,以任务驱动的形式带领学生在不断地发现问题,分析问题,解决问题的过程中,体验两种不同的定位法为div盒子排版所带来的神奇变化。课程开始时,我便和学生一起,结合上次课某学生的课堂作品文件,对div盒子的基础知识做简要的回顾,同时引导大家在该“问题作品”文件中寻找不足,即所有盒子都是
2、按照标准流的方式,在浏览器窗口中由上而下依次排列。而实际上这种排列方式有其局限性,会导致网页页面效果“刻板”,且浪费页面空间。此时,我再打开一份已经过合理定位后的同作品文件,让学生注意观察,该文件中各盒子的排列已经发生了巨大变化,整个页面已变得十分美观。通过这种导入方法,让学生在发现自己的作品中存在问题的同时,又欣赏到了定位之后的文件效果,由此产生“改变现状”的强烈愿望。至此,成功引入div盒子定位的概念。在接下来的教学活动中,我结合ppt与板书简单介绍了何为盒子的定位,其定位的两种方法:float与position。然后针对导入时利用的“问题作品”,演示如何利用float属性解决其中一部分问
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 课程 教学 反思
![提示](https://www.taowenge.com/images/bang_tan.gif)
限制150内