网页制作课程设计总结精品(七篇)

序论：写作是一种深度的自我表达。它要求我们深入探索自己的思想和情感，挖掘那些隐藏在内心深处的真相，好投稿为您带来了七篇网页制作课程设计总结范文，愿它们成为您写作过程中的灵感催化剂，助力您的创作。

篇(1)

关键词：工学结合；网页设计；岗位能力

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0228-01

在国家示范性职业学院的基础上，围绕计算机网络技术产业对技能型人才的需要，以校企共建为载体，实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准，深化课程改革，探索了应用基于工作过程理实一体化教学的课程体系设计。

一、职业岗位分析

由行业、企业、专业骨干教师组建专业建设指导委员会，调研产业集群，对职业岗位技能需求情况进行分析，确定职业岗位核心能力，按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析，并对一些网站建设类企业的职业岗位调研，确定本课程职业岗位为网页设计与制作员、网站管理员。

二、确定职业岗位核心能力

分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位，要求了解网站的开发流程，熟练使用网页设计软件编辑与制作网页；能够合理布局网页。

三、课程教学目标

课程的教学目标，体现与职业岗位的无缝对接。改变知识点集合式的教学目标，结合职业岗位技能加入到教学目标中，将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力，以适应职业岗位的要求。

（一）知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标，使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素；强化网页美化与修饰的技能，会使用行为和特效修饰网页；掌握CCS层叠样式表的使用；掌握网站新闻和图片的更新等日常管理与维护技巧。（二）操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能；灵活运用所学网页制作工具的能力；对页面细节的调节技能；合理运用模板与库等工具，优化网页制作的过程；提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力；主动学习的能力。（三）职业素质目标。培养学生具有良好的职业道德与敬业精神；培养学生的沟通能力和团队协作精神，具有组织、计划、协调与协作能力；培养学具有良好的心理素质和克服困难的能力，具有分析问题、解决问题的能力，具有较强的沟通和交流能力。

四、课程教学内容

（一）课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则，参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计，体现贴合职业岗位技能需求，模拟实际工作过程的课程设计理念，以企业真实网站设计项目为载体组织教学内容，采用基于工作过程的任务驱动教学方法和手段进行实施。（二）分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析，将网页制作这一工作岗位需要的技能总结为，用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。（三）课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先，选取知识技能覆盖面广，项目过程完整的企业项目。然后根据学生的认知过程，将网页制作职业岗位所需的技能进行分解，嵌入到网页制作的项目中。最后，将整个项目划分成教学任务。

五、课程的教学实施

（一）建立任务情境。教师首先布置本节课程要完成的教学任务，要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时，教师首先将完整的任务网站展示给学生，告知学生学习后能取得的成果，激发他们学习的热情，同时引导学生思考如何利用这样的平台制作自己的网页，由此确定课程的总体任务――建设一个完整网站。（二）分析任务提出问题。在每一教学单元之前，先提出本单元要完成的网页制作任务，提出之后，先让学生对任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题。其中，一些问题较为浅显的问题，学生通过主动学习就能解决；另一些是任务中包含的新知识点中的难点，学生要通过认真的研究、分析才能解决，强化学生独立解决问题的能力，培养学生从新的角度去看旧问题，丰富学生的创造性和想象力。（三）学生完成任务。探索研究问题提出后，教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识，通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识，并将所学知识融会贯通。（四）任务评价与总结。在整个任务完成后，教师对学生的完成情况进行总结，强调普遍出现的问题或错误，演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度，解决问题的能力和创造性的发挥以及获取的知识的情况进行监督，对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导，做到因材施教。

六、考核方法

主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况，占总成绩的30%；以及在完成过程中的表现情况，占总成绩10%；期末考核采用笔试、上机操作与作品相结合的方式，每个部分各占总成绩的20%。

七、结束语

篇(2)

关键词： HTML5；语义；经验推导原则；目的教学法

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）05-1249-02

1 开设该课程的必要性

1.1 就业的需求

电子商务专业自设立以来，经历了互联网经济从无到有、从泡沫到低迷再到普及的全过程，做为一个并不年轻的专业，关于课程改革的争论也从未停止过。关于电子商务是偏重于商务知识还是偏重于学习计算机专业技术，作者的看法是计算机技术的学习仍然不可被削弱。传统营销类专业对商务行业的学生培养已经够多了，再在电子商务里过分强调商业知识的学习显然于专业设定的角度上存在不小的问题，再者相当多的传统经济手段比如网络营销、网上结算等方面已经离不开互联网的支持了，尤其最近几年，围绕互联网经济产业的就业群体虽然不断扩大，但是毕业生的总体素质却流露出略有下降的特点，企业的要求，应届毕业生少有符合要求的表现。这正是由于过于偏重于理论知识的学习，很多学生实际工作能力接近于零，坦白说当下毕业生会用办公软件的都是少数。

1.2 课程设置的落后性

由于互联网技术的发展速度日新月异，学校设置的课程总是偏向于“当下”，而没有着眼于“未来”，往往体现出某种程度上的落伍感，在学生还没毕业的时候，往往课程内容已经过时，用不上了。这种学校学习与未来毕业就业的“断档”现象还会继续持续相当长的时间。本门课程作为一个课程改革的试点，进行了与未来接轨的教育模式方面的探索。

