前言：中文期刊网精心挑选了网页设计实训总结范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。

网页设计实训总结范文1

关键词：网页设计与制作 综合实训 案例教学 任务驱动

中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）05（b）-0173-02

近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。

1 实训阶段

以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。

1.1 实训动员

在综合教学实训进行前，要做好学生的学习动员工作。一方面，让学生明确综合实训的主要目的是让学生通过实践，了解和掌握网页设计与制作的基本方法，通过不断上机练习达到解决实际问题的能力。因此，集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识，根据网站制作的流程，完成一个综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。另一方面，让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣，让他们积极主动地参与到实训中来。

1.2 实训过程

在《网页设计与制作》综合实训教程中，老师的角色是参谋，学生的角色是任务的完成者。老师提出项目要求，学生根据具体的任务来完成。我们把一个班的学生分成10个小组，每个小组4～5人，每个小组选择一个主题制作网站，综合运用前面所学的知识和相关的技术共同完成。

1.2.1 基本知识回顾

这部分的要求是温习网页制作课程的重点难点，使学生对Dream weaver各方面的操作知识系统的由“片”的认识转向“面”的认识。

1.2.2 案例作品赏识

在网页设计过程中，经验丰富的设计师需要博采众家之所长，形成自己的风格，而对于初学者来说，模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较，会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣，吸引学生积极主动地参与实训。

1.2.3 案例模仿操作练习

从历届学生的优秀作品中选择一个典型的案例，让学生作为网页设计与制作知识的回顾。例如，对一个旅游网站进行解析，使学生了解制作网站的基本方法，让学生对旅游网站的粗略和宏观认识得到细化，使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。

1.2.4 作品的选择、网站需求分析、站点规划

在综合实训中，首先要求各小组学生选择一个网站主题，主题一般选择如下内容：校园生活、教育、体育、旅游、电子商务等。然后，小组成员开始着手进行网站需求分析，设计整个网站的框架，选定要设计和制作的各部分内容，由组长组织完成一份完整的网站规划书。在此过程中，老师要适当指导，要求学生独立完成，设计出有具有本组特色的网站。最后，由组长给本组成员进行网站设计与制作任务分配，分头搜集素材并进行整理。

1.2.5 网站色彩搭配

网站的色彩就像人的外表一样，如果打扮得美观大方，就会给人一种魅力四射的感受，而不修边幅则让人感到粗糙毛草，所以，网页的色彩搭配将直接影响访问者对网站的印象。网页配色有着很强的艺术性，不同的色彩搭配方案就会让人产生不一样的感受。对于初学者来说，模仿是最容易看到效果的方法。在站点规划完成的基础上，选择网站的主色调和学习色彩搭配。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。由于中职生英语、数学等文化基础较差，编程对他们来说难度太大，他们走上工作岗位后一般不会从事程序开发工作，大多数学生毕业后从事的是网站美工等，因此，应该在网页美工等方面加强培养。

网页设计实训总结范文2

关键词：网页设计；高职；教学设计

中图分类号：G718

《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。

1 教学内容分析

网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。

对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。

综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。

2 学情分析

2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。

2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。

3 教学设计思路

3.1 理念。基于工作过程开发网页设计课程。

3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。

表1 小型企业网站项目举例

序号 模块名称 知识点

1 建站准备 需求分析

2 规划设计网站 网站规划设计知识、网页配色

3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用

4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用

5 设计制作栏目1-公司概况 网站中字体搭配与排版

6 设计制作栏目2-企业相册 表格、网页中的多媒体应用

7 设计制作栏目3-产品展示 超链接、CSS

8 设计制作栏目4-留言板 表单、数据库访问

9 网站整合与 申请空间及上传网站等

3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。

单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。

4 教学方法与手段

4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。

4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。

4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。

4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。

4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。

5 考核办法

以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。

6 结束语

本文针对高职院校网页设计课程的教学设计进行了分析和探讨。首先对网页设计的教学内容和学生情况进行了详细分析，对症下药。对传统的教学设计、教学方法和考核方式进行了改革。经一年多的一线教学实践，学生的学习兴趣浓厚，网页制作能力明显提高。

参考文献：

[1]樊霆.刍议高职计算机教育存在的问题及对策[J].计算机光盘软件与应用，2013（21）：231.

[2]赵培琨，赵娟娟.Web标准化在高等职业教育中网页制作课程的地位和作用[J].大众文艺（理论），2008（05）：112-113.

