网页设计教学革新方式范文

本站小编为你精心准备了网页设计教学革新方式参考范文，愿这些范文能点燃您思维的火花，激发您的写作灵感。欢迎深入阅读并收藏。

一、前言

进入21世纪，高校计算机基础教育面临两个挑战:一是中学计算机普及后，大学的计算机教育应当怎么办?二是在网络时代应该怎样进行计算机教育?针对这两个挑战，高校计算机基础教育应该要有新的思路，要上新的台阶，应当提高大学生的IT水平、加强应用能力，提倡创新精神，着眼培养人才。计算机公共基础教育是面向非计算机专业学生开设的，目的是培养学生的计算机应用能力，而现有的计算机基础教学中，以网页设计课程为例，存在不少的问题:(1)学生的层次不同，接受能力也不同，但教学内容和方法却是完全一样，导致最后的教学结果参差不齐;(2)学习了大量的理论知识，但是学生的实际动手能力却没有得到相应的提高。针对这些问题，笔者对于所教授的网页设计课程进行了实践式教学方法的探索改革，以分层次教学，提高学生实践能力和分析能力为主，达到“学以致用”的目的，取得了较好的效果。

二、教学内容改革

由于“网页设计与制作”课程要求学生掌握网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生管理、设计网站的能力。故设置其先驱课程为“计算机文化基础”、“图形图像处理技术”，后继课程为“动态网页设计”、“计算机网络”等。这些课程互相渗透、相互依赖，共同构成一个完整的、科学的课程体系。该课程要求学生了解网页制作和网站建设所需的基本知识，掌握HTML超文本标记语言以及CSS的使用和网页中文本、图像、超链接、表格、表单、图层和框架等的处理方法，了解相关美学的知识与网页制作流程。主要掌握网页制作工具Dreamweaver的使用，了解PhotoShop、Flash的基本功能和使用方法，以及相关技术的发展趋势。由于培养方案的改革，网页设计课程面临着从原来3个学分降为2个学分的问题，如何在更短的时间让学生掌握到更多的应用技能，如何提高学生的自我设计能力，首先需要解决的就是教学内容的重新设置和分配。根据之前教学中存在的重理论、轻实践的问题调整了理论和上机课时量，将30%的课时用来讲授理论知识，70%的课时用到学生动手实践上。理论课程主要侧重于网页设计的站点结构的搭建、相对路径的管理、色彩的搭配、HTML源代码以及CSS层叠样式表的讲解;而把网站布局工具(表格、框架、图层)、网页中的文本、图像、超链接、表单的理论讲解转移到实践中来，在实践中通过案例式教学将理论讲解和实践操作相融合，从而使教学效果得到更大的提升。

三、教学方法改革

要改善教学效果，首先要提升学生的学习兴趣为了更好的实现教学目的，笔者在网页设计教学课程改革中使用了多种教学方法相结合的方式并加以灵活实现。

(一)分层次教学由于网页设计是一门面对全校非计算机专业学生的选修课，［1］学生对于计算机技能的掌握差异性很大。如何掌握教学进度并照顾到大多数学生的学习要求是网页设计教学改革中的首要问题。在第一堂课正式授课前充分了解学生的专业分布，［2］其所在专业对于计算机技能的要求以及前期计算机相关课程学习情况。在教学过程中循序渐进，根据学生接受能力差异、现有水平和兴趣，由简单到复杂，由表及里。除了讲解网页设计必须了解的基础知识外，可以额外增加一些选学知识，以便于计算机技能较好以及对课程有进一步学习要求的同学掌握。如在表格布局教学中除了讲解表格的基本知识外，额外增加了如何使用表格结合HTML源代码制作细线布局的内容展现了表格多元布局的一面。不仅满足了学生的学习要求，也进一步带动了大多数学生的学习积极性。而在具体实践课程中，一般均有两个设计题目，一个为基础设计题，另一个为进阶设计题使学生能够根据自身能力和兴趣选择完成题目同时促进学生的自学能力，提高学生的积极性。

(二)任务式教学任务式教学就是让学生在一个个典型的任务驱动下展开教学活动，［3］从网页设计实际工作出发抓住重点和难点进行任务设计和实现。教学中应遵循两个原则:其一是倒序讲授原则，尤其是在理论课上，如何吸引学生的注意力是首要解决的问题。先展示设计后的成果，然后引导学生进行整体分析，重点是如何布局和配色。最后画出流程图，展现各个实现步骤。二是以提高能力为目的的原则。注重传授给学生解决问题的思路和方法，在分析过程中鼓励学生使用不同的方法解决同一问题。在这个过程中，学生会不断获得成就感，更大的激发他们的学习欲望。从而培养其勇于进取、独立解决问题的学习能力。具体实现流程如图1所示:

(三)实践式教学

网页设计课程除了要求学生掌握网页设计的基础知识外，更重要的是能够熟练运用设计工具，独立地完成网页设计任务，此时，实践式教学是必不可少的。在理论教学中，最大的问题在于学生无法亲自动手实践，对于教师所讲知识一知半解，甚至听过就忘。针对这一情况，笔者采用了师生互动的方式。即在简单讲解理论知识后，请学生上讲台来当助教，教师讲解，学生操作。在整个过程中，学生的积极性被调动起来了，并且在学生的操作过程中还可以发现很多之前没有发现的细节问题，如此讲解下来，学生吸收起来也会更快并且更主动。对于实践内容则采取双线教学方法，实验内容采取命题作业，以达到对于教学内容的专项练习。理论作业则采取自主作业，要求学生完成一个个人网站需要的系列网页，不仅达到了练习学生操作技能的目的，也进一步完善了学生对于网页的宏观规划和具体实现的能力。

四、考核方法改革

一种好的考核方式，不仅有利于全面真实地反映学生的学习水平，而且有利于刺激学生的学习积极性。考试内容侧重于对记忆型知识的考查，忽略了实际网页制作中对知识运用能力和实践能力的考查。笔者尝试改革网页设计的考核方法，并在实际操作中取得了较好的效果。以学生实际制作的网页作品作为考核的主要内容，并对学生的学习过程进行考查，以全面反映学生的学习情况。故课程最终成绩的生成为10%的课堂考勤+30%的实验报告+60%的自我制作的网页作品。并且为了提升学生的组织能力和合作能力，要求以3人为一组，完成一个网站所需网页的制作。在验收网页过程中，由该小组学生在讲台上通过投影仪将网页展示出来，并且讲解整个构思、设计以及实现过程。这样既可以保证学生是自己独立完成的网页，又可以达到一个交流的目的，更有利于提高学生的学习积极性和主动性，促进学生的个性发展。实践证明，由于强化了平时的实践环节考核力度，提高了过程考核的比例，重视了学生基本专业素质的培养，取得了很好的教学效果。

五、总结

通过教学时间证明，这种改革方法能够激发学生的学习兴趣，调动学生学习的积极性，教师的业务能力也得到了不断提升，有力地提高了课程的教学效果和水平。在今后的教学过程中，还将根据实际教学情况不断地总结、学习，不断改进教学方法和教学手段，以达到更好的教学效果。