电子商务专业历来注重计算机网页技术的课程学习，每个院校几乎都将其设置为核心课程。作为就业方向之一，电子商务专业每年都能向社会输出一定数量的网页制作、维护专门人才。电子商务专业的特点决定其在网页制作的学习中更偏重前段设计。现今的网页制作课程几乎都是在HTML4网页标准基础上进行的学习，而该标准是上个世纪90年代末期制定的，一定程度上已经落后于科技的发展。很多学生毕业就陷入在了不停学习新知识的漩涡中，久而久之很多都放弃并转行了。虽然最新的HTML5标准部分内容尚在制定中，但是其很多已经定义成熟的语义标签已经被很多主流浏览器全面支持（非100%完全支持）。在信息时代，我们在教学活动中对学生的培养应该着重于学生未来毕业所需，不能仅仅停留在基础理论的讲述和相对落后的相关知识内容的传授上。

本门课程应传授学生HTML5的入门知识，同步网页设计科技的新趋势，让学生在就业中“跟得上、学得快”。

2 新课程在知识结构中的位置

电子商务计算机方面的课程主要分为两个方面：培养学生的日常办公能力和应用互联网络的一般技能。其中，日常办公能力主要由办公软件、网络工具的运用等组成；网络基础知识则包含了计算机网络基础知识和网页设计与制作等课程。在课程结构上，网页制作和图像处理基础知识位于网页制作技术的最底端，包含了进行单个网页制作的基础内容、对网页或广告中的图像的添加、处理和修改等等内容。在网页制作课程的基础授课内容中，已经可以涉及到部分简单的HTML4标准的语义标签了，因此可以方便接续HTML5升级后的语义标签进行知识拓展。

网站建设课程为偏重编写程序的递进知识内容，将HTML5的内容放置在其前面，正好可以针对HTML语义新标签进行新知识的升级讲解，实现环环相扣的递进关系。

在现有的知识框架中进行一定程度的调整和升级，符合渐进式课程改革的方式。HTML5新标准课程从知识体系上与网页设计与制作相接续，后延课程可以包括javascript脚本知识、动态网页制作知识等递进知识。由于其技术类课程的特点，适合采用集中授课的方式进行讲授，建议将其设置为“实验”或“实训”等类型的课程，学时设置在28～36左右。

为了提高课程的知识含量，本课程可涉及部分AJAX知识作为拓展学习内容，可引导基础牢靠、理解能力强的部分学生进行深入学习。

3 授课方式方法

本门课程侧重动手实践能力的培养，可采用循环授课的方式来逐渐巩固学生的基础。

第一轮的学习中，以跟随教师同步操作完成一个成型的网页页面为核心，在该过程中，尽量包括足够的HTML5的相关知识点，但不对知识点做过于详细的解释，主要以“能用”为主，在后面的学习中再慢慢过渡到“会用”的程度。第二轮的学习中，逐步减少对新增知识点的学习，转而对已有知识的综合运用上去，以巩固其基础。

第三轮的学习采取较为开放性的方式，引导学生利用已有知识进行网页页面布局，教师可作为辅助指导。在学生遇到较大障碍的时候，对学生尚不理解的知识进行部分讲解和指导，引导学生查找相关资料，从而促进其“持续学习”。

4 授课知识框架参考

4.1 基础知识讲解与运用（目的教学法）

实践经验证明，阻碍学生学习的重要问题之一就是没有目的的学习，因此在课程设计中必须详细的制定学习目标、进度和学习考核制度。对电子商务专业的学生来说，本阶段课程设计偏重于实践，侧重于“完成”而不是“融会”。从一开始注重挑选代码量少，知识点少的小实例来完成，并鼓励学生进行小范围的修改来达到举一反三的效果。从人的认知规律来总结，作者认为人往往通过已有知识和信息来理解新知识，可以起名叫“经验推导原则”。在新课程授课设计时要尽可能的多涉及到HTML4传统标签与HTML5新语义标签之间的互用，通过对HTML4旧标准的标签与HTML5新标签之间的对比，来达到承上启下的作用。

框架结构知识参考如下：

4.1.1页面外观设计为重

偏重于视觉效果较突出的内容来设置课程，以提高学生的积极性。此处尽量利用纯CSS来制作页面的配色、表现效果等。同时对于音视频的添加涉及格式确定和转换的问题，此处涉及到多媒体格式的新标准，需要加入到学习中去。

4.1.2对浏览器的不同支持

IE浏览器9.0以前的版本对很多HTML5语义并不支持，需要依赖别的方法（javascript脚本）来实现支持。关于这个知识点由于涉及内容较多，不易掌握，可以先考虑通过其他浏览器（如chrome）来实现HTML5的效果，然后再在知识讲解中来实现IE浏览器中相对应的表现效果。

4.1.3新表单的学习

关于HTML5新表单要多涉及，由于表单主要用于网页程序与用户的交互，因此要作为一个较为重要的方面去做课程设计。由于越来越多的网站采用异步传输方式来减少用户的等待过程，因此适当引入AJAX部分内容的基础学习，可提供给有余力的学生自学，作为一个有益的拓展。

4.2 开始进行核心知识的讲解

此处可适当加深内容，但是不可一味追求难度。可以进行阶梯式步进学习，对复杂知识以多个小实例来带动学习（比如对流式布局的讲解，可以先例举网页中标签的BLOCK显示效果实现，过渡到两个BLOCK块的浮动显示，接续制作一个自动扩充的导航条，再到整个网页页面的流动布局讲解，如此则更加具备授课结构的逻辑性）。

教师授课过程中，要适时记录学生学习的状态，不断在框架内进行授课内容和方法的小范围调整，不可贪多求快，也不可过分拖拉。教师可引导学生进行自我学习，提升其理解能力。

4.3 放开手脚

第三轮授课要少讲、多练，让学生多动手制作，实现自己想法。给定学生一个大致的方向，根据这个方向来自我发挥，制作个人网页的布局设计，以此来摆脱传统方式的“你讲我记”的教学方式。要更注重灵活性。该阶段要求教师设计课程框架结构完整、具有较为全面的知识面和快速学习、快速理解等能力。