[3]温荷.对高职高专学生特点的初步探索[J].中国教育导刊，2007（04）：35.

[4]戴士弘，毕蓉.高职教改课程教学设计案例集[M].北京：清华大学出版社，2007：103-104.

作者简介：王圆（1980.9-），女，吉林农安人，讲师，硕士研究生，研究方向：信息处理。

网页设计实训总结范文3

每一位学生都拥有不同的兴趣和爱好，且他们对于知识的掌握能力也存在一定的差异性。所以，针对学生合理实行分组教学更能够跟个性化的教学模式相近，以积极提高学生学习知识的情绪和热情，从而达到创新教学实践的目的。具体而言，高职计算机网页设计教师可以从学生的学习兴趣及性格特征出发，将学生大致分为三个小组，针对每一个分组设立单独的学习目标。分组的方式是灵活多变的，教师也可以从学生的爱好及学习的实际情况出发，采取恰当的分组方式开展课堂教学活动。分组教学并不代表教师要在各个小组之间实施独立教学，因为网页设计工作拥有很强的整体性。所以在分组教学实行之前，教师要先让学生对网页设计的过程有一个整体的了解，并清晰阐述在网页设计教学中每一个小组占据的地位及应当发挥的作用，有效避免出现各个小组彼此孤立的不良局面。程序小组：这一小组的成员主要由理科成绩较好的学生组成，他们拥有较强的理科思维，有利于程序的编写；学生学习目标：对HTML、XML、PHP、ASP等编程语言有一定程度的掌握。美工小组：该组成员主要在那些喜欢绘画、制作动画、处理图像的同学当中遴选，并积极吸纳拥有一定计算机网页设计操作经验的学生；学生学习目标：熟练运用一些动画制作及图像处理的软件，如Flash、Photoshop、Firework等。框架小组：这一组成员主要包含那些学习态度不端正、学习能力偏弱、不太喜欢网页设计的学生；学生学习目标：学会应用一些常见的制作网页框架的软件，如FrontPage、Dreamweaver等。

2科学设置课堂教学目标

在传统的教学模式里，几乎固定了每一门课程的教学目标，而合理实行分组教学之后，计算机网页设计的教学实践得到创新。在高职课堂的分组教学中，每一小组需要掌握的知识结构均存在差异，因此教师要科学设置课堂教学的目标。这就如同是盖一座大厦，虽然每个部门负责的建筑任务不同，但都要在打好基础的前提下才能施工。所以教师首先要设置出一个基础的教学目标，帮助全班学生从总体上初步认识计算机网页设计的理念，熟悉其开发过程。当学生满足这一基础要求之后，教师再以每个小组的具体学习状况进一步实施课堂教学目标的设置。程序小组教学目标：在网页设计的整个过程里，程序设计部分是最复杂的，该小组的学生通常会被学习中的一些复杂问题困扰，极易产生厌学等不良情绪。此时教师应当多给予学生学生鼓励，并耐心为他们解释网页程序设计知识的重要性，告知他们程序设计的发展前景和就业前景，致力于提高学生学习的信心及积极性。考核目标：由于该小组学习内容相对复杂，考核的目标不能太高，可以划分为几个阶段，每个阶段都设置相应的目标，循序渐进地进行考核，美工小组教学目标：教师不仅仅要在课堂上教会学生操作图像处理及动画制作软件，还要重视培养学生的审美情趣，加深他们的美学修养。教师可以多为该小组学生展示一些美感较强的成功作品，为他们以后从事美工制作工作打下审美基础。考核目标：教师可以首先为学生提供一些素材，要求学生模仿这些素材完成网页设计，然后让其他学生进行评价，教师最后做出总结，为学生分析美工设计的优点、缺点。框架小组教学目标：该小组学生普遍存在学习兴趣低下的问题，不具备一定程度的知识掌握能力，因此教师要重视对他们实施鼓励教学，给予他们更多的知识讲解环节。教学创新的关键在于教师要想办法激发该小组学生学习网页框架设计的兴趣，为以后从事框架设计工作打下基础。教师可以多为学生准备一些成功、失败的网页框架设计案例，帮助学生仔细了解网页框架设计内容的搭配十分重要，从而逐步激发出学生的学习热情和信心。该小组学生应当得到教师的重点指导，在及时纠正学生学习上的种种不足的同时提高学生的被关注感，从而激发他们爱好学习的心理。考核目标：该小组学生学习的能力偏低，开始时教师不能设置太过复杂的考核目标，要以学生学习知识的兴趣程度及知识的掌握程度出发，分阶段设置不同的考核目标。

