云班课的网页设计与网站建设课程实践.docx

云班课的网页设计与网站建设课程实践摘要：网页设计与网站建设课程借助云班课平台进行课程改革，与传统教学方式相比，老师能够更有效地把握课堂节拍，调动学生的学习主动性，做到课内课外无缝衔接，进而提高整个课程的教学效果。该文将介绍详细的云班课平台资源整合以及基于云班课平台在网页设计与网站建设课程改革中的应用。关键词：云班课；混合教学；线上线下网页设计与网站建设课程为计算机软件技术、计算机网络技术、计算机应用技术等专业的一门专业基础课，该课程以实践为主，面向的岗位如网页设计师、前端开发人员等，课程特点为理论与实践相结合，对学生的实践操作能力要求较高，要求学生能够独立自主完成网站的开发，做到美观、大方、富有创意、让人赏心悦目。传统的课堂教学此课程一般为48课时，对于学生能够熟练应用、CSS与JavaScript完成网页设计与制作，时间远远不够，同时传统教学中，学生学习积极性不高，课堂玩手机现象严重。怎样激发学生的学习兴趣，扩展学生的学习时间，使学生灵敏运用所学完成网页的设计与制作，是每位网页设计与网站建设课程教师需要解决的重要问题。云班课原蓝墨云班课是由北京智启蓝墨信息技术有限公司在2014年开发的移动网络环境下为教学服务的一款智能教学客户端App,它能够支持移动网络环境下为老师提供教学资源、布置批改作业、与学生沟通、发起多种教学活动、测试、考试、分析各项教学活动及学生成绩等，方便老师的教学活动，同时也充分利用学生的手机资源，使学生从上课玩手机到利用手机完成课堂及课后学习的有力工具，加强师生沟通，有效提高教学效果。网页设计与网站建设课程借助云班课平台进行课程改革，与传统教学方式相比，老师能够更有效地把握课堂节拍，调动学生的学习主动性，做到课内课外无缝衔接，进而提高整个课程的教学效果。本文将介绍详细的云班课平台资源整合以及基于云班课平台在网页设计与网站建设课程改革中的应用。1重构课程内容，建立完好的课程资源网页设计与网站建设课程主要讲解+CSS+JavaScript技术，将网页内容、外观样式及动态效果进行分离，进而减少页面代码，提高网速。其实践性较强，各种标签较多，学生容易混淆、遗忘。而假如不理解意思只是机械地根据书本完成实验，将达不到灵敏应用的要求。因而要求学生需要在有一定的计算机基础和PHOTOSHOP基础上能够熟练应用各种标签完成具有本人特色的页面。显然，传统的课堂教学及课程内容不能知足此要求，传统课堂教学时间有限，且枯燥乏味，学生容易被手机吸引，教学效果较差。改革传统教学内容，将课程内容分为简单页面制作，咖啡店主题页制作，“珍馐阁西点专题页制作，“志高电子网站首页制作、“鸿潘电子科技主页制作五个项目，以项目为导向，采用情境教学形式，通过项目将相关知识点串联起来，不同的项目有助于学生把握不同网站的设计风格和制作技巧。教学内容重新规划设计好后，将所有的素材进行分类，并录制微课，建立完善的课程教学资源，包括教学大纲、授课计划、教学设计、PPT、讲解视频、案例素材、试题库等。云班课课程对于老师提出了更高的要求，需要老师付出几倍的努力，只要老师本人对课程有全面的了解，技术熟练，而且能够完成完好的课程素材及讲解视频，才能实现线上线下结合，学生能够随时随地学习，进而能够实现学生对知识的灵敏运用。2基于云班课的混合式教学形式设计（网页设计与网站建设）课程旨在引导学生根据客户实际需求分析制定网站目的，确定构造和栏目，设计、采集或制作网页的素材，合理布局网页，建设完善可用的网页。根据学生学习特点、课程特点以及教学规律，尝试设计如下基于云班课的线上线下混合式教学形式，如图1所示。2.1课前引导探究，自我探索课前老师首先对课程内容进行分析，完成教学设计，准备资源，将课程资源到云班课中，同时给出课前任务单，学生根据老师的课前任务单，完成课前任务。如图2所示。老师能够根据云班课中学生的完成进度，以及学生的提问了解学生的问题，及时调整教学计划与内容以及教学重难点，使其更好地帮助学生完成相关内容的学习。学生在完成课前任务单的同时，能够进行小组沟通，及时记录本人碰到的问题，向老师进行反应，对于本人碰到的问题，能够本人通过搜索得到答案，可以以向教师提出问题，老师进行解答。如图3所示。这样课前就能使师生进行充分的互动，对课程内容有充分了解。2.2课中答疑解惑，实践操作课中老师对课前学生反应的问题进行答疑解惑，对一些重点及难点进行讲解，通过云班课中多种活动如“头脑风暴“投票问卷等活动，同时还有“抢答“摇一摇等方式，调动学生课堂积极性，使学生对相关知识进一步强化。学生分组讨论碰到的问题，展示作品，在讨论中不仅能够一起面对解决问题，还能加强沟通沟通。网页设计与网站建设课程最重要的是实践操作，课上除了答疑解惑、分组讨论外老师能够布置一些相关的实践操作，学生分组完成，完成的作业上传到云班课，大家进行互评，学生能够在评分的经过中发现缺乏，进而进一步完善，同时也加深了对知识的理解。老师引导学生进行自我反思和总结，并开展自我评价，构建本人的知识体系。最后通过云班课中的“测试了解学生的把握情况。在这一经过中老师结合云班课及学生课堂表现，对学生存在的问题进行解答，同时不断调整本人的教学方案，适时进行教学整改，进而使教学效果最佳。2.3课后知识拓展，灵敏运用围绕网页设计课程的特点，需要学生能够灵敏运用所学，设计出精巧的网页，课堂时间非常有限，因而课后需要大量的练习与学习时间，老师根据教学内容布置开放的课题，学生能够自由发挥不同主题的页面，同时通过云班课的“讨论“消息“私聊模块，能够随时与老师进行沟通，实现线下与线上结合。这一环节中老师通过学生的反应以及云班课生成的数据，能够及时了解学生的把握情况，对于参加活动较少的同学予以重点关注，而经历值较多的同学能够布置多一些拓展任务，帮助学生进行深化学习。如图4所示。3“珍馐阁西点专题页标题制作混合式教学设计案例以（网页设计与网站建设）课程的项目三“珍馐阁西点专题页中的任务5制作“标题模块作为教学施行案例，遵循课前引导探究，自我探索课中答疑解惑，实践操作课后知识拓展，灵敏运用的形式，分为三个环节，课前探标题制作课中话标题制作课后拓标题制作。1课前探标题制作课前老师准备教学素材和视频，首先对页面的标题部分进行构造分析，分解标签，对相关标签进行讲解，然后制作页面标课中布置学习任务单，学生通过课前观看视频、完成学习任务单，对相关知识点及操作有了一定的了解，若存在问题则进行搜索解决或记录反应给老师，老师根据学生的问题及时调整教学内容。2课中话标题制作课堂教学中老师首先对学生的课前问题进行答疑解惑，如怎样控制标题块的高度，怎样控制字体加粗和倾斜等，通过问题的解答不仅能强化重难点，同时能够对相关内容进行拓展讲解。接着通过小组讨论、完成类似实践任务，让学生在讨论和实践中加强对知识点的理解，强化练习。最后对课堂练习进行小组互评，在互相的点评经过中发现问题，解决问题，进一步加深理解。老师巡视学生完成情况，同时通过学生上传到云班课的作业，发现问题，对存在的问题进行统一讲解。3课后拓标题制作课后布置拓展任务，使学生能够灵敏运用所学完成自定主题的标题模块。通过课后拓展，将课堂内容与详细工作实践相结合，真正做到知识的理解与运用。老师通过云班课中每位学生的经历值图表分析，能够明晰地了解每位同学的学习情况，对于经历值较低的同学给予重点关注。4云班课教学效果分析将基于云班课平台的线上线下混合教学与传统课堂教学进行比拟，基于云班课平台的线上线下混合教学有如下优点：1)优化教学内容，适时进行教学调整利用云班课平台进行教学需要老师对教学内容进行优化，完善教学资源，通过云班课中学生的反应及时对教学进行调整，而传统教学中，老师很难及时把握学生存在问题，因而教学是一成不变的，不能适应现代学生的要求。2)分享教学资源，实现随时随地学习云班课中教学资源丰富，通过网络学生能够在手机上利用碎片化的时间进行学习，同时能够进行反复学习，加深对知识的理解。而师生互动也能随时进行，通过老师及时的答疑解惑，使存在的问题逐一解决，有利于学生对知识的把握。3调动学习积极性，灵敏运用所学传统课堂教学中学生积极性不高，老师讲授枯燥无味，学生被手机吸引，而在云班课平台下，手机是学习的工具，老师通过云班课平台任务，学生通过不同的活动完成知识的内化，构建本人的知识体系，进而到达灵敏运用知识的目的。基于云班课的线上线下混合教学打破了传统教学的时间与空间限制，将教学贯穿于课前、课中、课后3个阶段。课前自学经过中，学生碰到问题能够借助云班课讨论，老师根据学生提出的问题再确定下一步的教学目的，及时进行教学诊改。课堂上通过小组合作、讨论沟通、成果共享、归纳总结等教学活动，促进学生个性发展，提升学生合作能力。课后，老师通过知识点测试和作业任务，增加学生练习时机，拓展学生视野，使学生能够灵敏运用所学。通过云班课平台，学生不仅在课堂上变得活跃，课后与教师互动增加，使学生的学习由被动变主动，课堂学习由原来的以老师为主变为以学生为主，教学质量得到提升。