5 课程考核方式

本课程的考核可采取累加式考核，对三轮授课进行分别考核，然后汇总。

考核表格设计：

[第一轮得分＼&第二轮得分＼&第三轮得分＼&基础知识＼&＼&基础知识＼&＼&基础知识＼&＼&完成效果＼&＼&完成效果＼&＼&完成效果＼&＼&]

根据学生三轮表现生成图表，对考核学生成绩也较为直观。

参考文献：

篇(3)

随着社会信息化不断向纵向发展，社会与专业本身对毕业生在计算机应用能力方面的要求也与日俱增，而且呈现多样化趋势。因此在大学文科各类专业中，既要根据社会对毕业生的要求开设相应的计算机应用课程，还要根据其专业的需求开设一些具有文科专业特色与文科专业结合的计算机课程［1］，即“以社会需求为导向，以应用为目的，以实践为重点，着眼信息素养培养”。根据高等学校文科专业大学计算机教学基本要求及学校专业设置的特点，“网页设计与制作”课程设置为公共必修课，培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力，课程结束时学生能自行开发一个静态网站。与其他传统课程相比，该新型课程具有：实践性强、极富创造性和自主性、明显时展性等鲜明特点［2］。以“教师为中心”的传统教学模式，使得学生不能主动参与教学过程而始终处于“被动接受”状态，学生学到的知识比较零散，无法掌握网页制作的全过程。

二、建构主义理论应用于“网页设计与制作”的可行性分析

1.符合课程特点。基于建构主义的教学法适用于实践性强的课程，本课程的要求是培养学生在以后的工作环境中解决实际问题的能力，而建构主义正是强调“身临其境”。

2.因材施教。充分调动学生的思维，发挥学生自身的潜能，集中个体的观察角度，从而实现立体地、全方位地了解问题，集思广义地讨论解决方法，更加符合学生特点。

3.自主学习。学习是学生的自主活动，每个学生都是以自己已有的经验背景去接受、理解知识，再构建新的知识体系，强调学习的个人体验以及学生在学习过程中的主体地位［3］。

4.节约时间。教师改变了“填鸭式”以知识传授为主的教学观念，知识的获得可以通过教师给学生创设一个轻松愉快的情境，学生去积极主动地建构，节约时间成了必然结果。

5.服务于其它课程。为继续深入学习计算机其它相关课程夯实了基础，并且在教学中融入了其它学科的内容知识，必然会促使学生在计算机知识辅助下更好地进行其专业或相关学科的探索。

三、建构主义理论指导下的课堂教学

笔者从建构主义教学观和教学实践出发，设计出了一套符合这门学科特点的教学与管理模式：把整个教学过程分成三个阶段，全部在计算机教室开展，针对不同的教学内容和教学环节采用不同的教学方式，边讲边练，即案例引导教学阶段、任务驱动实践阶段和项目合作课程设计阶段，如图1所示。这三个阶段中教师是引导者，学生是知识的构建者。教师与学生之间，学生相互之间必须密切配合［4］。具体教学过程设计如下：

1.展示效果。课堂上，首先把与本节知识内容相关的案例效果及功能展示给学生，通过素材和网页效果的对比，激发学生的想象能力。

2.分析操作任务。在教师的引导下，对案例进行模块化分析。分析案例时一般包括两个方面：一个是利用以往知识可以处理的效果；另一个是本次教学内容处理的效果。分析案例的目的在于温习以往知识和引出本节课教学知识点。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强文科专业学生的实践动手能力。

3.知识讲解与操作示范。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。教师要实际操作案例，在操作过程中把以往的知识点简单回顾，并着重介绍新知识点，即讲述相关理论知识。把书本上的相关知识通过案例的形式直接展示给学生，学生不但容易理解理论内容，同时，也了解知识的实际用途。

4.课堂同步实践。理论与实践交融，知识与感悟同步。学生真正掌握技术在于自己是否能够独立完成实践操作，在学生实际操作的过程中，教师应从旁指导、及时纠正，学生只有在依靠自我的力量去解决学习问题的过程中获得了成功的体验，才能进一步激发他们的学习热情。

5.课程设计。学生结合所学网页设计制作知识与自己的兴趣或擅长等自拟主题，制作出符合一定要求的网站。每个项目小组由4到5人组成，推选出项目经理，负责小组的项目策划和成员分工。通过讨论、交流与合作，小组成员各尽所能，取长补短，共同完成任务。这样，既调动了学生的积极性，实践了所学的知识，又培养了团结协作的能力。将课程设计记入学生的平时成绩，从而给学生在该课程的学习上施加一定的压力，促进其更好地学习。

6.归纳总结。教师对学生的操作表现做出讲评，对学生在网页设计中的共性问题进行纠正，不断规范学生的网页设计。并与学生共同详细讨论和总结案例中所用到的理论知识和操作技巧。表扬其优点，指出其错误，可以巩固教学效果，弥补学习漏洞，并有助于学生之间的学习交流。教师以“案例”引路，引导学生边学边练，以“任务”驱动自主完成学习任务。以“项目”促进理论知识与实际操作结合。教师的“教”与学生的“学”围绕一个目标，学生充分发挥自己学习主动性和创造性，多种教学方法结合不但解决了课时少、知识点多、实效差、与实践应用相脱离等问题，而且还充分调动了学生学习的积极性，使学习过程成为一个人人参与的创造性实践活动，更好地培养了学生创造性思维和发现问题、解决问题的能力［5］。

四、考核与评价方式