3加强学生实训实习环节

通过加强网页设计课程的综合应用类实训环节，教师能够帮助学生初步了解网页设计实践的重要性，在更好地掌握基本的网页设计方法的同时持续提高自己解决实际问题的能力，为以后走上企业的网页设计岗位奠定坚实的基础。学生的实训环节主要是实例实训，能够促使学生对网页设计的实际工作过程有一个真实的体验。当然，教师可以创新使用机房的网络资源，让学生在教师机跟学生机上安装配置Web服务器管理程序IIS，从而构建一个真实的实验环境，供学生熟悉网络及网站的开发、建立和管理等工作，促使他们能够在自己的计算机上完成网页设计的实训环节，从而深层次掌握网页设计技术。在就业过程中，计算机专业的学生务必要拥有较强的实践能力才能够得到企业的聘用。因此，高职网页设计课程的教学不仅仅要重视实训，同时也要加强学生的实习操作能力。在具体的教学实践过程中，教师要始终秉持创新的精神，积极跟一些企业联系，让学生进入到企业去实习，为学生提供切身体验网页设计工作的平台，这不仅能锻炼学生理论联系实际的能力，还能够提高他们的沟通交流水平及团队合作水平，加强他们的创新能力及应变能力等。有学者曾经指出：学校教学应当在课程安排方面适当加大实训实习教学的比重，因为高等职业教育最重要的人才培养特征正是实际应用能力。所以提高高职计算机专业学生综合应用能力的关键在于加强学生网页设计的实训实习环节，力求在教学实践上追求创新。

4鼓励学生参加认证考试

在当下我国的人才市场招聘里，我们通常会看到“招聘网页设计人员，且必须通过相关认证考试”或“招聘网页设计师”等招聘内容，因此，资格认证具备一定的价值。其一，认证能够证明自己的个人才华及能力，适当表现出了人员的技能职业化特征；其二，当前用人单位招聘录用、给出工资待遇最主要的依据已经发展成了认证证书；其三，个人品味及价值的提升在认证证书上得到体现，在一定程度上拓宽了人员的就业渠道，也提高了学生求职、工作的信心。面对这样的市场需求环境，高职计算机专业的教师有必要在教学过程中积极鼓励学生参加认证考试，尽量通过自己的努力考取网页设计师的认证证书。在证书的考取过程中，学生不仅可以系统地复习已经学过的网页设计知识，还能够获取新的知识，在提升学生个人价值的同时促使教学质量得到了巩固。

5结束语

网页设计实训总结范文4

关键词:网页制作流程;教学内容整合;情境教学方法;顶岗实习

中图分类号:G642文献标识码:A文章编号:1009-3044(2010)02-511-02

Web Publishing Courses and Teaching Methods of Integration

YANG Jin-hua

(Xi'an Railway Vocational and Technical College, Xi'an 710014, China)

Abstract: Uses visits, discusses two forms, with the former years graduate, the computer network company technology manager carried on the communication, understood in the student practical work existed the question, as well as the computer network company to the quality computer college major in the homepage manufacture aspect ability's request, has analyzed the present quality computer specialty the question which existed in the offer courses as well as the teaching. In view of these questions, proposed the improvement means. First, when solid lesson the utilization situation teaching method, builds the environment which on own initiative the computer network company works, please enter the classroom company's technical experts, pays great attention in the computer company homepage manufacture flow two important link's trainings, pays great attention the skill the training. Second, the computer specialized graduation fieldwork may use the item of hillock practice. Third, to homepage manufacture related curriculum conformity. Reforms and explores, the student who after two year teaching profession raises in the homepage manufacture aspect employment ability enhancement, can adapt the computer network company's work very quickly.

Key words: web production process; teaching content integration; situational teaching methods; goes on duty for somebody else the practice

高职的教育,就是要教会学生日后就业的一门技术。也就是说,学生毕业之后,在很短的时间内,就能适应工作环境,胜任工作。高职计算机专业教学任务中,其中有一项,就是培养学生的网页制作能力。为了达到这一目的1高职计算机专业在教学计划上安排了网页制作方面有关的课程,例如:DreamWeaver、FireWorks或PhotoShop、html等。这些年来,笔者对一些从事网页制作的毕业生和用人单位进行了走访,学生普遍反映:课程开设的很多,但是课程的作用以及课程之间的关系不清楚,课程中工具的使用不熟练,理论与实际存在一定的距离。用人单位反映:学生在实际工作中,实做的能力,以及综合运用知识能力欠缺,处理问题时缺少一些技巧,对网页制作的流程认识不到位。在学时有限的情况下,如何培养学生具备应有的能力,熟悉将来就业的工作环境,使他们能顺利地走上工作岗位。笔者在实际教学工作中,曾担任过网页制作相关课程的教学工作。在教学实践中,获得了一些浅显的心得和相应的教学方法,希望与同行交流。

