前言：寻找写作灵感？中文期刊网用心挑选的网页设计教学方法及革新2篇，希望能为您的阅读和创作带来灵感，欢迎大家阅读并分享。
第一篇
1《网页设计》专业教学的指导思想和具体做法
1.1真正认识网页，明确网页设计的思想和流程
在中职学校里，我们往往看到老师可能会不自然地降低对学生的要求，只注重对学生进行操作技能和技巧的培养。具体做法表现就是：单纯安排简单的小功能操作，比如图片插入、超链接制作、框架的布局、多媒体元素的插入等，拼命让学生熟练这些小功能的操作。这样一来，使我们的教学偏重于功能性教学，只在“制作作品”环节上下了苦功，而却严重忽略网页设计的艺术性与观赏性的表现。在中职学校里，我们不能只是片面着重于学生技能的操作，更重要的是通过教师、同学及网络的帮助，感受实际工作中网站设计的一般工作流程，学会表达解决问题的过程和方法，培养学生综合运用知识分析、处理实际问题的能力；锻炼学生发现问题的能力，提高学生组织能力、交往与合作能力、学习技能。因此，在网页设计教学过程中，网页设计七大环节一个也不能少，老师都要有计划、有目的地让学生去做好，并严格把关。
1.2与德育渗透相结合，以赛促学，以赛促教
2008年，教育部提出“普通教育有高考，职业教育有技能大赛”。江苏省决定从2009年起每年举办全省中等职业学校技能大赛，并形成定期举办的长效机制。通过技能大赛制度，技能大赛的影响是深远的，通过技能大赛实现“以赛促建、以赛促学、以赛促教”的目标。作为一名中职学生，能从校园中体会到成就感、成功感，这将会对他三年职中生涯有很大的帮助。因此，作为中职教师，我们要善于给他们提供创造成功感的机会，从而提高他们的自信心。因此，结合自己的网页设计教学，笔者在自己的教学过程中，结合省、学校的技能大赛的要求，在自己所教班里同样形成“以赛促学”的学习风气。
教学中，根据学生掌握技能的程度，让学生有自己实践制作主题网站的机会，于是结合学生的兴趣、提升爱国情操的主题，开展了“自己动手制作网站”活动，并进行相应的评比活动。比赛之前，笔者跟学生明确制作网站活动要求，和学生共同制定评比方案以及评比标准。创作过程中，引导学生借助于多媒体手段、电子机房、教学网站、电子邮箱和QQ等教学资源，积极参与，互相帮助，共同发展，设计出优秀网站作品。创作后，笔者精心准备好了一堂专门的评比分享课。
在评比过程中，采取分小组，小组推荐作品或者自荐作品的形式进行展示，学生之间相互评分的形式。整堂课学生的展示，让老师眼前一亮：学生争先展示作品，自信心非常高涨；好作品层出不穷，设计独特创新。通过此次比赛，学生“尝到了甜头”。于是，在同学和老师的倡导下，网页设计课程根据教学内容和模块，一学期相应地举行了几次这样的比赛评比活动。通过在班级里举行“网页制作评比活动”以及学校每年一度的“学生技能大赛”，给学生搭建了交流学习的平台。从学生层面来说，调动了学生的学习热情，对学生的学习主动性有了极大的促进作用，对学生的学习方法和努力方向有明确的引导作用，对学生的实际动手能力有明显的强化作用，对学生的求知欲和上进心有强烈的激励作用。从专业建设层面来说，有效发掘网页设计的好苗子，为今后的省、市各类竞赛储备人才；借助优才生的“以点带面”效应，牵动整个专业的学生积极投入到专业学习，从而形成“以赛促学，以赛促教”良好的教学风气。
2大胆改革和创新网页设计专业教学方法
2.1微观教学采用“四阶段教学法”，将“引、学、练、评”融为一体，教学体现“教师为主导，学生为主体，训练为主线”的原则
第一阶段，案例引进课堂,明确解决的问题。从《网页设计》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，在线教育网、用户调查网、书店网站、江苏旅游信息网等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。用具体案例引路，将学生带进网页、网站的设计之中。
第二阶段，案例分析，学生讨论，归纳方案。先由老师对案例进行分析，找到解决问题的方法和操作技能。教师对于关键性技术内容应尽可能精讲、可详讲，必要时还可补充一些内容；而类似的技术略讲，只是告诉学生如何去学。同时，吸收学生参与课堂教学活动，鼓励学生参加讨论、分析案例，小组最终定出解决的方案。
第三阶段，分组合作，完成任务。网站的案例往往具有综合性和复杂性，通过个人的制作一般要花比较长的时间，而且效果不明显。但通过小组的分工合作，取长补短，容易调动学生的积极性，学习效果也比较好。第四阶段，展评结合，分享学习。各组的组长向全班汇报、展示、交流本组设计的最终作品，在介绍过程中要求说明各组平面布置图的设计思路以及制作过程中遇到过什么问题，这些问题是如何解决的，同时，其他组的同学也可提出问题，让设计者解释设计所用的相关技术及特点。最后各组之间进行互评，互相学习，通过相互评价进一步修改各自的设计，评选出客户最满意的作品，教师点评。
2.2建设网络教学环境、促进学生主动学习
在中职学校里，有这样一种现象：老师比较抗拒给学生在课堂上网，因为中职学生自我约束能力比较差。一开网，学生就有可能在QQ或者游戏，严重影响了教学效果。这就对教师提出了更高的要求：要更好地组织课堂教学，更好地引导学生上网辅助教学。根据《网页设计》这门课程的特点，利用计算机网络，可以搭建课程网络教学平台和技能学习网站，在网站上集成了教学大纲、实验大纲、在线答疑、在线测试等课程建设的相关教学资源，使学生通过计算机网络在线学习，通过在线答疑和教师在线交流，通过在线测试检验学习效果，促进学生主动学习。通过建设网络教学环境打破传统的以课堂为主的灌输式教学方式,探索建立多渠道的获取式教学方式：即坚持以学生为中心的教学理念，在教师的必要指导和宽松学习环境条件下，学生主动地利用计算机网络系统环境的渠道，自主地、创造性地去主动获取知识和技能。
2.3鼓励学生参与校园内外的各类专业实践活动
中职学校在教学理念上提倡“引进来，走出去”。结合《网页设计》这门专业课程的特点，在课外鼓励学生走入社会开展各种社会实践活动，包括建立个人网站，建立模拟企业网站，设计个人主页，租赁虚拟服务器，租赁空间，委托方式等。通过专业能力和社会实践的相结合，可以让学生提前体会到自己专业能力的好坏直接和以后的工作能力和社会适应能力有很大的关系，从而促进学生在校加强专业技能的学习，而不抱着“做一天和尚撞一天钟——得过且过”的消极想法。
3多元主体共同评价和考核学生的学习成果，发挥考核的激励功能
3.1实行全面跟踪考核
针对《网页设计》这门课程，笔者对学生平时课堂参与状况、作业完成情况、特别是实践教学中的表现等进行全面考核，记入成绩，并加大日常考核的比重（日常考核占60%；期末和期中考试只占40%）。这样，大大激励了学生平常实践上机过程的积极性和自觉性。使考试不再是检验学习效果的唯一目标。
3.2加大实训过程所设计的网站作品的评价力度
《网页设计》课程对几大专业技能，比如Flash、Fireworks、Dreamweaver的操作技能以及美工设计能力都要求比较高。因此，能熟练操作网页设计工具，制作出一个优秀的网站作品，那么这位学生在网页设计上绝对顶呱呱的，那自然这门课程的专业成绩就相对比较高分了。过分强调理论笔试考核，只会摧毁学生尚存的那么一点点学习积极性，结果就是造成“学风日下”的不良后果。因此，在这门课程的考核上，笔者一般不采取笔试的方式，更着重于学生平常网站作品的积累和创作，加大网站作品的评价力度。这样，才能激发学生专业学习的兴趣，才能真正反映学生的综合知识、技能水平，才更加有利于培养具有创新精神的应用型专门人才。
作者：陈爱霞 单位：南京市玄武中等专业学校
第二篇
一、教育目标
1.知识目标
①掌握有关网站的基础知识；②掌握常用的各种HTML标记；③掌握表格的基本知识；④掌握简单的动画制作知识；⑤理解和掌握数据表单的基本知识；⑥了解网站的测试、及维护知识；⑦理解和掌握DIV＋CSS技术知识。
2.能力目标
①能使用Dreamweaver等网页设计工具制作网页；②能用HTML语言设置和编辑网页元素；③能合理使用各种多媒体元素；④能运用CSS技术设置网页风格；⑤能使用DIV＋CSS搭建网站；⑥能并维护网站。
3.素质目标
①具有一定的需求分析能力；②具有一定的团队协作能力与团队沟通能力；③具有一定的资料收集与整理能力；④具有一定的艺术设计素质和创新意识。
二、教学设计对比
1.传统教学模式
以往本课程的教学依托于DreamWeaver可视化编辑器，由教师首先通过投影仪进行演示，然后交由学生自主练习。这种方式有如下几个弊端：①学生对代码理解较差，离开可视化界面就不认识代码功能；②投影仪演示完毕即结束讲解，学生记不住操作步骤；③学生无法迅速养成自学习惯；④教学任务随机，缺少一个主心骨；⑤讲解传统知识较多，新知识、新技术引入较少。
2.改革后的教学模式
在改革后，我们首先让企业合作伙伴选取具有针对性的课程设计项目，然后将项目拆分为项目准备与项目需求分析、界面效果图设计、效果图切片、网站动画制作、网站主要页面基础编辑、网站后期编辑和网站测试、与维护8个任务，要求学生在规定时间完成每个任务，实施任务驱动；其次，教师将学生进行分组，每个阶段的工作首先由学生通过自学加分组讨论的方式提出解决方案并逐一实施，教师从旁指导并给出建设性意见，实现了教学做合一并提高了学生的团队意识和自学能力；本课程教学转入机房使用电子教室的方式，在每个阶段需要演示时，通过教师机直接控制学生机进行演示，加深了学生对知识讲解的印象；最后，将企业实际项目评审机制引入课堂，由各组组长与教师按阶段共同评审各小组的项目成果，这样既锻炼了学生的审美能力，又增强了学生的荣誉意识。
三、教学条件
1.教师要求
①要求授课教师具备网站建设经验；②对本课程的新知识、新技术有一定了解；③掌握一定的教学方法与教学艺术。
2.教学环境要求
（1）硬件资源：①投影仪一套：实现展示课件、展示实例、演示操作等功能；②教师机：实现教学广播等功能。（2）软件资源：①电子教室软件：极域电子教室；②网页设计软件：DreamweaverCS5；③图像处理软件：Pho－toShopCS5；④动画制作软件：Flash／Swish。
四、实施说明
①与企业紧密合作，让企业参与课程建设，如引入企业的实际项目、工作规范与流程、企业文化等；②精心设计教学环节，在教学任务中体现任务驱动和“教学做”合一；③充分调动学生自学的积极性，给予学生较宽松的学习环境，培养学生的团队协作能力；④给予学生专业的技术指导，并为学生介绍新技术、新知识。
五、结语
与其它院校进行的本课程教学改革相比，我们更加强调通过任务驱动的方式实现教学做合一，这种改革模式关键点在于锻炼了学生的自学能力与团队协作能力。通过两年的教学改革实践，我们发现学生的自学习惯逐步养成，自学能力逐步提高，并且学生习惯了分组讨论的模式，锻炼了学生的团队协作能力；学生对代码的理解能力有了显著提高，80％的学生可以使用DIV＋CSS的方式搭建网页框架，这个比例比以往提高了一倍以上；拔尖的学生比往届更多，参与国家相关竞赛取得了优异成绩；后续课程教师普遍反映：由于学生基础打得牢，授课难度明显降低。
实践证明，此教学改革行之有效，值得推广。本教改实践中发现，一部分学生与人沟通交流的能力较差，其原因是这些学生性格内向，不够开朗活泼。建议今后加强学生素质拓展活动，以提高学生的综合素质。
作者：张俊晖 单位：四川信息职业技术学院