采用课程设计与上机考试结合的考核方式，上机考试从题库中按出题方案组出若干数量试卷，每位学生随机抽取其中一套进行考试。“网页设计与制作”这门课程对于制作网页的基础理论和实际操作能力都有比较全面的要求，所以考试当中应当兼顾这两个方面，理论部分注重学生对网页制作基本知识、基本理论的掌握，采用选择、判断等客观题的方式进行，为学生进一步的学习夯实基础。实践部分要求学生利用给定素材，包括考题所需的图片、背景和其他辅助图片、相关考题内容的文字资料、考题要求等，完成规定技术要求的网站创意设计与制作。一个好的考核方式不仅有利于全面真实地反映学生的学习水平，而且有利于反映教学中的问题，以便教师能够及时作出相应调整［6］。

五、总结

在建构主义理论指导下开展“网页设计与制作”课程的教学对教师素质、教材建设、设施设备等都有较高的要求，应根据实际情况具体把握。具体可以从以下几点出发：

1.温故知新。任务、项目的设计直接影响教学效果，从知识联系的角度看，课程内容是相互联系的，教师要帮助学生理清其中的逻辑关系。在设计任务或项目时，应适当添加一些与该问题有关的且学生已经掌握的内容，帮助学生在学习新知识的同时及时复习己学过的知识。

2.适当留白。所谓留白，就是教师在设计问题时不要面面俱到，要给学生的思考和尝试留有余地。在教学中要想方设法启发学生亲自去尝试、去探究、去发现，鼓励他们举一反三、触类旁通［7］。

篇(4)

【关键词】 翻转课堂 网页制作课程 微课 协作学习

一、翻转课堂简介

在当今互联网时代，学生不必一定要到学校接受教师讲授，就能通过互联网学习丰富的在线课程。互联网尤其是移动互联网催生了“翻转课堂”这种教学模式[1]。翻转课堂（Flipped Classroom）也称颠倒课堂[2]，就是把“教师白天在教室上课，学生晚上自习做作业”的教学结构翻转过来，构建“学生白天在教室完成知识吸收与掌握的知识内化过程，晚上自习学习新知识”的教学结构。翻转课堂教学模式需要学生重新调整课堂内外的时间，将学习的决定权从教师转移给学生。

二、网页制作课程教学现状

目前，网页制作课程属于高校开设的应用型人才培养的课程。对于我校的计算机科学与技术、软件工程专业都是必开课程。传统的网页制作课程教学存在以下问题：

2.1 知识点琐碎，“学得快，忘得也快”

HTML和CSS的知识点琐碎，一个学期学时有限，不可能在课堂上将所有标记、属性都讲一遍。即时都放在课堂上讲解，一个一个讲解会让学生觉得枯燥无味、重难点不突出，很难让学生掌握重点问题，到动手制作网页时，往往已经忘掉了部分内容。

2.2 不能进行个性化教学

课前，学生只是通过看教材进行简单预习。课上，教师在45分钟时间内要讲授多个知识点，课堂上班级内的学生接受的都是一样的信息、一样的进度，教师很难注意到每个学生掌握的进度不同。课后，完成作业时，有的学生已经完全掌握课上讲授的知识，能够很快完成作业；而有的学生则不太明白，需要通过帮助才能勉强完成作业；而有些学生既不理解又羞于寻求帮助，遇到的问题越积越多，到了学期末，根本无法完成课程设计。

2.3 局限了学生的创造性

网页制作这门课相对于其他编程课程来说，知识点不难理解，在课堂上学生根据教师的演示，容易完成实验任务。但是对于没有任何美工基础的计算机专业学生来说，构思网页布局、美化页面较难，制作出个性化的网页受到了限制。

因此，我们需要对现有的网页制作课程的教学模式进行改革，本文提出了在该课程中应用翻转课堂教学模式来提高课程的教学质量。

三、翻转课堂模式在网页制作课程中的实施过程

3.1 课前准备过程

翻转课堂的一个重要载体就是微课。因为翻转课堂需要有效地促进学生对新学知识的消化吸收，在有限的时间内使自主学习任务发挥最大作用。所以，每次上课前教师需要花费大量的时间针对学生的个性化进行备课，确定本节课学习目标，精心设计出学生愿意做、喜欢做的自主学习任务，针对一个明确的问题录制时长在10分钟以内的短小精悍的教学视频，并把视频通过网络上传到微信群、qq群、微博等为学生提供自主学习、交流反思、协作讨论的平台。

例如第10章CSS层叠样式表的内容是为了让学生学会使用DIV+CSS进行网页元素布局，但是CSS的属性较多，需要将这一章的内容分解，抽取出“CSS的样式定义”、“CSS的选择器”、“盒子模型”、“文本样式”、“段落样式”、“列表样式”、“超链接样式”等知识点录制教学视频。

微课教学视频是为了下一次课堂学习服务的，学生必须严格按照教师布置的学习任务进行学习。学生能够在课下使用自己的任何设备，比如电脑、平板、智能手机等，在任何时间、任何地点都能观看微课视频，进行自主学习，并且当学习中间遇到问题时可以选择暂停播放视频，能在任何时候去查阅需要的材料，还能在网络平台上与教师、同学进行在线讨论，或者回放视频重复多次学习。根据视频最后提出的几个任务进行在线测试，检查自主探究学习的情况，并将疑难问题记录下来，课上提交给教师。

3.2 课上实施过程

翻转课堂要求课上教师要因材施教开展教学活动，课堂的注意力集中在帮助学生掌握在课前学到的新知识，运用新技能。

（1）确定问题。通过课前预习，教师既能够引导学生学习，又可以及时了解学生学习任务的掌握情况。教师收集学生课前自主探究过程中遇到的问题，归纳共性问题，确定课上需要解决的问题。比如学生看过“盒子模型”的微课视频后，会对“盒子模型”的抽象理解、如何使用DIV+CSS技术有效定位网页元素提出疑惑。