1 分析网页制作相关课程作用以及课程之间的关系

一般高职计算机专业,在网页制作方面开设的课程很多,但是从用途和功能上可以把它们分成三类:

1) 用于图形图像处理软件:PhotoShop或FireWorks,主要完成处理网页上所需图片;

2) 用于建立网页框架的工具软件DreamWeaver;

3) 网页编程Html或JavaScript或JSP或ASP或PHP,主要是用于网页的编程。

一个好的网页离不开美观、漂亮的图像图片。在高职计算机专业教学中,开设图形图像处理课程,讲授的是PhotoShop软件或FrieWorks。用PhotoShop进行图形图像处理,这也是目前网络公司使用的主流技术。光有美观的图片也不行,还要有合理的网页布局,以及要体现网页的主题思想。目前,网络公司是用DreamWeaver软件实现网页的布局,高职计算机专业教学中还开设了DreamWeaver软件课程。

用以上课程的知识,仅仅完成的是一个静态网页,如果想使网页实现一些功能,比如在网页的文本框中输入了用户名和密码,然后与数据库中的用户名和密码值做比较,判断是否一致。如果一致,要求从当前网页跳转到指定的一个网页上。如果不一致,给出相应的提示。这时就需要添加相关的代码。按照编程语言的难易程序,应该是先讲html、JavaScript,然后是JSP或ASP或PHP。总而言之,一个好的网页要涉及到图形图像处理,网页的布局,网页的编程。图形图像处理课程,实现的是网页中图片元素制作。网页的布局课程,实现的是网页总体规划和网页的主题思想。有了网页的总布局之间,才能在现有的代码中添加其他所需要的代码。课程的开设以及开设的顺序也应该按照这个顺序来安排。

2 计算机网络公司网页制作流程中的两个重要环节

目前,在计算机网络公司完成网页制作的流程中,有两个重要的环节。一是多数的计算机网络公司工作人员,用PhotoShop软件,大量的采用切图技巧,为网页制做了所需要的照片,然后用DreamWeaver,然后转换成源代码,供编程人员后期的编程使用。使用这种技巧,网页制作的速度快。二是计算机网络公司工作人员,用一种网络编程语言,完成网页的编程工作。

3 目前网页制作开设的课程存在的问题

3.1 课程开设的过多,课程开设的顺序不科学

一般高职计算机专业,在网页制作方面开设的课程过多。例如图形图像处理开设了PhotoShop和FireWorks课程。而在计算机网络公司多用PhotoShop,PhotoShop功能强大,所以开设PhotoShop。课程开设的顺序缺少科学性。PhotoShop处理的是网页上的元素,DreamWeaver实现的是网页上元素的布局。所以应该先开PhotoShop课程,后开DreamWeaver。在网页编程课程的开设上,也没有遵循从简单到难的顺序,而是直接开了所需的编程课,学生学起来困难重重。

3.2 课程内容上没有突出实用性

每门课程都有它自己独特的实用技术。在实际教学中,一般授课老师忽视了所教课程的实用性,只是遵守教学大纲和学时完成了课程的教学任务。在教学实施的过程中,没有把知识点和技能与现场解决问题的技巧联系起来,造成了学生既使是学习过的,但是在实际工作中还是不能灵活的运用,缺乏处理问题的技巧。目前高职院校的现状,授课老师一般都是从学校毕业后直接进入学校任教,缺少现场的工作经验。课程的理论与实践学时数比不科学。每门课都是老师讲的过多,而学生练习的很少。这就造成了学生学而不精,能力欠缺的现象。

3.3 教学过程中没有课程与课程综合实训的环节

目前高职院校一般都是将这些课程由不同的老师来授课的。每个老师都是各自完成自己所教课程的授课任务。在教学实际中,出现了只注重本课程的学习,不涉及其他课程。学完一门课程之后,虽然都安排有一周或二周的课程实训,但是只是仅仅的一门课程的实训,缺少相关课程综合实训的环节。在实际网页制作过程中,会使用到好几门课程的技能。正是因为缺少课程的综合实训,这就造成了学生走上工作岗位后,对实际的工作流程不清楚,综合运用知识的的能力差。

