基于商业网站建设的网页设计课程教学改革*

李扬波，解瑞云

(河南机电高等专科学校计算机科学与技术系，河南 新乡 453000)

目前，互联网正在步入一个新的历史时期，越来越多的新兴应用已经使互联网的面貌耳目一新。CSS、XHTML、Web2.0、Ajax 等先进技术已经逐步在行业内推广，伴随着这些新兴技术，大量的新型网站得以崛起，形成了互联网的第二次高潮，无论是网站开发的理念、技术、内容，还是服务、运营和商业模式，它们和所谓第一代互联网时期的网站有了很大的区别。这些新型商业网站的特点和发展方向正是目前网站开发公司和网页设计团队所追求的趋势。这也为网页设计课程教学提出了新的方向和要求，教师和学生都迫切地需要进行教学改革。因此必须深入分析当前的教学现状及问题，并制定与之对应的教学内容和方法改革措施，才能不断提高教学水平，提高学生在网页设计行业中的就业竞争力。

1 现状及问题

1.1 教学指导思想

教学指导思想没有真正转变。当前的教学更多的是一种理论教学学知识，实践教学学技能的模式，机械化的考试成为了教学的终点，而未能将职业能力目标放在首位，未能确立教学和就业之间的因果关系，未能切实突出职业能力训练的中心地位，未能实现知识传授与能力训练的完美融合。

1.2 教学内容

教学内容的改革虽然一直在进行，但目前大多还是遵循早已形成的教学知识点，仅仅是在具体的知识点上进行改进和扩展，教学内容建立在“点”的基础上，不系统、不连贯。并且一部分教学内容虽然历史悠久，但早已在迅速发展的新技术和商业开发模式下被逐渐淘汰和边缘化。缺乏融合当前最新网页开发技术及建立在市场认可并普遍采用的商业开发模式下的网站开发案例［1］。

1.3 教学方式和教学方法

教学方式仍需进步，对多媒体教学缺乏深层次的研究与应用，计算机屏幕和投影屏幕往往成为黑板形式上的替代品，多媒体课件也仅是纸质教案的翻版，边讲边练的教学模式需要尽快推广［2］。现今的网站开发早已是团队开发、团队合作，而教学中还没能建立起学生之间的团队精神，未能采用恰当的教学方式激发学生各自的特长和研究方向。

1.4 教学文件

教学文件不全，也不统一。多媒体课件都是由任课教师自己制作，不同的教师之间差距较大，教学大纲和实验实训大纲的更新均已滞后。且部分内容没有经过严密的论证，导致了教师的教学缺乏统一性和规范性。

1.5 考核方式

学生的考核方式有待改进，尽管已经废除了长期以来的理论严格，实践松散模式，但仍缺少对学生实践能力的考核，考核内容也依旧是大部分知识加小部分技能，这大大削弱了能力培养这个教学目标的达成，本课程自身的独特性决定了对学生的考核应完全以实践为准，唯有融入市场化的商业开发模式，在众多的岗位中找到自身的定位，才是考核当中最重要的检验标准。

2 教学改革目标和内容

针对教学过程中的问题和现状，我们探索出了一条“基于商业网站设计，以项目驱动为载体;明确职业岗位，突出个体优势”的《网页设计》课程教学改革思路，其目标是整合教学资源，更新教学内容，改善教学方法，增加教学手段，增强实践锻炼、完善课程建设，提高《网页设计》课程教学效果，学生能够掌握充分的实践技能，达到市场要求的产业一线人才标准，力争探索出一个新环境，新形势下的《网页设计》课程建设方案。该课程改革的主要内容包括教学指导思想的改革、教学内容的改革、教学方法和教学手段的改革、教学文件的建设、实习方式的改革、考核方式的改革。

2.1 改革指导思想

建立“基于商业网站设计，以项目驱动为载体;明确职业岗位，突出个体优势”的指导思想，明确提出《网页设计》课程的教学目的不是为了考试得高分，而在于真正地提高学生的网站制作水平，满足市场上对“网站设计师”的能力要求，培养学生的技能特长和团队精神，在众多网站开发相关岗位中找到自己的位置，在团队合作中体现自身价值，能够顺利就业，成才。

2.2 更新教学内容

为提高教学效果和教学效率，课程采用“基于商业网站的项目驱动案例”来构建教学内容，选择最能反映课程本质特点、基本概念、基本原理、基本方法、基本技术的内容作为核心内容，整个教学环节中贯穿了一个成功的大型商业网站开发全过程，删除已经落后淘汰的知识，及时补充新知识、新内容，所有教学知识点均融入在网站开发过程当中，把知识连成线，搭上逻辑的桥梁，既便于教师教学，更便于学生学习。学生不仅能学习到优秀网站开发的新技术，更能接触到网站开发团队从构思、设计、开发、测试、发布、宣传推广，到更新维护整个商业流程中的每个环节。