（2）协作学习。在课堂上，教师将班级内的学生分成若干个小组，以小组的形式进行协作学习，有效达成学习目标。课堂上教师与学生之间，学生与学生之间，集中讨论、交流、合作学习，在做网页中，女生往往比男生更细心，但是没有男生思维灵活，根据男女生的差异，形成比较和互补，共同解决问题。

（3）有效激励。为了更好的激励学生完成学习任务，教师对课堂上学生的学习任务完成情况进行排名，实时更新排名，让学生能及时的看到在整个班级的学习过程中自己的进度。通过学生的好奇心、好胜心激励学生将注意力集中到课堂上，积极参与小组讨论、班级讨论中。

（4）答疑解惑。教师不仅仅是站在讲台上讲授课程，而是更多的走进学生，穿梭于学生之间，参与到学生学习过程中，提供针对性地指导，能够了解每个学生的掌握情况。对共性问题进行统一的答疑解惑。

（5）成果交流。教师选出2个优秀作品，让该小组的学生在全班进行展示，向其他小组讲解该作品的设计思路，本节课学习的知识点，比如“盒子模型”在本作品中的作用，以及制作过程出现的困难。在交流的过程中教师要引导学生总结，提升所学内容。

（6）反馈评价。翻转课堂要建立一种以学生为中心的多角度、多方式的评价机制。教师除了对学生的学习成果进行评价外，还需要对学生的学习过程、参与合作的表现等进行评价。学生可以进行作品评价，既能提出自己认为有效的或喜欢的方面，也应提出改善建议。

3.3 课后总结提高

课后，教师要进行教学反思，考虑本次课是否能够让学生有较大的收获，让课堂真正有益于学生发展。教师将学生的小组作品放到网络平台，供班级内共享，让学生在线投票，将投票结果进行排名。学生自主进行个性化复习，进行下节课预习。

四、翻转课堂模式实施效果

本学期，对大二的计算机科学与技术班的网页制作课堂仍然采用传统教学模式，将大二的计算机科学与技术（信息技术教育方向）班作为试点班级，应用翻转课堂教学模式，两个班级人数相同。学期期末，对试验的两个班级进行问卷调查，并根据结果对比实施效果，如下表1所示，翻转课堂教学模式更受学生欢迎，有助于提高学生学习能力以及动手实践的能力。

五、结语

针对现有网页制作课程教学模式的不足进行改革，使用翻转课堂模式锻炼学生分析问题、解决问题的能力，提升学生的创造力、团队合作能力，提高了学生学习的积极性，更好地培养了创新型的web前端开发人才。

参 考 文 献

篇(5)

论文摘要:成人教育函授大专层次计算机专业毕业生所掌握的知识技能与社会需求严重脱节。本文从课程设置改革的角度分析如何培养适应社会需求的成人教育函授大专层次计算机专业毕业生。

1. 成人教育函授大专层次计算机专业的专业课程设置现状

目前，成人教育函授大专层次的学生基础较差，学生对学习计算机原理及程序设计类的课程普遍感到很吃力，而他们在实际工作中也很难派上用场(主要因为他们学进去的很少很浅，而这方面的专业人才也很多)，因而有的学生根本就不学。这让我们感觉到计算机专业的课程开设无所适从，很难把教材、教师、学生和实际应用有机地结合起来。

2 社会市场对成人教育函授大专层次计算机专业毕业生知识技能的要求

2006年上半年，我们学校就业部门对北京、上海、江苏、浙江和广东等地区总共100家计算机方向知名企业进行了专业项调查，调查结果显示:目前企业对函授大专层次计算机专业人才的知识技能需求主要是以下几个方面:(1)具有本行业的专业基础知识。(2)能进行单位内部局域网的操作维护。(3)会为公司或产品在互联网上进行营销宣传。(4)擅长单机维护、调试、软件安装的。(5)胜任信息管理、经营分析工作。(6)熟练运用电脑进行设计工作等。

3 成人教育函授大专层次计算机专业课程的设置策略

由于计算机专业所涉及到的内容很广，而成人教育函授大专层次学校学生在校时间普遍只有2年，那么如何在有限的时间内合理的安排课程呢?众所周知，由于成人教育函授大专层次学校的学生综合素质不是很高，学习内驱力弱，认知水平和理解分析能力不强等都是我们必须要面对的现实。一方面学校为了培养学生学习的主动性，课程设置确实要照顾到学生的兴趣，学生学习才有动力，所开设的课程不能太“难”;另一方面也很重要，就是我们培养的学生要在社会上受欢迎，必须掌握一定的理论知识和实践操作技能。所以，课程设置最重要的依据是市场。课程设置除了要考虑学生的基础和兴趣外，还要考虑实用。我们必须考虑市场需要什么，就开相应课程，以就业为导向，采用“宽基础、重技能”的培养模式。对具体每一个学生而言，首先要要求他们 “基础好”，其次要“有特长”。这样的话，他们既可以凭借其扎实基础知识在小企业充当多面手，也可以凭特长在大企业找到用武之地。

(1)计算机基础知识技能方面

首先，专业基础方面要培养学生掌握办公自动化管理、操作、计算机系统维护等方面的知识与技能。主要课程有计算机应用(含计算机基础、中英文录入、文字排版、电子表格、演示文稿、internet应用等知识模块)、微机组装与维护、常用办公设备的使用与维护技术、常用工具软件等。

(2)计算机专业知识技能方面

除此之外，专业教学目标可确定为以下几个培养方向，由学生自主选择其一来主修:

a)网页制作