4 课程的整合以及教学方法的尝试

4.1 课程的开设原则

高职计算机专业开设的课程一定要跟着当前计算机网络公司的主流技术走,公司使用什么技术,专业就开设相关的课程,技术够用就行了。目前计算机网络公司图形图像处理就是使用PhotoShop。因此,图形图像处理课程就开PhotoShop就可以了。在课程安排上要遵循认知的规律,从简单到复杂。网络编程的课程从html、JavaScript到JSP或ASP或PHP。

4.2 课程与课程之间的整合

在网页制作中,其中最主要的课程应该是PhtotoShop和网页编程。同时考虑到知识的学习由简单到难,还要考虑知识之间的综合运用。把PhtotoShop与html,JavaScript整合为一门课程。7PhtotoShop是现在计算机网络公司正在流行使用的工具,可以完成美工方面的工作,同时也可以完成网页整个页面的布局。html,JavaScript是网页编程中最简单的,学生容易接受。课程的总学时60%可以用来讲授PhtotoShop,40%的学时可以用来讲授html,JavaScript。遵循知识够用就行,大量的时间让学生练习。课程实训时,把计算机网络公司网页制作流程,运用于学生的实训中,为学生创造了计算机网络公司网页制作的工作情景,学生在这种情景中得到训练,以适应日后的工作环境。同时又可以对学生综合运用知识的能力得到训练和提高。

4.3 在教学方法上,寻找新的尝试

实践性较强的课程。每一门课程的最后,都有一周或二周的实训安排。以往都是该课程的任课教师来指导。笔者做了大胆的尝试,这段时间,可以把计算机网络公司技术骨干或往届毕业生中已是技术骨干的学生,请到学校参与本课程的学生实训工作。技术人员可以把课程相关的技巧和现场上常用的技能传授给学生,弥补了学校老师授课时存在的缺陷。同时在实训期间,运用情境教学法,营造公司的工作环境,体现网页制作的两个重要环节,让学生熟悉网页制作的流程,以便毕业后,走上工作岗位很快适应工作环境。

4.4 走校企合作之路

笔者与计算机网络公司技术主管交谈时还了解到,其实计算机网络公司也很想为自己公司寻找可塑的新手。计算机网络公司还是看好高职计算机专业学生,认为他们经过了专门的、严格的职业训练。双方协议:在学生毕业实习期间,学校可以推荐一些学生到计算机网络公司进行顶岗实习,同时公司还给学生指定实训期间的师傅。这个过程中,公司可以了解学生,学生也可以了解公司,以便公司为自己物色人才。这只是合作的开始,更深一层次的合作,有待于进一步的尝试。

5 结束语

高职的教育,应与现场实际紧紧相联系。把往届毕业生和用人单位技术人员请进学校,和我们的老师座谈,发现我们教学中的问题,探索新的教学方法,这样才能真正提高我们的教学质量。

参考文献:

[1] 吴旭慧.中职学校《网页制作》教学改革的尝试[J].中国信息技术教育,2009(8).

[2] 刘显丽.网页制作课程的整合探究[J].辽宁教育行政学院学报,2005,22(2):125-126.

[3] 杨晓明.《网页制作》课程教学改革的探索与研究[J].甘肃联合大学学报,2008(3).

[4] 赵晓静.浅谈网站建设和网页制作的方法[J].电脑知识与技术,2008(36).

[5] 韩竹萍.中职《网页制作》课程教学改革探讨[J].中外教育研究,2009(6).

[6] 钟启泉,张华.世界课程改革趋势研究(上卷)[M].北京:北京师范大学出版社,2001.

网页设计实训总结范文5

目前校企合作对于技工院校而言已经不是什么新概念，但是真正做到校企共生、校企双赢的可能没有几家。在电商网页设计一体化教学过程中，涉及到电商网页设计技能训练相关操作任务时，大部分操作实例都是运用传统书本实例，这些实例往往都由他人整理编辑，根本没有实际性的实用价值，更谈不上社会市场价值；如果要全面得到“电商商业网站实际岗位典型工作任务”实例，实现资源整合，只有真正做到校企共生、校企双赢可能才行了通。其次技工院校大部分专业教师并没有社会企业实践经验，他们也不会在电商网页设计课中对学生进行贯彻企业运营管理效率、投资收益率、提升企业知名度等这些企业文化知识，引进企业一线业务骨干协同学校专业教师一起现场辅导学生的教学方法可能成为解决上面两个问题的必然方法。但是对于企业而言，有投资就要有利润，一切付出必需要有回报，这就是企业。在这种情况下，以企业为中心的一体化教学课程设置必将成为学校全体教师需要思考的问题。