2.3 提升教学方法、教学手段

根据职业岗位划分教学方向，根据不同学生的兴趣和特点，针对网站设计行业的职业岗位，选择不同的学习方向，在教师的辅导下，加强专攻方向上学习内容的深度和技能应用的水平，按照“六位一体”的模式进行设计与实施，即职业能力需求分析、职业能力目标、职业能力训练项目、职业活动素材、“教、学、练”结合、形成性考核。在专攻领域基本达到市场需求的高级技能型人才。我们推荐的学习方向有:JavaScript客户端脚本语言设计方向、PhotoShop，Fireworks网页用图设计方向、Flash，Audition网页多媒体设计方向、C#，Java网站服务器端程序设计方向、CSS+DIV网页布局及样式设计方向、Dreamweaver，Visual Studio 2005网页开发软件应用方向。鼓励并辅导学生考取本行业的职业资格证书。

理论课中增加分组讨论的时间，学生之间组建自己的网站开发团队，在“基于商业网站的项目驱动案例”的各个重要环节安排组内讨论与组间讨论，通过辩论与合作，提高学生对驱动案例的学习与理解;实践课中建立虚拟公司，为每位同学安排职业岗位，模拟网站开发公司的一切管理，经营模式，熟悉市场规律下网站开发公司的“商业开发模式”。

2.4 加强教学文件的建设

加强课程教材、实验及实训指导书的建设。根据学生具体情况和行业发展特点，及时更新课程教材，把不同教材中的精华合并整理，融入本课程的教学环节中来，并编辑出版符合“基于商业网站建设”特色的教材。加强符合本课程特色的实验及实训指导书建设。［3］实训指导书中我们突出了两种商业开发模式，即网站建设方式中，培养学生同时掌握“模板化快速开发”与“创新式整体设计”两种建设方式。

2.5 改革实习方式

缩短学生在机房，实验室的实习时间，增加学生到企业实习锻炼的机会，以本地区为中心，积极联系具有一定规模，在行业内有较高声誉的网站开发公司，加强合作，安排学生到公司内参加实习锻炼，在网站设计从业者的带领下适应企业的发展和行业文化。

2.6 改革考核方式

考核方式在采用传统“笔试+机试”的基础上，增加了“企业实践”部分，即学生在企业实习实践之后，由所在企业的同事，领导等为学生打分，考查学生在企业中学习、合作乃至人际交流各方面的处理能力，以市场竞争中一个网站开发从业者的角度为学生评分，帮助学生更好更深地分析自身的缺点与优势。

3 特色与创新

1)以“基于商业网站设计，以项目驱动为载体;明确职业岗位，突出个体优势”为指导思想，制定《网页设计》课程教学大纲、实验大纲、课程设计大纲和考核方案。

2)以职业岗位划分学生学习方向，在专攻领域突出个体优势。按照“六位一体”的模式进行设计与实施，即职业能力需求分析、职业能力目标、职业能力训练项目、职业活动素材、“教、学、练”结合、形成性考核。

3)利用“职业资格认证”提高学生的就业竞争力。

4)积极与网站开发公司合作，建立校外实习基地，学生能够更多在公司实习锻炼，了解掌握市场中主流的网站开发环节和流程。

5)采用全新的考核方式，不仅检验学生的知识、能力水平，更侧重于为学生分析市场环境下职业岗位的各种要求。

4 结束语

在网页设计课程教学中，我们面对的是日新月异的互联网时代的新技术、新跨越，我们面对的是求学十余载，背负着全家希望与自身理想，即将步入社会经济大潮中的莘莘学子。这种压力要求我们必须与市场接轨，随时掌握网站设计行业的发展方向，以商业开发的眼光来审视教学中的各个环节，一切以就业为导向，以商业网站的案例驱动式教学为载体，以突出个体优势，培养职业人才为目标，探索新思路、新方法，不断完善对本课程的教学改革。

［1］方薇.浅谈《网页设计与制作》课的教学改革［J］.安徽理工学校学报，2008，(3).

［2］欧阳炜昊，吴振峰.基于工作过程导向的“网页设计与制作”课程教学改革研究［J］.计算机教育，2010，(6).

［3］郭江.实施校企合作的“双主体共育”人才培养模式的探索与实践［J］.华夏教育，2009，(5).