主要培养从事网页设计的专业性人才，培养具有空间设计的基本理论、基本知识和基本技能的专业网页设计师，培养能从事网页设计的人才。主要专业课程有Dream weaver网页设计、Flash动画设计、Fireworks、图形处理Photoshop、Html语言、JavaScript语言等。

b)网络管理方向

主要培养负责维护公司计算机硬件;根据需求设计网络方案，搭建与配备计算机网络;与网络设备供应商配合进行维护和监控公司局域网，保证其正常运行等方面的专业型人才。主要专业课程有微机组装与维护、internet实用技术、网络技术基础、网络运营管理、路由器交换机配置、局域网组网方案设计、网络工程及布线技术、网络安全等。

c)多媒体技术方向

主要培养从事影视后期制作、多媒体制作、音视系统开发和应用、网络多媒体信息的加工与运营等工作的专业型人才。专业课程涵盖平面图形图像处理、摄像技术、多媒体音视频处理技术、平面动画制作技术、三维动画制作技术、影视编辑技术、影视特技与后期合成等知识模块。

d)广告设计方向

主要培养能从事计算机图形图像处理、网络广告设计的人才。主要专业课程有色彩与素描、构成艺术、平面设计(Photoshop)、网站艺术、多媒体程序设计、flash动画基础、premiere、数码摄影基础、版式设计、动态网页设计、flash高级应用、3ds max、人机交互设计、flash互动设计等。

4 成人教育函授大专层次计算机专业课程设置方案

基于上述策略，我们针对我校教学的实际情况制订了以下专业课程设置方案，并报经上级主管部门同意、备案，在我校从2006级成人教育函授大专层次计算机专业新生起予以试行。 　第一学期: 课程:计算机应用基础(上册和下册一部分);主要内容: 计算机基础知识、中英文录入、Word文字处理排版、Excel电子表格、PowerPoint演示文稿、电子邮件E-mail和Internet应用等。新授课时(含普通上机):55时; 课程设计课时15时.

第二学期: 课程: 计算机应用基础(下册剩余部分)和其他专业基础课程微机组装与维护、常用办公设备的使用与维护、常用工具软件和考证培训等;主要内容: Access数据库和一些其他课程内容以及组织考证(如信息产业部的信息化工程师岗位技能认证)，并培训好，保证其通过率。新授课时(含普通上机): 50时; 课程设计课时20时.

第三学期: 课程: 网页制作方向， 网络管理方向， 多媒体技术方向， 广告设计方向;主要内容: 分四个方向开设专业课程，选择教材时是应注意尽量选用实例型的。教学时多采用任务驱动法，课程考核也应该以实际操作为主，可让学生们(分组)自主进行小型作品开发、课程设计等。本学期继续组织过级考证工作(专业方向考证和通用技能证补考)。新授课时(含普通上机): 各95时; 课程设计课时各45时.

第四学期: 课程: 网页制作方向， 网络管理方向， 多媒体技术方向， 广告设计方向;主要内容: 完成第三学期没有完成的课程，继续组织学生参加各行业技能认证考试，外加毕业作品设计，到企业顶岗实习，及时走访，获得反馈信息。并依据信息，进行分析、总结，实时调整我们后续年级整个(1-4学期)的教学。新授课时(含普通上机): 各55时; 课程设计课时各85时.

5 成人教育函授大专层次计算机专业课程设置改革实验

我们在2006年暑假制定了以上方案，从2006级新生开始，我们依据上述课程设置在本校计算机专业进行试验。在2006年下期期末，我们通过学校就业部门利用跟踪回访的机会从2004级(拟毕业)学生中随机抽取了50名进行了问卷调查;同样，在2008年下期期末我们又通过学校的就业部门从2006级学生中随机抽取了100名进行问卷调查，并对两次调查结果进行了统计与对比:2004级: 学到了知识技能占28%;没学到知技能占72%;已(能)找到满意工作占32%;没(不能)找到满意工作占68%.2006级: 学到了知识技能占53%;没学到知技能占47%;已(能)找到满意工作占56%;没(不能)找到满意工作占44%.可以看出:认为自己学到了知识技能的比例明显上升了;认为自己没学到东西也找不到工作的比例也显著下降了。

另一方面，各用人单位通过就业部门反馈意见也表明，我们06级计算机专业毕业生相比04级和以前的总体来说专业知识更扎实，操作技能水平更高;相比同类学校的毕业生也具有很明显的优势。索尼老总坦言:“你们现在的毕业生我们很喜欢，主要是他们会的东西多，招过来就能做，能做好;不会做的上手也很快，会做还会学。”所以很多名优企业都加强了在我校招人意向。应该说，本实验是成功的，达到了预期效果。现已获得学校领导批准，将把本实验继续进行下去，并总结经验，准备向其他专业推广，促进我校教学的新一轮改革。

参考文献

篇(6)

关键词：网站设计；课程改革；内容优化

中图分类号：TP393.09 文献标识码：A 文章编号：1009-3044（2016）17-0100-02

1 引言

“网站设计”是使用标识性语言，通过一系列策划、设计、建模、优化、开发步骤产生网站，最终以图形用户界面的形式展现给用户[1]。在计算机相关学科的教学中，网站设计课程是一门重要的专业课，其知识多、操作性强、课程难度较大[2]。

当前，各院校普遍开设了网站设计类课程，但是在其教学过程中，我们发现学生内驱力较弱、动手能力有限、学习主动性较差、动手能力不足、横向竞争力差等问题[3]。考虑到目前社会上对网站设计人员的需求，我们认为改革现有教学模式、提高学生实践能力、增加职业竞争力等，是亟须解决的问题。因此，对“网站设计”相关类课程进行改革势在必行。

2 文献综述

