慕课在网页设计课程教学中的应用--CSS定位教学

慕课在网页设计课程教学中的应用--CSS定位教学

江春

南宁学院广西南宁530200

摘要：慕课是近年来教育领域的一种新的教学模式，它颠覆了以教师教学为主的传统教学模式，将课堂拓展到课外活动。以电子商务专业的网络设计课程为例，在教学程序和整个教学过程中，选择教学方法比较困难。本文将探讨如何提高课程教学水平，提高学生的实践能力。

关键词：慕课网页设计课程案例

近年来在教育领域，慕课是一种新型的实践课程。这种课堂教学模式，要求教师将教学延伸到课外，必须花大量的时间练习操作。本文的写作目的是为了提高学生的动手能力，结合学习CSS的定位方法在web设计课程中的应用。选择页面及理论知识，让学生关注一些标本课程，比如大学门户网站提示窗口菜单的实际情况应用。激发学生的学习欲望、学习兴趣，提出学习任务，介绍运用哪些方法来实现应用效果，以此提高教学实践效果。如何选择相关的教学内容来制作视频，是在实践教学中值得探索的问题。CSS定位案例教学重点是CSS样式表设置方法和框定位方法。CSS定位的案例教学难点是三种定位方法：标准的流量定位方法，定位属性下的定位方法，浮动属性下的定位方法。以及各种方式的特点。

一、慕课在CSS定位案例教学中的应用

1.教学形式的创新。记录视频，视频介绍的基本方法:效果提示窗口(利用一个元素和属性)和下拉菜单效果。提示窗口菜单在影响教学任务的基础上完成教学任务和实现视频教学，有时候视频教学学生听不懂，所以无法完成教学任务。学生学习和教学内容的操作视频，记录所有的问题在操作的过程中遇到的困难，同时开始积极思考和实践，这是一个很好的方式来培养学生的自主学习能力和动手能力，并让学生在下节课讨论分析在观看视频中遇到的问题。最后总结分析这一课的内容，让学生课后完成。源于学生的实践，他们充分利用了课堂和课后的时间。在这种教学模式下，学生学习不再困难，学习效果相对较好。

具体课堂教学可按以下步骤进行教学时间分配:视频播放15分钟，学生讨论实现提示窗口和下拉菜单效果问题15分钟，最后讨论的实施效果。在实施窗口和下拉菜单效果视频之前，先播放CSS定位案例教学内容，让学生在课堂上讨论，以实现这些问题；最后，分析门户网站菜单效果的一些特点，并探讨实现其效果的主要步骤。

2.CSS定位案例教学内容。首先通过播放课前制作的实现小提示窗口和下拉菜单效果的视频，让学生讨论在课后实现这些效果时出现的问题；然后分析某学院门户网站提示窗口菜单的一些特征，并与学生分析讨论实现其效果的主要步骤，并进行讲解。

3.CSS定位案例教学过程。

（1）播放已经制作好的视频，让学生记录问题。

（2）分析并讨论了小提示窗口和下拉菜单的实现问题。

（3）分析要实现的步骤。

①使用HTML定义内容和结构。这里使用列表元素并对所有超链接、文本组织进行排序。分析如何使用列表元素进行排版，列表元素嵌套关系；分析和问题为什么使用列表元素布局，优势在哪里。并引导学生思考和理解。使用无序列表将链接分为两个级别链接属于二级项目符号列表元素。同时，它引导学生分析列表元素中元素布局的效果。列表元素是块级元素，所以标准流程的布局。

②重新定位列表中的元素，以改变标准流程中元素的位置。改变标准流程的格式，在这里使用浮动属性，并着重于定位浮动属性的原因。符号列表元素将被同时设置属性列表-风格类型的值，宽度字体和文本的宽度，该项目网站的标题下边界设置，连接架宽度高度宽度和高度的设置，调试的值。另一方面，对选择器的使用进行分析，使学生能够理解标签类和ID选择器所使用的场景。

③提高显示面板效果。学生学习分析的一些风格，特别是盒子装满填充模型中，边界属性效果。在CSS样式表的最后一步，完美的列表元素相关的属性，结合外部的属性的值调整性能影响，直到它是正确的。

④完善所有的样式风格。a元素的字体font，颜色color，a：hover下盒子背景颜色字体设置，元素的间距边界，一级列表元素的不同样式风格。

二、总结

从课堂教学效果的角度来看，教学模式可以引起学生的学习欲望，促进学生主动学习视频教学的教学内容，同时将问题在课堂上进行反馈，这样教学具有很强的针对性。但课堂教学模式需要确保学生有足够的课余时间学习视频内容。视频应根据前期制作的教学任务，引导学生可以学会一些简单的概念理论。课程被理解，就不需要老师花时间在视频上。简而言之，对实用性较强的网页设计课程，选择合适的教学任务与项目案例教学方法进行初步的教学视频，提高教学水平，对增强学生的实践能力具有很好的实际意义。希望可以广泛的应用在教学当中。

参考文献

[1]张琳慕课视角下网页设计课程的教学生态模式研究[J].电脑知识与技术，2015，11(21)：129-130。