二、以职业能力培养为中心

（一）确定职业培养能力

在技工院校情境中和企业岗位设置大环境下，培养学生电商网页设计目的是什么、学生毕业后能不能适应企业高标准岗位要求，这些问题都是电商网页设计一体化教学课程设置的依据。那么基于职业能力培养的电商网页设计一体化教学课程设置首先要确定的是电商网页设计能力目标，能力目标则是由企业电商网页设计岗位要求所决定的。一个合格的电商网页设计师招聘岗位一般分为三个方面（表1所示）。我们综合分析下表1，在电商网页设计一体化教学过程中专业教师首先要辅导学生精通如何使用网页设计相关软件，如Photoshop、flash、Dreamweaver等；并灵活运用这些软件独立完成DIV+CSS页面布局、网页设计、网页编辑、网页美工、网页维护等工作任务。其次就是培养学生网站开发流程，灌输企业网站经济价值观，要求学生设计出具有市场价值的电商商业网站。再次就是传输企业文化，让学生懂得企业如何运营管理、如何投资收益、如何提升企业知名度等职业业务知识，培养学生团队合作能力及解决问题能力。

（二）撰写校企一体化教材

全面得到“电商商业网站实际岗位典型工作任务”，实现资源整合。在这种校企合作机制中，学校只要能做到让企业在撰写一体化教材过程中有利可图，那么校企一体化教材的撰写也许能在校企双方达成共识。校企一体化教材的撰写可以采用以电商商业网站理论知识和实际业务流程为内容，以实际岗位典型工作任务为项目模块由企业一线业务骨干与学校专业骨干教师合作完成，此教材直观反映企业电子商务网页设计岗位的实际要求和企业文化。在学校本教材可以作为一体化教学教科书，培养出的学生不仅可以掌握电商网页设计理论知识，还可以掌握岗位典型工作任务流程和企业文化。学生毕业后就可以直接上岗，企业可以放心的直接使用合作学校的毕业生。在企业本教材可以作为企业内部员工的培训教材，也可以作为企业定期考核员工的参考教材。当企业需要理论试卷对自己的员工进行理论考核时，学校可以免费提供题库资源；当经济快速发展的形势推动电商网页工作任务有所调整时，企业及时与学校进行沟通，做到与时俱进。

（三）改变教学方法

由学生自主学习为主、学校专业教师与企业一线业务骨干一起授课为辅，选择不同项目模块进行轮训的一体化教学方式可能取代传统的以教师讲授为主、以学生被动听课为辅的教学方式。这种教学方式是在学习相关知识之前由学校专业教师组织学生到合作企业参观，了解企业文化，增加学生感性认识，激发学生自主学习的兴趣与热情，回校后再进行系统学习。在教学过程中，教师把课程划分为若干个子项目，设计合适的教学情境，将子项目渗入到教学中；定期让学生与企业一线业务骨干接触，自主讨论，充分了解企业文化，激发学生想象力，增加学生的新鲜感和求学欲望，激发学生制定学习目标和职业规划。此外采用工学交替的办法把学生送到企业去学习，让学生运用在学校所学习的理论知识在相关岗位上进行自查，有针对性的弥补自己的薄弱点，实现课堂即岗位、岗位即课堂的情景教学。学生在学习电商网页设计过程中可依据自身的特长和兴趣自主选择网页规划、网页编辑、网页美工、网页维护等项目模块，任课教师把企业管理运营模式运用到教学上来，使用分组教学法根据学生自主选择情况把一个班级打造成独立承担网页设计的服务团队，充分运用项目教学法和任务驱动法对“电商商业网站实际岗位典型工作任务”进行系统学习，期望能达到因材施教的效果。

三、充分学习企业文化

（一）设置社会评价体系