目前对网站设计类课程的改革研究体现在很多方面，例如：任锁平 [4]基于搜索引擎优化的视角下，探析教学资源网站设计策略。分别从策划层次、开发层次、界面设计层次、维护层次四个方面阐述了教学资源网站设计的策略。荣益 [5]从信息技术课程教学网站的需求分析与功能定位以及信息技术课程教学网站的内容设计两方面探讨了信息技术课程教学网站设计实现。张慧丽 [6]将Moodle平台应用到《网站设计与制作》课程教学中，采用问卷调查法对Moodle平台应用教学效果进行了分析。杨铭 [7]介绍了如何基于项目化实现网站设计与开发课程的教学内容，并总结了课程的特色与创新点。章早立 [8]讨论了基于“分层分类”理念的高职《网页制作与网站设计》课程教学新模式探究。郝静 [9]通过对近年来教学过程中课程教学模式的研究、教学方法和手段的改革的探讨，阐述如何在该课程中实现工作过程系统化的"教学做"合一。杨敬飞 [10]以文化洛阳网站的设计为例，讲述了如何在网页设计课程中应用项目教学法，将教学内容和教学目标巧妙地包含于项目设置之中。

然而，上述论文并没有从课程的内容结构上进行优化。“网站设计”课程的难点在于内容多而碎，需要较多的先修课程知识。本文拟从课程设置的角度出发，深入探讨如何设计该课程的内容，并以本人就职南京师范大学中北学院以来的教学经验，汇报作者对网络设计课程的授课计划。

3 方法

传统的“网站设计”类课程，仅包含基础的HTML语言、JavaScript语言、CSS+DIV、图像处理、动画制作。选取的软件仅包括网页三剑客之一与Photoshop的搭配处理。然而我们认为上述授课内容过于陈旧、没有紧跟前沿、缺少及时更新。为此，作者设置授课计划如表 1所示。

4 结果

实验对象选择南京师范大学中北学院2011级某班。通过问卷调查方式对改革前后的教学效果进行调查，共发出问卷33份，回收问卷33份，其中有效问卷32份，有效率96.97%。对回收的问卷通过Excel进行统计处理。表 2给出分析结果。

5 讨论

表 2可见，课程改革后，大部分学生认为新的课程知识面更广、内容更新颖、更适合自学、能提高学习效率、可激发想象力、使课堂变得更加有趣、并能推动学生课后学习。因此，我们认为对“网站设计”教学内容的重新规划是成功的。需要注意的是，新的课程内容需要至少72学时。对某些院校，教师反映仅分配36学时给“网站设计”课程，这种情况下本文提出的新的授课计划并不适用，需要进行删减。

6 结论与展望

本文通过提出了一种针对“课程设计”的授课内容改革探索，经过问卷调查证实其有效。下一步我们将要收集学生考试成绩，对其进行量化分析。此外，可以考虑引入双语教学[11]，以及将其他程序语言例如Matlab[12]嵌入到课程设计中去。

参考文献：

[1] 胡珍新. 基于计算思维的网站设计教学研究[J]. 计算机教育， 2014（20）：56-58.

[2] 费丽君. 基于JSP的农业院校的大学计算机基础教学网站设计研究[J]. 安徽农业科学， 2014，42（7）：2176-2177.

[3] 田久乐. 浅谈独立院校电子商务网站设计课程教学改革[J]. 中小企业管理与科技， 2014（13）：288-289.

[4] 任锁平. 搜索引擎优化视角下教学资源网站设计策略[J]. 自动化与仪器仪表， 2014（6）：194-196.

[5] 荣益. 探讨信息技术课程教学网站设计[J]. 计算机光盘软件与应用， 2014，17（18）：222-222.

[6] 张慧丽. 基于 Moodle平台的《网站设计与制作》教学应用研究[J]. 软件导刊教育技术， 2014，13（3）： 29-30.

[7] 杨铭. 基于项目化教学的网站设计与开发课程改革探索[J]. 学园， 2014（36）： 21-22.

[8] 章早立. 基于“分层分类”理念的高职《网页制作与网站设计》课程教学新模式探究[J]. 福建电脑， 2014，30（8）：146-147.

[9] 郝静. 学习领域课程教学模式和方法的研究――以动态网站设计与制作课程为例[J]. 湖北工业职业技术学院学报， 2014，27（2）：93-95.

[10] 杨敬飞. 项目教学法在艺术设计专业网页设计课程中的应用实践――以文化洛阳网站设计为例[J]. 美术教育研究， 2014（5）：122-124.

篇(7)

网页设计与制作是一门操作性极强的课程，一开始大多数学生对课程充满兴趣，但是随着课程学习的深入，难度不断加大，学生学习的兴趣度逐渐降低。产生该问题的原因主要可以归结为以下三点：①课程覆盖的内容较广，要设计出精美的网页，不仅需要掌握网页设计工具如Dreamweaver、Photoshop、Flash等，还需要一定的美工基础，并且要熟练掌握HTML、CSS、JavaScript等知识，面对这么多工具以及知识点，学生不可避免地产生畏难情绪，没有信心学习好课程；②教学方法不够灵活，教师常常采用较为传统的教学方法，往往把课堂教学分为四个阶段：“教师展示效果”->“教师演示制作过程”->“学生模仿制作”->“总结练习”，学生在学习过程中缺乏自主思考、自主学习、自我探索的过程，学习效果不明显；③考核方法单一，不能综合地评价学生的动力实践能力，学生上交的作品质量不高，缺乏独立思考和自主创新。

2教学改革措施——小组协同式学习的应用

2.1课程目标与定位

