微课教学设计
微 课 名 称 CSS之padding内边距 所 属 课 程 静态网页设计 归 属 专 业 计算机应用技术 课程负责人 填 报 时 间 2013.11.26
教务处
教学背景 同时随着WEB标准在INTERNET上的广泛认可,近年来CSS技术应用得到了前所未有的发展。尤其在国内,越来越多的网站设计者开始利用CSS技术进行网站的重构与布局,传统的以表格形式进行网站布局的方式正在逐步退出主导地位。 盒子模型是CSS的基石之一，它指定元素如何显示以及（在某种程度上）如何相互交互。 页面上的每个元素都被浏览器看成是一个矩形的盒子，这个盒子由元素的内容、填充、边框和边界间距组成。网页就是由许多个盒子通过不同的排列方式（上下排列，并列排列，嵌套排列）堆积而成。因而我们必须要掌握盒子中的对象与盒子之间的内边距（填充）padding属性，才能制作好网页。 1、 掌握内边距padding属性的语法结构 2、 掌握内边距padding属性的参数含义 3、 理解内边距padding在盒子中的位置 教学目标 教学方法 本课程采用以下教学方法： 1. 现实案例分析教学方法：首先分析现实生活中我们看到的网页效果，引出padding的作用 2. 案例分析与制作教学方法：教师以典型案例为主线，演示讲解案例 3. 循序渐进案例教学方法：教师以循序渐式的案例组织教学，本课中我们采用了5个教学案例，由简单到复杂，最后给出一个综合应用案例 4. 微课视频教学方法：制作微课视频，以学生（零基础）为主体开展微课教学方法 通过微课视频讲解和案例分析，掌握padding属性，让学生在课下也能掌握padding的知识，达到能具体应用的效果。 教学效果表明，该教学法能够有效果的激发学生的学习兴趣，使他们既掌握了坚实的理论知识，又增强了实际动手能力，从而在以后的工作中能够学以致用，解决实际问题。 教学特色 教学总结 padding属性是盒子模型技术中一个既基础又非常重要的概念，理解好padding属性对进一步掌握好CSS技术有着重要的意义。值得注意的是不同的浏览器对padding属性的支持程度不同，同一个浏览器兼容模式和标准模式下的表现效果也有不同，希望大家在使用padding属性时要对此加强重视，不断尝试和探索，去发掘更大的魅力和用途。
因篇幅问题不能全部显示，请点此查看更多更全内容