评价是对整个一体化教学学生掌握情况的总结，以企业为中心的一体化教学学生合作完成的作业不是由教师进行评价，而是把学生合作完成电商网页设计成果纳入社会评价体系，让市场进行评价。基于这种评价体系的基础上，电商网页一体化教学效果难以预测，教学过程中的项目任务目标是否合理科学，只有学生合作完成的电商网站产生了商业价值、给企业带来了利润才能准确判断。因此在电商网页设计一体化教学过程中合理运用社会评价体系能够实现工作即学习、学习即工作的教学效果，也能够实现学生获得企业所企盼的职业综合能力的教学目的。此外专业教师还可以运用企业评价员工的方式对学生进行评价，即当学生为主体的网页设计服务团队设计出的网站产生了商业价值，给企业带来了利润，在校企合作能力范围内教师可以对学生进行个人激励考核，适当的发放奖金。

（二）建立校外实训基地

在学校专业教师及企业一线业务骨干的共同努力下，学生经过校内实训场所进行轮训，经过不同层次的考核能够独立承担电商网页设计的服务团队的任务，这个时候校内实训场所已经跟不上学生学习情境要求，采用工学交替的办法把学生送到企业去学习也许能够解决这个问题。学生可以在一线业务骨干的安排下以服务团队的形式深入到企业岗位上去，运用学校所学的电商网页设计知识进行实际生产，学生把企业作为第二课堂的同时和企业老员工共同承担企业每一项任务，为企业盈利。通过这种校内实训场所与校外实训场所有机结合的措施把校内实训场所成为企业培训员工的工厂的同时，把校外实训场所成为培养学生职业综合能力的课堂。

四、结束语

网页设计实训总结范文6

关键词：电子商务网页美工；职业能力；教学改革；教学方法；课程考核与评价

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2014）25-0038-02

一、课程地位与性质

商务网站平面美工是高职院校电子商务专业的核心主干课程，也可作为高职其他各专业（如计算机应用、计算机软件等专业）的核心主干课程。本课程主要采用图像图形处理软件Photoshop作为学习软件，要求学生必须要熟练掌握该软件的使用，并能够利用该软件进行图片处理与网页设计。Photoshop是Adobe公司推出的一款目前非常流行、应用非常广泛的图片处理软件。Photoshop具备非常强大的图片处理功能，是电子商务专业的学生必修的一门课程。本课程开设于大学二年级，学生在学习了本课程后具有一定的图像综合处理能力与网页设计能力，具有一定的艺术设计能力，具备网页设计与制作的专业知识和技能，能够熟练掌握图形图像处理的方法与技巧，能够熟练完成网页效果图设计与制作，能够制作各种网页广告，能为网站建设进行美工设计。可胜任广告公司、网站公司、电子商务公司等相关岗位的部分工作，同时激发了他们对后续专业课程的学习兴趣。

二、课程定位与目标

本课程总体目标是培养和提高学生们图像处理和网页效果图以及网页广告制作的动手能力、实践能力、分析能力和综合能力。知识目标：通过学习，学生熟练掌握照片处理过程和网页效果图与网页平面广告的制作流程；掌握应用图像处理软件对数码照片进行各种处理的方法；掌握Photoshop设计和渲染网页效果图的方法；掌握图像处理中的色彩应用理论；掌握图像处理中文字处理效果；了解并掌握材质、纹理、图层、通道、蒙版在各行业中的应用。能力目标：能将photoshop基础知识进行综合运用，根据具体要求制作平面与网页作品，具有较高的创意设计能力。培养学生收集、处理信息，准备、加工素材的能力；培养学生制作网页效果图的能力；培养学生颜色搭配和版式设计的能力；培养学生网页广告设计的综合能力；培养学生的责任感、承受能力。素质目标：培养学生专业、用心、细心、耐心的品格，以及吃苦耐劳、严谨认真、诚实敬业、团结协作的职业素质，为以后的就业打下坚实的基础。

三、课程内容与结构

1.课程内容选取。本课程通过“情景导入”真实项目情境，将职业场景引入课堂教学，激发学生的学习兴趣，循序渐进地帮助学生掌握“Photoshop软件的操作方法”、“图像的处理与设计方法”与“网页设计方法”。其中Photoshop软件的操作方法包括选区的应用、绘图与修饰工具的应用、图层与蒙版的应用、路径与形状的应用等内容。图像的处理与设计方法包括文字特效的设计与制作、数码相片的处理、背景与纹理特效的设计与制作等内容。网页设计方法包括网页效果图设计、网页广告设计等内容。

2.课程结构。课程采用“基础知识”、“课程设计”、“实训项目”三位一体的结构，其中“基础知识”介绍各知识点与方法技巧时，例举大量实例并安排上机实验；“课程设计”不介绍具体操作步骤，只给出一些提示，完成相关案例，巩固所学知识；“实训项目”根据实际岗位需求，指导学生完成几个大型项目实例案例。