网页设计与制作课程是软件技术专业的一门职业基础课程。本课程从高等职业技术教育的特点出发，以培养学生实际动手能力为目标，主要任务是讲授静态网页制作的基本方法、网页制作工具的使用以及企业网站建设的相关知识，培养学生掌握网页设计与制作的能力，为今后从事网页设计与网站建设打下基础，同时为后续课程PHP网站设计的学习奠定基础。通过本课程的学习，使学生了解网页的基础知识以及网站开发的基本流程，较好地掌握网页设计与制作的基本理论，并能应用于实践，熟练运用常用的网页制作工具，能够进行企业网站、电子商务网站、个人网站的设计与制作。

2.2优化教学内容

以企业真实项目为载体，教师与企业工程技术人员按照网站的开发流程（用户需求分析→网站规划→网页效果图设计→制作静态站点→编写后台代码→网站测试→与运行）精心设计教学环节。在教学实践中，引进企业管理规范和开发流程，充分体现基于网站产品开发工作过程的能力训练，培养学生规范化的软件应用与网站开发能力，通过模式创新，将专业教学过程、技能训练过程、企业工作过程有机结合起来，将职业道德教育、职业素质培养、职业能力训练有机结合起来，培养学生的综合职业能力。

2.3改革课堂教学组织模式

⑴分阶段引入项目，动态调整学生分组。

课程将整个教学过程分为两个阶段，即“企业项目实战阶段”和“竞标式项目阶段”。以软件技术专业为例，网页课程一般开设在新生入学的第一个学期，共14周，我们将整个学期分成两个阶段。第一个阶段“企业项目实战阶段”安排在前10周，在该阶段学生按照项目开发的需要以及自身优势组成项目开发小组，形成以“项目为中心”的协同学习小组——项目开发小组，小组成员轮流完成任务；第二个阶段“竞标式项目阶段”安排在最后4周，此时，学生需要确定一个岗位方向，形成以“工作岗位为中心”的协同学习小组，如美工组、网页设计组、交互程序开发组等，各个小组通过竞标组成新的开发团队，协同完成竞标项目的开发。分阶段引入项目以及动态调整学生分组，可以打破常规分组，使学生有了新的合作伙伴，有利于形成更加多元化的协同学习小组，同时对于发现自身优势、挖掘潜能、明确就业方向有着重要的引导作用。

⑵成立项目开发小组，协同完成项目整体开发，促进小组协同式学习。

在“企业项目实战”阶段，学生按照项目开发需要形成优势互补的项目开发团队，营造真实的企业开发氛围。项目开发团队一般由下列角色组成：项目经理（ProjectManager）、项目组组长（TeamLeader）、项目组成员（TeamMember）。项目经理，一般由我们聘请一位有丰富实战经验的软件企业项目经理或由教师担当，负责该教学环节的现场指导。将3-5个学生分成一个学习小组（即项目开发小组），每个小组推选一位动手能力强的项目组组长，组长向上直接对项目经理负责，向下是全体组员的直接领导，项目经理要求组长对自己的组员进行考核，这样构成一个虚拟的企业项目开发环境。全体组员以项目组为单位进行学习与实践，协同完成项目整体开发。项目驱动的小组协同式学习不仅能使学生相互督促、相互勉励、相互讨论，相互学习，而且能培养他们的组织管理能力和协作开发能力。

⑶引入竞标式项目，形成竞争与合作交叉并举的协同式学习小组。

在分阶段引入项目过程中，第一阶段的项目每个项目开发小组完成后进入第二阶段，在第二阶段，引入了竞标式项目，通过竞标，从美工组、网页设计组、交互程序开发组各选出一组，成立重点项目开发组，共同完成竞标项目的整体开发。一般根据岗位的不同，美工、网页设计、交互程序开发各成立三个组，每一组成员3-5人。对于落选的小组，则需要辅助中标的小组完成任务，同时，通过自由搭配或者教师指定的方式，再成立两个普通项目开发小组，根据学生选题或教师选题的形式，完成其他项目的开发。竞标式项目的引入使得各个学习小组既有竞争，又有合作，是一种竞争与合作交叉并举的学习方式，具体表现为在竞争学习中有合作，在合作学习中有竞争。竞争学习不仅促进了合作学习，还为合作学习的发展和巩固提供了坚实的基础和动力。缺乏竞争的合作学习是没有活力和生命力的，是脱离实际和低效的。竞标式项目使得竞争学习与合作学习得到很好的结合。

2.4强化跟踪课外学习成果

课堂只是课程学习的一部分，如何对课堂教学进行延伸，将课堂学习过渡到课外学习，是提升课堂教学质量的一项重要内容，课外学习对于提升学生的自主学习能力、专业技术水平有着重要的促进作用。“专业学生社团”和“工作室平台”是学生完成课外学习的两个有效的切入点。专业学生社团和工作室为学生提供了丰富的学习和实践机会，给每一位成员提供了良好的展示自我、相互学习与相互交流的平台。在课堂以外，利用工作室平台让学生参加到实际项目开发中，利用专业的学生社团定期开展技术交流和技术研讨，通过项目实践与合作交流，提升学生的自主学习意识、合作探究精神与创新能力。

2.5改革考核方法

传统的考核方式采用卷面考试，以一次考试的成绩为最终成绩。这种方式往往不利于全面真实地考核学生的知识、技能和能力。因此，对考核方式的改革势在必行。改变课程考核方式，必须对考核指标做进一步的量化和细化，注重过程化跟踪管理，加强课内学习效果的考核以及课外学习效果考核，将学生是否参加专业学生社团、是否参加技术研讨、是否实际参与项目的开发、是否参加学生技能竞赛等课外学习环节纳入到课程考核指标中，促进建立学生全面发展的评价体系，让考核标准强调“知识、技能、素质”三方面的要求，突出整体的综合能力培养目标。

3结束语