前言：一篇好的文章需要精心雕琢，小编精选了8篇课程网站设计范例，供您参考，期待您的阅读。
课程网站设计范文1
《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
四、总结
课程网站设计范文2
艺术设计专业的网站设计课程应该包含界面设计与网站建设技术两方面的内容，学生应该通过该课程学会如何设计、制作网站，理解网站建设中艺术与技术的关系。本文结合当前艺术院校网站设计课程的现状对艺术院校网站设计课程的教学内容提出一些建议。
[关键词]
艺术设计；网站设计；教学内容
一、国内艺术院校网站设计课程现状
国内部分艺术院校开设网站设计课程已经有15年以上的历史。随着网络技术的发展与普及化，现代生活中已经很难离开这种媒体形式。网站作为互联网的“窗口”，向人们展示了精彩的世界，拉近了人与人之间的距离，也让人们在办公、娱乐、学习等领域越来越多元化。近几年电子商务带来的巨大利益，让更多的企业和个人把大笔资金投入网络市场，大量的网站相关的设计人员缺口和相对较高的待遇，导致很多在传统设计领域工作的设计师纷纷转入这个行业，很多学生也逐渐对这个领域感兴趣。网站设计课程也因为互联网经济发展导致市场需求大增。网站建设技术包括互联网基础知识、前台程序、后台程序、显示设备的一些基础知识等。网站建设技术是网站界面设计过程中非常重要的依据，单纯运用艺术设计原理进行网站设计有可能会给后期技术开发造成麻烦。例如，很容易在程序开发过程中实现不了，或者实现起来增加开发成本等。网站的界面建立在屏幕显示的基础上，因此，设计师必须了解像素等相关基础知识才能在设计开始阶段合理创建文档，从而进一步深入设计。网站是展示与交互的结合，网站建设不是单纯地把界面设计美观就可以了，了解相应的开发知识、交互技术特点，才能够有效地设计出美观、实用的界面。当前，很多院校对网站设计课程从教学方法、教学内容等方面进行了探索和改革。个别院校从师资配备上具有专业的技术教师，例如国内某美术学院在网站设计课程教学中分为网站设计和网站技术两方面教学内容，前四周为设计专业教师授课，然后是三周计算机专业教师授课。这种教育方式相比早期的网站设计教育有着本质的不同，让学生对网站相关知识了解深刻并且更具有专业性。还有些院校能够和企业合作，由企业派出技术人员参与教学任务的完成。由此可见，很多院校对网站设计的技术教学给予了足够的重视。
二、当今艺术院校网站设计课程教学内容
一个完整的网站建设往往都是由一个团队合作完成，包括策划、界面设计、交互设计、程序设计、运营维护等。很多专业都开设有网站相关课程，从授课内容来说区别比较大。例如，计算机专业网站课程主要从网站前、后台的程序方面进行讲解，而艺术院校则主要讲解界面设计原理与方法。但是近些年随着教学改革的进行，一些有条件的艺术院校增加了前台开发程序的学习。当今艺术院校网站设计课程大部分还是以设计为主，但一些有条件开设相关技术内容的院校教学内容主要分为两个部分。一部分是传统的设计方面的内容，包括网站策划、版式设计、色彩、图标、字体、图片等方面，有些内容在前导课程中有所学习，但是网站课程会针对网站的特点进行专门的版式、色彩等方面的训练。另一部分是技术方面的内容，主要讲解的是前台程序，包括HTML、CSS、JavaScript等浏览器端语言，使用的软件主要是Photoshop，AI，Dreamweawer等。如果条件允许，也会介绍一些后台程序的实现原理等方面的基础知识进行扩展学习。不是所有的艺术院校都会开设前台程序课程，有些只是讲解一下Dreamweawer软件的操作方式。网站设计作为一门应用性强、专业跨度大的课程，非常注重行业能力的训练，学生的实践过程非常重要。网站设计的实践能力不仅仅体现在设计、制作网站上，还包括团队合作、语言表达等方面的能力。教师一言堂的课程能起到基础的了解目的，但如果能让学生参与整个网站的制作过程，对于学生的理解和动手实践能力会有更大的帮助。
三、网站设计课程技术内容授课难点
艺术专业的学生掌握网站界面设计同时了解网络相关技术知识，对他的学习和今后的工作有非常大的帮助。但是，在实际的教学过程中，技术知识的讲解存在很多难点。
1.错误认识网站技术课程学习
对于一个成熟的网站设计师而言，他对于设计有了较深的理解，需要程序开发等技术知识来进一步提高他的专业能力。但是，很多艺术院校的学生设计基础非常薄弱，如果过多强调技术内容而削弱设计训练，让学生误认为学会了几个软件，掌握一些基础的前台开发语言就是网站设计，这样就本末倒置了。而有些院校对网站技术内容的理解不全面，把教学精力放在了软件和单纯的实验性的设计训练上，这样的教学不够完整，结果很可能就是纸上谈兵。所以，对网站技术的理解要系统化、专业化，并且能够主次清晰地指导学生技术和设计的关系才是正确的途径。
2.艺术院校技术教师配置不完善
有些院校对于网站设计技术学习有足够的认识，学生也愿意学习相关的技术知识，但是师资却成为了这类学校很大的障碍。现在，个别艺术院校配备的网站程序人员都是计算机专业出身，并且有些教师没有多少实践经验，也没有设计基础，如果他们只是单纯地讲解程序，设计与技术教学工作很难完美地衔接。而大部分艺术院校的设计教师对技术理解不够深刻，那么讲解给学生的内容更多的是实验性的训练，并没有太多的市场价值。
3.教学内容时间分配不合理
程序的学习是一个逻辑性非常强的过程，对于新接触这个领域的学生来讲，需要学习的知识过于繁杂。大部分艺术院校网站课程的课时设置都在40课时、48课时、64课时左右，而网站界面设计方面内容讲解也需要大量的时间，两者在时间分配上就得进行取舍。是平均分配还是哪方面内容占用更多的时间，这些问题都难以处理，导致不合理的时间分配。
4.Dreamweaver误区
艺术院校网站教学中，很多艺术专业教师本身对网站技术的理解并不专业，仅仅讲解Dreamweaver软件。客观来讲，这个软件对于设计师还是比较重要的，它能快速实现网站的前台效果。但是，学生如果不了解HTML等程序，只知道操作Dreamweaver软件的话，既不利于网站优化，也不能与后台程序员进行专业衔接。
四、从教学目的和市场需求方面调整课程内容的一些建议
1.树立网站设计课程界面设计与技术内容的正确关系
从艺术与技术的关系角度分析，拥有技术支持的艺术才能更加具有说服力，纯粹从设计内容出发进行教学对学生的实践能力提高并不大，而过于强调技术内容的重要性对学生的设计能力也没有什么帮助。因此，网站设计课程应该明确设计与技术的关系。设计能力的提高是艺术院校教学的基本目的，而技术内容则是提高设计能力的辅助内容。从市场需求来讲，很多公司在进行招聘网站设计师的时候，在需求中都有类似“熟悉HTML，CSS优先聘用”等信息，但是公司招聘的还是以设计为主的设计师而不是程序开发人员。因此，当艺术院校有条件进行技术授课的时候，应该让学生意识到技术的原理和对设计的关系，有能力的学生可以多学习一些技术知识，多参与到前台程序开发中，甚至了解一些后台程序的运行原理，以后和真正的程序人员进行合作也会游刃有余。网站设计教育中加入技术层面的教育能让学生从基础原理上理解一个网站的实现与特点，也为本科生今后专业水平的提高打下良好基础。下面简单分析一下主要的界面设计元素与开发技术的联系。第一，版式设计。网站界面设计中版式设计和技术的关系最为直接。最早的网站还不能加载图片，全是由文字构成，因此这时的网站就像一个Word文件，版式设计的局限性非常大。前几年，Flash网站盛行，当时使用Flash进行整站设计可以像PS软件操作一样，设计师可以直接操作软件工具进行各种自由的版式、动画、交互设计。现在，HTML5成为主流的“前台”语言，版式设计布局更加严谨、规整。随着技术的变化，版式设计的方式和特点都有着巨大的变化。当前主流的网站布局都能适应各种尺寸的显示器和不同的移动设备，主要原理是利用程序判断浏览者使用设备的分辨率来调取相应的CSS文件，使用最有效的栅格系统排版方式来调整版式排列，通过规范的矩形区块进行内容的组合。这种网站版式风格去掉了浮华的效果和随意的结构，也是现代市场上出现的网站大部分都很规矩的原因。技术的进步与变化，对设计的影响非常直接。第二，色彩。网站的色彩是基于显示设备进行展示，因此，设计文件一定是RGB的色彩模式。显示设备呈现的颜色比印刷色彩要明亮很多，因此，在网站色彩搭配时不适合使用大面积纯度过高的色彩。所以，学生在进行网站色彩学习的时候，不能仅仅依据之前课程的设计原理进行设计，也要考虑技术特点与设备特点等综合因素。第三，字体设计。字体的正确使用有利于程序开发，也有利于界面设计的效果展示。例如，正文字体一般不会使用特殊字体，而是普遍使用系统自带字体。如果要使用特殊字体，那么就需要做成图片或者在程序端进行相应的设置。所以为了更高效的开发，设计人员需要了解怎么使用特殊字体，什么情况下尽量不使用特殊字体。第四，交互方式。早期的复杂交互都是通过Flash动画等方式进行，如今使用HTML5的动画功能结合CSS，JavaScript进行复杂的动画、效果表现，交互制作的人员已经从设计人员变为前台开发人员。设计师虽然不需要直接制作交互动画，但是也需要对交互动画和网站动态展示技术进行了解，才能更好地配合程序人员完美、高效地呈现动态效果。例如，原来的分页功能现在普遍都展示为“瀑布流”的展示方式，因此在设计上就需要进行微调。
2.艺术专业网站设计课程教学内容的一些建议
第一，教师个人能力是影响教学质量的一个重要因素。从事网站设计教学的教师最好是熟悉网络技术知识的设计专业教师，纯粹的计算机专业教师在技术授课中很难有效讲解技术对设计的影响。在联合教学中，除非有相关合作经验的技术人员，否则单纯讲解技术并不能解决为设计服务的教学目的。相对来讲，从艺术学院自身的教师队伍中，挑选个别有天赋的教师强化相关的技术培训是比较容易实现的方式之一。不过，从学习时间和针对艺术生培养方向考虑，设计教师的技术培训一定要选好培训的技术范围和深度，建议以浏览器等前台基础语言为主进行学习，并深入理解网站建设的各个环节及原理，最好使教师有完成完整项目的经验。第二，一定要明确艺术专业网站设计课程的教学目的。对于艺术院校来讲，网站设计课程中技术的讲解最终还是为设计服务，艺术专业培养的学生最终应该是一个设计能力出色、懂技术、能跟团队配合的人才，而不是培养一个前台程序员或者一个只会纸上谈兵的设计师。因此，艺术院校的学生要掌握技术原理与基础方法，并能够为设计服务。第三，在教学时间有限的情况下，合理分配设计教学时间与技术教学时间。建议可以先进行技术教学，然后在学生对网站建设过程有一定了解的基础上，指导学生如何运用设计原理，在讲解技术的过程中也可以时刻渗透设计内容。具体在一门课程中按什么比例进行时间分配得依据学生的基础和对于两种知识的掌握速度。第四，技术授课内容要有取舍。网站建设技术范围非常广，前后台程序、网站优化、后期维护等方面涉及范围和语言非常繁杂。所以，教师授课内容不建议面面俱到，或者过于深入讲解，应该把重点放到与界面设计联系更加直接、相对简单的前台程序语言上。例如，讲解HTML、CSS，让学生理解设计对前台程序的影响，也让学生动手编写前台程序以加深认识设计过程中的注意事项。这样针对数学和计算机基础薄弱的艺术类学生，只要讲解清晰，也能让学生比较快速地掌握。如果授课时间充裕或者学生接受能力较强，可以根据教师能力和学生兴趣进行适当深入讲解。学习Dreamweaver软件时不要把全部重点放在软件本身的讲解上，可以把该软件作为前台程序的操作平台。第五，学生应该理解网站从设计到实现的整个流程。除了前台程序，尽量要让学生理解网站从策划到最终上线的过程与方法和所涉及的基础知识。如果有条件，最好让学生亲自进行一下网站建设过程中非设计的一些操作。在教学方法上，可以结合项目教学方法，作为教师一言堂的补充，并且让学生动手操作一些基础的网络设置，理解平时常接触的网站一般是如何实现的。让学生不但知道怎么进行设计，还要知道设计前与设计后的步骤，这样在今后的过程中才能更好地参与网站建设的过程。
结语
网站设计既离不开传统平面设计的基础，又与程序开发技术、显示设备等有重要的关联。想要学好网站设计必须要学习很多方向的内容，从设备、网络技术、设计原理、交互方式等方面深入理解、学习才能成为一个优秀的网站设计师。现阶段很多学生都是在进入社会工作之后才逐渐真正地理解网站的相关知识，这时再想学习一些深入的技术，由于时间、精力等多方面原因导致更加困难。所以，作为艺术类本科教育应该重视学生设计能力的培养，也要让学生掌握技术原理，在学生步入工作之前培养学生的综合能力。“知其所以然”才能让学生更专业地放手设计。在理解技术原理的同时，对设计有更深刻的认识，才应该是艺术专业网站设计课程的教学目的。通过对艺术与技术教学内容的合理分配，让学生成为一个精通设计、理解技术，能进行合作开发的专业人才。
作者：丛林 单位：哈尔滨理工大学
参考文献：
1.李涛,王伊蕾.《网页设计与制作》课程教学改革初探.时代教育,2015.9
2.郭恒川，李方方.网站设计课程教学方法改革创新.黑龙江教育（高教研究与评估），2014.5
3.魏容.高等院校网络媒体专业网页设计课程模块化教学探索.美术教育研究，2016.15
课程网站设计范文3
在以往的专科教学中，我校的《网站设计》课程都是由信息学院的老师讲授，而这恰恰不能凸显设计专业的特色，《网页设计》看似一门简单好学的课程，却往往得不到很好的教学效果，常常是学生学过之后，不能独立的进行网站规划和页面设计，对晦涩难懂的网页代码无可奈何。这样的问题产生，其实是是课程定位不明确而导致的。通过对我院艺术设计专业课程体系的认真分析，因此将本课程定位在以培养专业的网站前台设计师为目标，能够完成网站前台美工设计、flash动画辅助、客户端静态网页实现等工作。所运用的软件包括photoshop、firework、dreamweaver、flash等。
二、确定培养目标
学生通过学习，了解网站和网页的基本设计思想，运用所学的色彩及构图的基础知识设计出色彩搭配合理、网页风格突出、富有艺术审美、网站结构清晰、使用者操作方便的网站；学生能够熟练运用网站设计软件，合理利用版面构成的形式要素、关系要素、网页设计构图与视觉传达的关系，熟悉点、线、面、色彩、肌理等设计元素的基本设计方法，并在实践中能灵活运用，能独立完成网站的前台设计及静态网站的生成；对于不同内容和性质的网站能够设计出符合市场和潮流的网站，通过对本课程中每个具体项目的完成，学生能够规划、设计、制作网页，具体实现的能力目标如下：
（一）专业能力
1.能够使用photoshop进行界面效果图的设计，完成高质量的设计作品；2.能够使用flash制作与网站相关的动画，包括网站banner、广告等；3.能够使用firework对设计好的网站作品进行切片处理；4.能够使用dreamweaver生成静态页面。5.能够看懂简单代码，并利用其修改页面。
（二）综合能力
1.协调沟通能力：重视客户的意见及要求，善于沟通，不“为设计而设计”；2.协作能力：能够与团队成员合作融洽并积极主动的完成自己的工作；3.资料检索能力：熟悉各种网页设计资源并能快速检索、下载并整理；4.项目策划能力：能够对网站有宏观的认识，全盘策划，并具体执行；5.创新能力：要有创意，有自己独到的想法和开阔的设计思路；6.责任心：设计一旦开始，不半途而废，能够善始善终。
三、丰富教学方法
设计教育是要培养出领先于社会的人才，而不是被动地跟着社会的需求来培养人才。日新月异的时代对教师也提出了更新更高的要求，在学科教学方面我们不仅传授知识与技能，而且要使学生形成积极主动的学习态度，让学生学会学习，并逐步积累和提高创造性思维和处理问题的能力，为今后的就业和实现自我价值做一个好的铺垫，在这里介绍几种教学方法：
（一）作品赏析法
对于网站设计还没有概念的学生，与其罗列一堆晦涩的理论知识，不如从作品赏析切入课程。专业教师可积累一大批优秀的的网页设计，如按国家分类有欧美、日韩、中国设计师的优秀作品向学生展示并分析各自的特色；按照内容分类有：①门户类网站、②政府类网站、③企业类网站、④行业类网站、⑤商业类网站、⑥教育类网站、⑦娱乐类网站、⑧个人类网站、⑨BBS以及论坛类网站，展示时讲解不同的网站具有的不同艺术特色及特点。使学生对网页制作有具体的概念，建立起学习的兴趣和信心。在平时授课时，以鼓励和引导为主，不断提出问题：如果由你来做这个网站，哪些地方需要修改？如果你做一个网站该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做网站的想法，再在老师的帮助下梳理成一个比较成型的网站框架，接下来就是：怎么做网页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。
（二）协作式教学法
这种教学法对于培养研究能力和合作品质有重要的意义。以小组协作形式进行网页制作的实践活动，有助于学生在团队协作中克服困难，积极工作，完成制作任务。网页制作的主题可以由小组自行决策，教师作为场外指导。由于网页制作涉及到整体规划、内容整理、图形处理、页面制作等多个环节，采用小组方式可以让每个人负责自己虽擅长的那部分，这样一方面展现了学生个人能力，满足了学生的成就感；一方面也分担了网页制作的工作量，提高了学生的学习兴趣。另外，学生将来到企业中从事网页制作工作的时候，往往也是以团队的形式完成工作，所以通过小组形式培养团队协作能力，有助于学生在未来工作中提高团队意识，更好的适应团队工作。教师应该抱着开放的心态，尊重学生的设计思维和作品，注重培养学生的探索精神，教学灵活、多变，技巧上注重创意性、超前性。
（三）讨论式教学法
这种教学法的特点是通过师生之间、学生之间的有主题的讨论来实现教学目标，教学采用启发式，注重对问题的讨论。比如对于好的网站设计作品的案例分析，让学生发表自己的观点；或针对学生所作的网站设计作品开展优秀网页互评活动，提高学生审美和判断能力。设计是一种潜移默化的能力，并不能靠简单的知识传授就可以解决问题。所以，讨论式教学法可以让学生充分发挥主观能动性，积极地思考起来，以提高思辨能力和审美。
（四）个别化教学法
该模式的特点是以学生为中心，自学与辅导相结合。学生接受事物的速度有快有慢，对设计的领悟有高有低，老师不能千篇一律，应该对学生进行个别化教学，比如基础好、悟性高的学生可以提出更高的设计要求让其完成，而不会因为等待其他同学而浪费课堂的宝贵时间。
（五）学界业界互动教学法
理论联系实践才能出真知，在培养艺术设计专业人才时要更多地联系社会，了解企业发展、需求现状，而不是一味地闭门造车。寻找时间聘请相关专家和从业设计师不定期举行交流讲座，并就相关问题进行交流和讨论。学生们可以积极参与、各抒己见，无形中拓展了课堂学习的知识面，弥补了单一课堂教学的不足，使学生了解社会的需求。学生通过一段时间的学习已经掌握了相应的知识，这时候可以鼓励学生学以致用走入业界，比如：引导学生创建自己的网站，或走出学校，到设计公司做兼职设计。通过学以致用，首先可以提高学生综合运用网页制作技术的能力，其次可以进一步激发学生进一步探索网页制作知识的欲望，最后网站还可以成为学生自我展现、自我推销的舞台，有利于吸引用人单位的注意。
四、考核方式
本课程对学生的考核成绩不通过笔试进行，而以每个主题学习单元的考核作为一次平时成绩，每个主题学习完毕后，学生上交自己的作品，多次作业积累在一起形成平时作业。期末考核时，老师提前就相关主题告之学生，学生搜集相关资料，最后也以上交的设计作品作为考核依据。既要重视考核结果，如任务完成情况、关键能力的体现（如学习能力、创新能力、协作能力等）又要重视过程考核，包括工作态度（如出勤、回答问题等）。（本文来自于《大众文艺》杂志。《大众文艺》杂志简介详见。）
五、结束语
课程网站设计范文4
【关键字】CDIO；网站设计；范式改革
网站设计类课程是计算机类学生的一门重要的专业课。课程最终目标是培养学生的综合分析能力思维和应用开发能力，具有极强的应用性、实践性，从而为学生今后在经济和社会的开发工作打下坚实的基础。自课程开课以来，网站设计类课程知识点难度较高，内容比较抽象，在教学过程中存在教学内容比较分散、教学主线不够清楚、教学方法不够多样化、考核方式单一等问题。因此，为了改善教学效果，培养学生的自主学习能力和实际编程的能力，本文将引入CDIO教学理念对该类课程进行教学范式改革。
0网站设计类课程教学改革思路
CDIO是构思（Conceive）、设计（Design）、实现（Implement）、运作（Operate）的集合体，让学生以主动的、实践的、课程之间有机联系的，即“做中学”的方式来学习，注重培养学生的实际操作能力，为专业服务的原则。[1][2]课程主要思路是以CDIO教学理念为基础，在“教”、“学”、“做”一体化教学模式下，实施理论教学、实验教学和项目教学三个阶段。理论教学是教师讲授与学生实作共同完成。传统教学方法忽略了学生的重要性，理论知识讲授和实践联系不够紧密。因此理论教学过程中增加了学生实做，达到培养学生动手能力的目的。甚至改变传统按章节顺序讲解的讲授方式，通过案例匹配知识点的方式，极大程度地提高学生兴趣。在课堂中，教师以案例进行演示，通过学生的实际练习，巩固知识。实验教学更应注重学生实践能力培养。针对不同能力的学生，将每次实验设置为验证性实验、设计型实验及综合性实验三类。验证性实验是基础，要求每个学生必须完成。设计性实验具有一定难度，可针对具有一定程序设计能力学生。综合性实验主要是对教学内容的综合应用，问题规模较大，采用小组形式完成。这样不仅提高了学生动手的积极性，而且培养了学生团队配合的能力。重点以学生练习为主，教师可以根据学生实际情况进行答疑。项目教学是在教学中加入适合的教学项目，目的在学生综合能力的训练。学生可自由分组，采用团队合作形式完成网站开发。开发过程中学生可以根据所选网站进行分工，增加了学生的团队意识和沟通能力培养，加强其学习积极性。网站设计类课程教学设计如图1所示。综上所述，课程采用“1+1”的方式，即讲授+实作，讲练结合。各模块的知识学习后，教师通过项目教学法，要求以小组方式设计实现网站，并进行项目成果分享。这样，可以使知识得以整合，同时学生可以检验自身在这一阶段的学习成果，及时查找出问题，教师也可以通过学生的项目情况得到及时的反馈信息，进行知识的查漏补缺。
1网站设计类课程教学改革具体内容
1.1教学内容改革
考察目前社会对网站设计开发相关岗位的人才需求与高校毕业生质量不高之间的矛盾，分析本校学生先修课程，选取适合的语言、开发技术以及开发环境作为网站设计类课程教学内容，讨论配套教材。[3]在教学设计过程中，分析教材知识点的难易程度及各章的逻辑关系，应用实验设计法，设计一个典型网站，并按功能模块与教材知识点匹配，结合项目教学法分析与总结出本课程的教学改革内容。理论教学及实验教学阶段具体可参考表一。项目教学阶段按照软件工程开发生命周期进行教学。展示了五大教学内容，并根据理论教学内容，以任务方式设计实验目的、实验内容等，要求学生在规定时间内完成相应的验证性实验。并可根据学习情况选择设计性实验，提交设计报告，进一步促进发现问题、解决问题的能力，提高学生的动手操作能力。在实验过程中，教师需做好实验指导，让学生掌握实验所需知识。
1.2教学方式改革
由于传统以教师讲授为主，缺乏师生之间的交流和互动，制约了学生将理论与实践相结合的能力。[4]依据教学内容的不同，分析各阶段采用的教学方式，如案例教学方式、项目合作方式及自主学习等。对于理论教学阶段可采用案例教学为主加自主学习方式为辅，老师采用案例教学方式在班级集体授课，学习完每个知识点后由学生进行自主学习实践。对于实验项目阶段采用学生自主学生为主，教学对于学生进行辅导。对于项目教学阶段，运用小组合作方式进行网站开发，并分阶段汇报项目开发进度。
1.3学习评价改革
由于网站设计类课程实践性较强，传统理论考试的考核方式无法体现学生学习情况，因此对该类课程的考核应综合教师、学生和小组的学习评价方式。学习评价不仅通过网站作品来看，学生的学习过程和小组合作表现也应在评价的内容中。分析课程的网站成果评价、学习过程评价及小组评价的组成及所占比例。网站评价可采用组内评价、组间评价、教师评价，依据评定方式，设置其相应的评定标准。根据评价成绩的结果对项目评价方式进行分析，给予合理化建议，获得项目教学评价方式的经验。1.4教学反馈改革教学反馈是教学效果落实的关键，是学生反馈教师教学效果的有效手段。课程后期可制作调查问卷，分析学生对课程教学内容，教学方式的态度，为教学改革提供依据。有效的教学反馈将使教师及时掌握教学效果，对教学内容，教学方式等进行调整，查缺补漏，提高教学效率。
2网站设计类课程教学改革效果
本次课程范式改革从教学内容，教学方式，学习评价及教学总结等多方面进行，主要体现在以下方面。（1）“教”与“学”的统一。明确学习目标，在讲解知识性较强的内容时教师要发挥主导者的作用，引导学生进行知识的学习。学生以小组合作的形式进行项目开发，教师起到辅助的作用。没有教与学的明显区分，只有共同的学习目标。（2）建立多种教学组织形式。本类课程从教学体系、教学实践内容、教学方法等多方面进行改革，注重学生对于网站规划和设计思考能力的培养。教师采用不同的教学组织形式，充分利用各种手段、资源完善教学。（3）教学评价重视学生的学习过程，推进课程的良性发展。根据学生的学习过程、小组合作表现以及网站成果做出不同的评价，使评价具有针对性。总之，教学评价将走向结果与过程评价的相统一。让学生参与式的考核方式也极大地得到学生的认可。（4）强化实践环节的锻炼。通过实践环节，切实提高学生的动手能力，更好地培养和强化学生的创新能力，应用能力。通过各个方式调动学生积极性，让学生主动愿意学习，从而获得了经验和知识。并在项目实施过程中培养了学生积极创新和团队协作的精神。
3结论
网站设计类课程是一门操作性强且综合性强的课程，本文基于CDIO教学理念的“教、学、做”一体化教学模式的构建，将教学改革分理论教学、实验教学和项目教学三个阶段，各阶段选取合适的教学方式，并对学生成果采用网站评价、学习过程评价及小组评价综合的方式，多样化地让学生参与到项目中来，从而增强学生的实践动手能力。通过问卷调查及时了解学生对于教学改革的看法，完善教学改革方案，培养符合社会需求的应用型人才。
参考文献：
［1］陈静,张达敏,刘国敏.基于CDIO数据结构课程教学思考与改革［J］.高教学刊,2016(1):109-111.
［2］陈芳,王旭.基于CDIO的C语言教学改革［J］.科技视界,2015(2):96.
［3］汪小霞.基于项目化教学的《ASP动态网站》课程设计与实践［J］.教育教学论坛，2015.
课程网站设计范文5
PBL是1969年由美国的神经病学教授霍华德•巴罗斯在加拿大的麦克马斯特大学首创，强调学习要围绕着具体而复杂的任务和问题展开，鼓励学生自主学习、反思式学习，培养学生的高级思维能力。PBL最初主要应用于医学、护理学以及健康科学等领域，如今PBL已经广泛应用于多种学科领域。国外的PBL教学实施，无论是理论研究还是实践研究，都取得了丰硕的成果。国内对于PBL的关注，开始于20世纪80年代后期，目前还主要集中在对基础理论的研究和教学模式的改革方面。
2PBL教学模式的核心体系
虽然业界对PBL的内涵有着不同的解释，但超越具体的学科及实践领域，即可提炼出PBL教学模式的核心体系主要包括以下四个方面：(1)PBL的学习内容，是学生在其未来的专业领域中可能会遭遇到的具体而复杂的现实问题。因此，这些问题通常不再是单一学科中的问题，而可能是跨越不同的学科的非结构化问题。这些问题已经不能简单地套用原来问题的解决方法，而是需要在原有经验的基础上进行分析并加以解决。(2)PBL的学习形式，是以分组方式进行工作。教师根据实际情况，将学生进行合理分组，让组内的每个成员都有自己的具体任务，以培养学生的独立思考、深入学习、自主创新的能力。组内成员之间，通过交流分享学到的知识技能，通过协作共同参与问题的解决过程，以培养学生的组织管理、交流合作的能力。任务完成后，组内成员还要进行成果测评、自我评价、组内互评、组间评价等，以培养学生的反思能力、评测能力。(3)PBL的学习主体，是学生。PBL强调以学生为主体、以教师为引导。设计好的真实而复杂的问题情境，可以调动学生的积极性，令学生变身为独立的学习者、思考者、创新者、协作者，积极主动地投入到问题的解决过程中去。此时，教师则变身为策划、督导、技术支持、客户、评委等角色，对整个过程进行组织、引导、激励、支撑、监控、记录、评价、总结，协助学生完成问题的解决。(4)PBL的学习方法，是以问题为导向，以项目为基础。要求学生能够熟练掌握相关学科的知识技能，并且能够将这些知识技能自如地运用到真实的问题情境中去。让学生在解决实际问题的过程中，学会学习，学会协作，学会反思，构建自己的能力体系。综上所述，PBL教学模式的核心体系是“以问题为导向，以项目为基础，以学生为主体，以教师为主导”。
3PBL教学模式对教师的要求
PBL是一种新型的、开放式的教学模式。在它的整个实施过程中，对于教师的专业素质、学习能力、组织能力、沟通技巧、教学控制等方面都有很高的要求。PBL教学模式的展开，需要教师从行业调研开始，结合行业特征及大纲要求，查阅大量文献，学习各类相关知识技能。因此，在PBL教学模式中，教师花费在前期准备工作中的时间精力，会大大多于普通的课堂的前期准备工作，这就要求教师积极转变教学观念，适应新的教学模式。采用PBL教学模式后，某门课程就变成由(仿真)企业项目组成，而不再是简单教学案例的罗列了。这就要求上课教师，不仅要对本课程的所有知识技能扎实掌握，而且要了解行业内的项目组成与运作，还要熟悉其他相关学科的知识技能。要求教师，不仅要具备灵活运用知识的能力、提出问题解决问题的能力、谨慎严密的逻辑思维能力，而且要有善于调动学生积极性的能力、良好的组织管理能力、优秀的课堂节奏控制能力。在具体项目的设计过程中，教师应该熟悉课程的教学大纲和学生的能力情况，既要从宏观上掌握项目的选择、设计，又要对项目的每一个细节进行微观设计，包括这个项目可以分解为多少个子任务、每个子任务又分别涵盖了哪些知识点，能够培养学生哪些能力等。在具体项目的实施过程中，教师要积极配合学生，担当起技术支持、督导、评委等角色，帮助学生顺利完成项目。
4PBL教学模式的具体实施
在PBL教学模式中，教师将一系列（仿真）企业项目带入实训教学中。这些实训项目，不再是针对知识点进行设计，而是涉及多门学科多种技能的综合应用，涵盖了相关行业就业岗位的实际能力需求。以高职院校《网站设计与制作》课程中的项目“中小型企业展示型网站”为例：该项目的实施，涉及网站整体策划、图像处理、动画制作、布局设计、配色设计，以及网站制作相关技能的应用。如站点管理、DIV+CSS网站布局制作、JavaScript动态效果制作、模版统一制作子页面、网站、网站维护等各方面的知识技能。在PBL教学模式中，课程学习的形式，以分组方式进行。首先可以让学生自由组合，然后再由教师对学生的特长、能力等方面进行统一调配。一般每组以3～5人为宜，实训项目的具体实施由小组内学生分工完成，每组均设置一个小组长，负责本组的任务分配、进度监督等工作。在项目的完成过程中，各组都会遇到多种多样的问题，此时，教师要根据具体情况，采用提示思路、组织讨论、提出问题、提供资料、引导激励、评测效果等多种方式进行引导，帮助学生顺利解决问题。在项目完成后，各小组推选出一名学生，代表该组向全班同学进行作品的汇报展示。汇报时，要详细说明在项目所涉及知识技能、具体的分工协作、遇到的问题及其解决方案等，最后还要向大家说明作品的创新点及优缺点。其他组的同学可以就自己感兴趣的方面对汇报组进行提问。课程的评价体系，采用组内成员互评、组间互评、教师评价等多方面组成。在PBL教学模式中，学生变成了学习的主体，这样的转变，令学生的学习态度由“要我学”变成“我要学”。教师由教学的主体变成了引导者，在整个项目的实施过程中充当各类角色，辅助学生顺利完成项目。这样的转变，让教师的教学目的从“教会”变成了“会教”，不仅能够提升个人的业务能力，而且能够寓教于乐，在轻松愉快的气氛中完成教学。
5PBL教学模式实施过程中遇到的问题
在PBL教学模式中，教师除了需要具备基本的教学能力外，还需要对其所教专业的整个职业领域有比较系统的了解。但目前由于各类因素的影响，大部分教师的行业实践经验较少，对行业的认知也不够全面，这就影响到实训项目设计的合理性、真实性。另外，对学生来说，他们从小接受的教育都是以教师为讲课的主体，而在PBL教学模式中，自己突然变成了学习的主体，可能会无所适从。另外，在小组协作过程中，组员之间也可能会产生一定的矛盾，这就需要教师特别关注，尽量避免矛盾的产生。
6结束语
课程网站设计范文6
【关键词】网站设计开发；翻转课堂；教学
1翻转课堂概述
翻转课堂产生于美国，随着信息技术的发展，传入我国，目前在我国教育领域得到广泛应用。翻转课堂是相对于传统课堂而言的。传统课堂通常是课前预习，课堂讲授与互动，课后复习，将所学内容内化吸收；翻转课堂则是课前通过视频等学习资料自主学习、发现问题，课堂上主要是师生互动，小组协作，答疑解惑，完成学习任务，将所学内容迁移升华的过程。在计算机技术、网络技术、多媒体技术、通信技术等多种技术大发展的背景下，更多学习者习惯于混合式学习模式，即将网络学习与课堂学习相结合。翻转课堂以其学习时间灵活、更能满足个性化的学习需求、更能培养学习者的探索精神和创新能力等优势越来越受到广大教育者和学习者的喜爱。
2网站设计开发课程的特点，非常适合翻转课堂
网站设计开发课程为高职计算机网络技术专业的核心课程，也是一门实践性非常强的课程。本课程旨在培养学生从事网站设计公司的网站设计、开发、管理与维护过程中所需的开发环境搭建能力、编程工具使用能力、语法掌握能力和基础编程能力，是学生顶岗实习前必修的核心课程。学习本课程之前的先修课程有程序设计基础、静态网页设计与制作，数据库应用技术、JavaScript程序设计、图形图像处理及二维动画效果制作等。在对本课程进行教学设计时，我们采用任务驱动的项目式教学法，即通过一个真实项目（留言板系统的设计与开发）的需求分析、总体设计、数据库设计、基本框架、各功能模块的设计与实现、系统的测试、及维护全过程的学习提高学生综合运用所学知识技能解决实际问题的能力。结合本院学生的实际学习情况，大部分学生理论知识掌握欠缺，动手操作能力较强，学习的主动性不强，遇到困难容易放弃，学习的兴趣需要通过精心设计学习内容及学习环节来激发。最终决定采用翻转课堂实施教学。
3基于翻转课堂的网站设计开发课程具体的设计与实现
3.1学习准备
翻转课堂非常重要的一个环节就是课前学习资料的准备。在学习本课程时我们采用的技术平台是Apache（Web服务器）+PHP+MySOL（数据库），将整个学习任务分为九大模块，分别是搭建留言板系统项目开发环境、撰写留言板系统项目系统文档、留言板系统数据库设计、留言板系统数据库访问层设计与实现、留言板系统后台用户管理模块设计与实现、留言板系统后台栏目管理模块设计与实现、留言板系统后台文章管理模块设计与实现、留言板系统前台页面显示模块设计与实现和留言板系统安全控制与部署。根据每一模块的学习任务，准备相关的视频学习资料和文字学习资料。视频学习资料主要包括教师录制的微课和网络上已有的视频学习资料。文字资料包括学习任务书，电子课件、讲义、学习网站网址及优秀系统开发案例等，除此之外，专门有一张电子版的统计表，用于统计学生课前预习所使用的学习资料，如看了哪些视频、课件、讲义、学习网站，除了使用老师提供的学习资料，有没有自己发现并使用的一些学习资料、在课前学习时有哪些问题是自己解决不了的等等。
3.2具体学习过程
课程学习的第一堂课一般都非常重要，第一堂课要介绍本课程在本专业中的地位及作用、整门课程的总体安排、学习方法、考核方法、学了以后可以完成哪些工作等，让学生很清楚学了本门课可以干什么。在本课程的具体学习时第一次课主要是回答以上问题，目的是激发学生的学习兴趣，增强学习的动力，并提出问题让学生自己找一些自己认为优秀的网站参观学习并做好准备在下次课时展示给其他同学。第二次课根据第一次课教师的讲述让学生讲述他对网站的认识，同时做一个小测试，测试学生的学习准备情况，主要是先修课程的掌握情况，将学生分组，并确定组长。前两次课采用的还是传统课堂的教学方式，从第三次课开始正式进入翻转课堂。
（1）课前学习
每次上课之前教师通过QQ学习任务书及相关学习资料。学生根据学习任务书观看学习视频和文字学习资料，学习视频一般分为必看视频和辅助视频，学生根据自己的学习情况选择视频观看，重要的是记录自己的问题。每种学习资料不是每个学生都要看，而是在学习任务书中表明如果此处有问题那么需要看哪种学习资料，教师需要提前想到可能有问题的地方，提前给出解决问题的方法，当然这些主要是一些共性的问题。
（2）课堂实践
网站设计开发是实践性非常强的课程，在课堂上最重要的还是实际操作，编写代码。课堂学习环节一般分为三个环节。第一环节教师提问，了解学生课前学习情况，每次课指定一到两组学生派组长或组员回答问题，教师根据学生的回答情况讲解相关内容，如理论知识、算法结构等，时间一般控制在15～20分钟；第二环节学生操作环节，根据学习任务书编写代码，实现具体的功能模块，理解算法、语法、语句结构等，时间一般控制在50～60分钟；第三环节交流讨论环节，根据学生的完成情况，由组长总结发言，分享好的做法、思路及存在的问题，教师总结，帮助学生内化吸收所学内容，构建知识网络，从而使学生更容易融会贯通、灵活运用，时间一般控制在10～25分钟。
（3）课后反思
教师根据各小组学生学习任务的完成情况，对掌握情况比较好的小组布置一些提高性的任务，对掌握情况不太好的小组布置一些同水平的补充练习，同时建议每位同学写学习日志，哪怕简短的几句话，总结自己的学习成果和不足，该功能可在学院网站的学生信息门户实现。
4结语
在互联网大发展的时代，教育信息化、网络化是必然趋势，也是必然结果，与之相对应的就是学习方式的信息化、网络化，教学形式的信息化、网络化。翻转课堂正式在此种背景下产生的非常适合当下课堂学习的教学模式。翻转课堂能够让学生更多地参与课堂活动、更多地主动去学习、更多地实现学习的自主性和个性化。网站设计开发是强调实践性、操作性的课程，主要培养学生的软件工程思维、项目开发能力、团队合作能力，非常适合使用翻转课堂进行教学和学习。本次实践也发现一些问题。首先翻转课堂对教师的要求更高了。教师需要对教学过程进行更为精细的设计，视频的选用要恰到好处，尽量把可能出现的问题都考虑清楚，做好相应的应对策略；教师需要更加精通教学内容，在实践环节和互动环节能够准备把握学习的重点和方向，及时纠正学生的错误，引导学生向正确的方向前进。其次翻转课堂对教学设施提出了更高地要求。翻转课堂的课前学习环节非常重要，学生要观看学习视频、查阅资料、讨论交流，这些最好都需要有网络平台支持，因此如果学校有学生学习服务支持系统，运用翻转课堂教学效果会更好些。
【参考文献】
[1]刘海霞.高职教育的使命与高职教师的责任[J].高等职业教育.第23卷第6期.2014年12月：7-12.
[2]余肖生，易?.基于PHP的开发环境搭建与网站设计实现[J].重庆理工大学学报(自然科学).第25卷第3期.2011年3月：74-77，101.
[3]唐琳，李彤，肖大薇.基于翻转课堂的Java开发实践课程教学设计[J].计算机教育.2015年2月.第4期：103-106.
课程网站设计范文7
关键词：新工科；OBE；教学模式；考核模式
为深化工程教育改革，推进新工科的建设与发展，2017年2月，教育部了《关于开展新工科研究与实践的通知》，要求高校根据国家发展战略的人才需要，对工程教育的新理念、新模式、新结构、新质量与新体系等进行研究，深化工程教育改革，由此开启了“新工科”研究与建设之路。“新工科”人才不仅能运用所掌握的知识分析、解决现有的问题，也有能力运用新知识、新技术解决未来发展出现的问题，对未来技术和产业起到引领作用。“新工科”人才是适应能力强、实践能力强和创新能力强的高素质复合型人才。
一、课程现状分析
随着信息技术和网络技术的迅猛发展，信息进入了互联网+的时代。互联网成为了信息展示的主要渠道，网站设计也迎来了快速发展的契机。当前我国大部分高职院校在关于网站设计人才培养方面表现出来的现状是目标定位不明确、内容老旧以及实践环节各知识点孤立、片面，导致培养出来的毕业学生工程实践能力差、综合素质低，不能满足行业企业的实际需求。因此，如何重新制定课程培养目标、更新课程内容体系、创新教学模式和考核模式以及培养具有创新创业精神和能力的复合型新工科网页设计人才，是当前亟须研究和解决的问题。
二、基于OBE理念构建新工科人才培养目标
OBE教学理念起源于美国，20世纪80年代，美国学者SpandW.D提出这一教育理念。OBE教学理念是一种依据学生预期达成的最终学习成果反向设计课程体系的教育模式，是以成果为导向的教育方法。以“新工科”建设为指导思想、以OBE教育理念为导向，结合网站开发的发展趋势，走访相关企业，充分调研相关企业对网站人才知识、素质和能力的需求，同时结合长春工程学院高职人才培养目标，确定本课程的应用与开发能力目标。通过该课程的学习应使学生了解网页设计的正规流程，掌握网站策划、站点管理、表格布局、DIV+CSS布局美化、模板与框架的使用、特效代码（javascript）运用、简单二维动画制作和图片制作修改等基础知识，使学生具备网页项目综合设计能力与优化能力、良好的团队合作能力、沟通能力及创新能力等。网站开发各阶段对应主要内容及能力点如表1所示。
三、根据学习目标反向设计面向新工科人才培养的课程内容体系
以“新工科”建设为指导思想，结合OBE教育理念，以学生“学习产出”为导向，依据课程能力目标，对网站设计课程进行全面审视，更新、整合课程内容，合理调整课程的知识框架结构，构建先进、实用、规范和针对性强的课程内容体系。并在后续实施阶段不断完善整合教学内容。课程内容体系目标点如表2所示。
四、构建“项目植入贯穿课程，能力逐级递进”的教学策略
为提高学生对知识的理解能力和综合运用能力，在教学过程中构建“以项目开发”为主线，以“知识目标”和“能力目标”培养为双翼的教学策略。课上采用问题启发式和以实战项目为载体演练的教学思路，项目中逐步学习课程能力目标规划的各知识点，强化学生对整体知识的综合运用，避免知识点内容孤立、零散、缺乏延续性和整体性；学生在完成项目的同时也逐步提升了自主学习和解决问题的能力、实践和创新的能力以及团队沟通和合作的能力。课程围绕某汽车企业宣传网站，将整个案例开发过程中涉及到的所有知识点分解到各章节、项目的各模块，从网站的需求分析开始，到网页内容设计阶段，再到网络动画、图片设计与制作阶段以及最后到网站程序开发阶段和网站运营与推广阶段，不断扩充各个知识点，逐层深入、逐步完善整个网站的功能。在整个教学环节中，学生从制作一个整体网站开始学习，逐步完善整个网站的功能模块。这种教学方法循序渐进、由浅入深、由简单到复杂，不但使教学内容的过渡更加自然，衔接更加紧密，更增加了学生对于网站开发的总体认知和把控能力。课程教学策略如图1所示。
五、采用“互联网+教学”，构建线上线下混合式教学模式
课题组结合互联网+总结了各种案例，利用超星平台制作了在线课程，课前提前录制好教学课程视频，并对应设置每节课的课程思考，让学生带着问题看视频；课上对本节的重难点进行回顾讲解，解答学生普遍存在的疑难问题，并对学生知识掌握情况进行分析、总结；课后让学生完成单元测试、实验任务和课后作业等，使学生随时、随地自主预习、复习。混合教学模式打破了传统以教师为中心授课、学生被动听课的模式，更加注重学生的学习过程参与度，从而提高了学生学习的主动性和积极性，促进了教学效果的提升。线上线下混合教学模式采用六步教学法，“学—思—问—讲—做—汇”。这种循序渐进、环环相扣的教学方法，可以让学生理解掌握课程基本内容。“学”：让学生带着本节课讨论区中的“课前思考”问题，观看学习通中录制好的视频内容。“思”：在观看视频的同时，不断思考讨论区中的问题，“学而不思则罔，思而不学则殆”，学与思相结合，才能真正理解知识。“问”：为了更好地了解学生对本节重难点内容的掌握程度，教师会针对主要内容进行归纳提问，如：“常见的网页布局类型有哪些？”“如何使用DIV+CSS完成网页布局？”使学生快速回顾整理线上核心内容，巩固所学知识，“温故而知新，可以为师矣”。“讲”：对于重点问题或者比较难理解的问题，重新梳理知识点，以启发、举例和讲解等多种方法进行阐述，使学生加强理解。“做”：在学习通测试小任务，设置测试时间（如10分钟），使学生在有限的时间内积极思考，认真分析，加强理解视频内容；布置课堂项目案例，给出网站界面设计效果图，让学生运用所学知识点设计完成。“汇”：在本节课的最后几分钟内，让所有学生对本节所讲内容进行知识点梳理，对存在的疑惑进行提问，针对问题进行进一步讲解、总结。
六、改革实践教学，注重学生实践、创新能力的提升
（一）构建“赛课结合”的实践教学模式。在人才培养过程中，选择一些适合的竞赛，植入课程任务中，在讲解理论课程、任务实践的同时，将实践成果参与竞赛，可谓一举两得。以赛促学、以赛促练，努力做到教学与赛场的紧密对接。如鼓励学生参加“互联网+”创新创业大赛、“网页设计”大赛和“网店设计”大赛等，学生既锻炼了实践能力，又获得了荣誉证书，从而调动了学生学习的积极性，提升了学生的自信心，也提升了学生学习的深度与广度。探索以竞赛促进网页技能人才不断提优的培养模式，缩短学校培养的人才与企业要求的人才之间的差距，实现学校和企业之间人才知识能力结构的无缝连接，满足社会需求。
（二）以学生能力为梯队，建立课程实训团队。小组改革实践教学模式，课程实训环节摒弃以往千篇一律的教师命题方式，采取根据学生能力和兴趣爱好自由选题的方法，教师对选题进行把关和指导。学生对选题先进行调研，然后由指导教师对选题进行审核。最终，教师和学生一起对选题进行讨论并形成设计文档。在这个过程中充分发挥学生的主观能动性，激发学生的创新思维。如在课程实训环节，可以根据学生层次和能力水平建立梯队，由几个学生组成一个小组，小组人数一般控制在3~5人。小组选出组长，组长负责组内事务并和指导教师进行联系，对组内成员进行分工和组织。组内实现“传帮带”的学习模式，实现知识和技能的可持续传递。通过尝试，我们发现这种组织形式一方面减轻了教师的指导工作，同时也能培养学生的自我管理能力以及协调能力，取得了很好的教学效果。
七、创新考核模式
对学生学习产出进行评估，并应用评估结果推动课程培养目标持续改进，建立有效的教学质量评价和持续改进机制，形成“评价—反馈—改进”闭环系统。针对网站设计课程知识点和能力点，设计学习任务、课程考核方式和评分标准，建立基于过程的、多元合理的OBE教学考核体系，从而有效地保证课程知识与能力的达成，特别是综合运用相关知识对网站设计、开发能力的考核。课程OBE教学考核体系包括：项目考核（20%）、能力考核（10%）、平时过程考核（10%）以及期末考核（60%）四个方面，通过这四个方面全面评价学生的专业能力和职业素养。
八、结语
课程网站设计范文8
关键词：对分教学法；教学方法；对分课堂；教学评价；对分易教学平台
网页设计既是内容的表现，又是艺术的展示。优秀的网页是内容丰富、色彩合理、布局美观。利用对分教学法提高学习效率，改变学生的学习观念，减轻教师的负担，本人做了以下的实践探索。
一在教学设计上结合学生感兴趣的生活实例
（一）导入网页增强信心，激发学生的学习兴趣
学生是学习的主体。教学中教师应引导学生感兴趣地学习，发挥学生学习的主动性与积极性，引导学生积极思考与探索问题、自主发现原理、掌握新知。首先，本人让学生自行欣赏一些网页，让学生设想：假如我做的话，我会如何做？然后，展示历届学生的优秀作品，旨在激发学生学习这门课的兴趣，增强学习信心。最后，从网站的整体构思、创意、色彩、整体效果等审美角度分析，拓宽学生视野，掌握复杂的网页设计代码，制作满意的网页效果[1]。
（二）网站素材来自学生的兴趣点，培养学生认真学习的态度
刚开始学习这门课程，学生往往在网页上乱插图，把好端端的网页弄得非常难看，看着网页很难达到正规网站的效果，有个别学生会失去信心，对学好网站设计这门课也没有把握。针对这种情况，本人亲自设想一些网页的布局，让学生模仿着进行设计，同时对于自主创新的同学给予很高的评价。学生喜爱看小说、网购、看视频，本人让学生上网搜集小说、网购、视频等网站，模仿做出首页。学生应用新的知识解决实际生活问题，从而拥有极大的学习兴趣和热情。例如把自己的视频作业放在网页上。
（三）按教学需求随时调整教学内容，使学生掌握的知识系统化
有经验的教师会根据教学需要调整教学内容，以网页实例展开教学，学会选择网页布局，再学会处理网页内容。“网站设计的本质就是一门选择的艺术。”首先，讲授网页布局内容选择，穿插网页色彩处理、介绍工具的使用、应用特殊的制作效果，这样不但能够调动学生的学习兴趣，还可以让学生慢慢地对知识点进行积累。其次，立足于网站整体结构、布局知识点，把网页代码放在综合网站实践中，让学生在综合实践中体会、理解代码[2]。
二在教学内容中采用的素材来源于学生的原创
（一）学习素材来源于学生的原创
开学初，让学生拍摄感兴趣的照片和视频，作为自己的网站素材，通过对分易教学平台共享优秀的照片。在选择网页素材方面，与兴趣一致的同学组成学习小组，展开网页设计的学习、探讨、互帮互助。教师鼓励学生参考实例网页的布局和代码的制作，把实际生活问题通过网站来展示。
（二）借助小组“亮考帮”提升学生实践
实践课堂的教学组织和教学效果的好坏，直接关系到整个网站设计课程教学质量的高低。引入小组“亮考帮”机制，通过讨论，巩固知识点，解决实际问题。在上机实践中明确任务，课前预习、课中精讲留白、课后讲评、及时总结、反馈等。
三在教学方法上选择对分教学法
本人使用对分的原因是听到张教授说的一个词：“偷懒”。在近两年的教学实践中，本人采用对分教学法上课，学生的学习主动性更强，学习气氛更深厚，学习效果也有明显提高，本人在上课中感到轻松、愉悦[3]。
（一）认识对分教学法
1.对分简介。2014年春，对分课堂在复旦大学本科课程上初试成功后不胫而走，不到三年就传遍全国。2.对分课堂特点。①融合讲授法和讨论法，重构传统教学模式，培养核心素养，有效提升人际交往能力；②简明易懂、好学易用、普适性强，不同类型学校、不同资历教师、不同规模班级、不同领域课程均可应用；③充分发挥学生主动性，个性化学习，深度学习和创造性学习，提高学习效率，显著提升考试成绩；④显著减轻教师的教学负担，带来轻松、愉快的教学，让青年教师迅速提升教学能力，让资深教师打破瓶颈，进入教学艺术新层次。3.对分课堂的核心。需要教师灌输，但只能占用一半时间，另外一半要留给学生。4.对分课堂的教学模式。①讲授：对分的讲授原则主要是精讲留白；②内化：静心回顾讲授的内容；③讨论：围绕本节讲授的内容进行讨论、吸收；④对话（课后作业）：作业是讨论的基础上整理、并提出反思学习。在学生讨论中开展“亮考帮”。其中“亮闪闪”是指情感投入到你的学习知识点；“考考你”是指学生懂的问题提出来，供其他同学一起学习；“帮帮我”则指学生提出问题，设置场境。
（二）利用对分教学法在课堂上的实践
简单地说，利用对分教学法只是在原上课的基础上增加三个步骤：内化、讨论、分享。在实施对分教学法中，年轻教师有困惑，无法很好地融合自己的教学风格。本人认为：当教师想“偷懒”就对分，而网站设计的实操学生会产生疲态，一次课中用半节课作对分是非常合适的。有教师疑惑：在讨论过程中，会不会永远是成绩好的同学主导?…在讨论过程中，会不会总是成绩好的学生的“亮考帮”最突出?在全班交流时每组的代表作变成成绩好的同学的“亮考帮”。本人认为：给适当的奖励机制，差生更积极些。那么给予什么奖励机制呢?我的做法是：分数+学分。参与一次打上一个勾，一个勾点2分，一个学期累积成总分。分小组一起“亮考帮”，一个人负责输，其他三人负责讲，个人的“亮考帮”可以不做。若不参与讨论的同学，要单独上交一份“亮考帮”，学生宁愿参与讨论，讲讲就可以有分，谁会嫌学分多而不参加？我从不限制他们提出的内容，我会及时在全班上分享他们的问题，渐渐地无关问题就不会出现。有没有参与“亮考帮”的学生，教师巡查一遍心中就有数了。输入“亮考帮”的人不一定是组长，因为组长负责整合小组上课上交的作业，例如网站、图片作品、项目实操等；组长还需负责组员的评分。组长是他们选举产生，分组是先自由组合，然后再由教师微调。分享是代表小组分享，我的课不存在个人分享。知识技能问题由正课代表分享、辅导解决。纪律、登记完成情况、打勾由副课代表负责（可能是全班学习最差的同学担任）。刚开始不一定每节课对分，会影响进度，本人觉得开始时一个单元对分，等学生熟悉了流程，再半个单元对分，很熟悉的情况下就可以随时对分、随堂对分[4-5]。
四教学评价在“对分易”教学平台上实施
教学评价是对学生整个学习过程的监控，是管理学生学习的过程。网站设计课程的评价方式本人主要采用教师评价、小组评价、学生互评和学生自评这四种形式。实操时学生把作品发到“对分易”教学平台，课后可以通过手机随时查阅、对全体学生的作品做出评价，评价结果自动发送给学生；课堂上针对个别学生的作品进行评价，评价不是评论学生作品的优劣，而是指出问题、不断完善网页。通过小组“亮考帮”的讨论、提交，全班同学相互交流评价，学生对网站的认识会更深刻，以互评方式共享学习成果，从学生的角度发现问题以及提出改进意见。在开展同学之间的互评，鼓励学生自我反馈、评价；这种方法既让学生学会了评价他人，也学会评价自己，因为学生在评价他人时，必须自己先做出判断，不符合常规、在哪里错、错在哪里？经过不断训练，培养学生的反思能力，促进学生的自我发展和自我完善。
五结语
本人担任全校基础最薄弱的班（17计网2C班），全班30人，在网站设计课程都做出自己的作品，期末在全班面前做了演示和讲解。优秀率38%，及格率达100%，超过了全校的优秀率（22%）和及格率（92%）。学生的学习积极性高，100%的学生参与设计及讨论。总之，网站设计的目的是为了让学生能够拥有自主设计创新的能力，辅助他们在网站设计上实现思维创作的自由翱翔。教师在使用对分教学法不要给自己压力，驾驭课堂，掌控课堂节奏。
参考文献
[1]张丹平,王金平.网页设计课程的研究性学习模式初探[J].江西教育科研,2006(11):74-75.
[2]刘锁仁.高职网页设计课程教学研究——网页设计的三个原则[J].科教文汇(下旬刊),2011(7):170-172.
[3]王欣,修靖慧.“对分课堂”教学法在管理学教学实践中的应用效果研究[J].智库时代,2019(18):185+187.
[4]宋晴.“对分课堂”:高校课堂教学模式改革实践与思考[J].教育现代化,2019,6(55):57-58.