四、教学及参考资料

本课程在编写校本教材时，本着“提升学生的就业能力”为导向的原则，精心设计“情景导入课堂案例上机实训疑难解析习题”五段教学法，将职业场景引入课堂教学，激发学生的学习兴趣，在职业案例的驱动下，实现“做中学，学中做”的教学理念，最后有针对性地解答常见问题，并通过课后练习全方位帮助学生提升技能。同时，该课程还有大量的教材与书籍可以作为辅助教学参考资料，其中部分书籍拥有网络电子版本，学生可以去图书馆进行借阅学习。

五、教学方法与手段

本课程遵循“赏、教、学、做、创”一体化的理念，采用任务驱动教学法、案例教学法、项目教学法、分组讨论教学法、情境模拟法等多种教学方法，在这里就项目教学法举一个例。

网上供销社网站需要在顶栏位置放置一个“千年苗姜”的网页横幅广告，要求将千年苗姜的主要产品信息、特色及促销信息展示出来。本项目广告在设计与制作过程中，需要注意以下几点：突出广告宣传的主体对象，通过形象直观的图片说明广告宣传的主体对象；注意广告版面的合理布局与设计，注意网页横幅广告的制作要求。本课程拥有优质的教学环境和良好的实训实习条件，有多媒体网络开放教室，能够有效地控制各个教学环节，实现师生互动，提供学生自主学习的良好环境；课程根据教学内容制作了丰富而生动的PPT课件，能够激发学生学习兴趣；课后辅导与在线答疑，为学生提供相互学习、交流和锻炼的机会，利用网络空间实现师生互相交流，方便教师答疑；对于一些重点与难点，录制相关案例详细讲解与的操作视频，方便学生课外自主学习。

六、教学考核与评价

考核：针对课程实践性强的特点，本课程的考核分成四部分：平时成绩+课外设计+课程考试+实训项目。评价：平时成绩30%（出勤、听课表现、回答问题、课堂练习）+课外设计30%（方案制订、设计过程、最后结果）+课程考试10%（考试表现、试卷结果）+实训项目30%（方案制订、设计风格、设计过程、最后结果），针对评价模式改革，改变教师单方面评价模式，充分调动学生的积极性，力求公正客观的评价。

七、课程教学设计

1.课程设计理念。本课程遵循“实用、够用、必需”原则，培养学生的实际应用能力，以传授知识为基础，以解决问题为核心，以提高能力为目标，以促进就业为导向，更新教学理念，创新教学模式，构建教学内容，选择新的教学方法。

2.教学内容设计思路。本课程在模拟真实公司环境的情景下，以项目案例驱动学生动手实践操作，进而对项目中的知识点进行总结，以知识点“图层蒙版”为例。实训项目：“金银花”网页广告设计。实训目标：掌握图层蒙版的使用与特性。参与人员：全体学生（分组）。实训地点：多媒体电子实训机房。实施步骤：教师创设真实职业情境，引出项目任务，教师引导学生分析任务，设计讨论具体的解决方案，27分钟左右。教师引导学生思考图层蒙版的基本原理。学生的完成情况各不相同，采用层次教学，为有余力的同学进行重复讲解，满足每位学生的需求，8分钟左右。教师与学生对完成的作品进行多维评价，并布置了课外作业“百合粉”网页广告，以作业的方式进行提交，实现了项目扩展，7分钟左右。最后3分钟，教师对本堂课进行课堂小结，总结本节课的重点与难点。

八、课程教学特色

课程案例紧密联系农产品、电子商务网站销售产品，引导学生在真实产品、真实案例中掌握网站平面美工各项技能。课程通过大量的“课外设计”与集中的“实训项目设计”，鼓励学生自由创造，给定学生一种产品，要求学生能够根据产品特色设计并制作出相应的网站广告效果；给定一个主题，要求学生能够根据主题设计并制作出相应的网站效果图。课程以职业能力为导向，在教学过程中注重培养学生的职业素质与业务能力。

参考文献：

[1]蒋元芳.基于真实项目的高职电子商务专业应用型人才培养研究[J].电子商务，2013，（3）.

[2]王.高职电子商务专业《商务网页设计》课程改革初探[J].电子商务，2011，（11）.

[3]高洁.基于工作过程的高职网页美工设计教学探索[J].科技信息，2009，（30）.