网页制作实训总结范文精选

摘要：本文针对高职院校培养技能应用型人才的实际需要，对“网页设计与制作”课程从课堂理论教学、实践教学和课程考核方式等方面进行了研究与探索，并取得了良好的教学效果。

关键词：网页设计与制作；教学案例；任务驱动

中图分类号：G642 文献标识码：B

文章编号：1672-5913(2007)18-0026-02

1引言

“网页设计与制作”课程是高职计算机专业的必修课，也是大多数学生感兴趣的课程。随着Internet的飞速发展，网络已深入到社会的各个阶层，大批学生对网络、网站和网页等概念都已有了初步认识，同时也自己动手设计网页，建立自己的个人网站。因此，借助良好的学习动机，寻求合适的教学方法，是帮助学生掌握好该门课程的关键。

2采用多维、多层次教学模式，调动学生学习主动性

目前，我国的高职教育正逐步形成以就业为导向，以能力为本位，以实践为中心，以获取职业资格证书为标志，以促进学生的职业生涯发展为最终目标的办学模式。因此，在计算机课程的教学过程中，我们强调理论以够用为度，关键是强化实践教学，培养学生的动手能力。在“网页设计与制作”课程教学中，我们将理论课与实践课的学时比例设置为1:2，如何上好这占据总学时数1/3的理论课，并且能满足不同层次学生的学习需求，是理论课教学的关键。

摘 要 本项目是高等职业教育国家教学资源库的一个子项目。针对传统网页设计与制作教材专注于“网页三剑客”等技术软件的操作，使得学生设计出来的网站栏目设置不合理、首页布局无特色、内容定位不清晰等诸多问题，结合社会实际要求，融入创业教育理念，遵循网站建设的业务逻辑，引入企业网站的生产流程，对课程教学内容体系进行了重构。选择网页素材丰富、页面规范化程度较高的企业网站为载体设计出了本课程的实训项目，特别注重“商务”诉求的分析与表达，为学生职业能力的打造提供了良好的保障。

关键词 商务网页设计与制作 课程设计 电子商务专业

中图分类号：F713 文献标识码：A

截至2012年12月，中国网络购物用户规模达到3.12亿，市场整体交易规模为10.2万亿元，同比增长29.9%。随着网络购物人数爆炸式的增长，越来越多的企业开始尝试利用网络平台开展商务活动。同时，企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点，企业希望人才来了就能用，这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程，这门课程学好了，对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验，引入企业网站的生产流程，对课程教学内容体系进行了重构。

1课程教学现状及存在的问题分析

《商务网页设计与制作》是高职电子商务专业的一门核心专业课程，既是学生最期待、最向往的课程，也被认为是最艰难，最难啃的课程，以文科学生为主体的商贸财经类专业尤甚。之所以向往，是因为它如此之重要；之所以艰深，是缘自于技术的隔膜和不必要的恐惧。当然，究其原因，传统教材与教法，自然难辞其咎。

1.1课程设置不合理，知识内容落后

传统网页设计与制作教材，往往专注于“网页三剑客”等技术软件的操作，让学生从一个代码，一段文字，一张图片入手，来制作属于自己的网页和网站。这种教学模式，经过两到三年，学生还难以上手；而一名合格的网页设计师，往往只需一两天，就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色，内容定位不清晰。总之，网页制作门槛高、学生动手操作难，美工不出彩、商务没感觉，这是传统模式的致命缺陷。

一、网页设计实训项目的制定

网页设计实训项目的制定需要通过项目教学法来实现，项目教学法的核心是由教师指导学生以几个完整的案例项目为中心展开的教学活动。教师刻意把大纲知识点融入到项目的各个环节中，由学生自行探寻得到最终结果的途径，学习的重点在于学习过程中学生的综合职业能力得到了提升，成为具有优秀素质的高级技能型、应用型专门人才。网页设计是学生从事IT职业的基本技能，随着信息技术的进步和人们艺术鉴赏能力的提高，对网页设计与制作的要求也越来越高，目前已逐渐发展成为一个融合计算机技术与平面动画艺术的复合型职业。在项目教学体系中，《网页设计》课程体系要综合多门学科予以支撑。了解和掌握课程体系中各课程之间的主次地位和融合关系是课程实训项目制定实施的前提。加强平面课程与《网页设计》课程的联系，将平面设计理论充分的融合到网页设计的实训项目中来。本课程项目的制定以社会职业岗位需求不断做变化、调整，依据课程性质的特点创建了完整的教学的条件：实践课堂、网络课堂、有整套的电子教案，经典教学案例，习题课件，总结复习课件，试题库、素材库、案例分析等多种形态表现的网上教学资源，基本实现了多种教学媒体的优化组合。课程的教学素材来源于网络的真实运行的优秀网站。教学内容紧跟网页制作技术的发展，以主流的网页制作软件作为工具，实时将优秀素材纳入教学资源库，预留学生可设计、发挥的空间，教学资源师生共享。着重培养学生设计和制作网页能力。在教学中，教师先在学生面前呈现现实中真实的网页，以各种精美案例帮助学生分析该任务的主要知识点和新技能，学生在教师的指导下根据自己对网页制作基本规则的理解完成网页的创建和管理。激发学生关注以后的职业需求。学生要对项目的实施步骤详细分析，对网页的主题风格、内容收集整理、版式格局、色彩表现等方面做以团队成员分工安排，学生在规范的实施过程中，实现自我独立思维过程的完整训练。教师要鼓励学生展现自我个性。由此看来，大胆改革教学内容和教学模式，结合专业课程教学特点进行真实的实践项目，设计了“全项目贯穿，团队协作”的项目驱动任务引领的教学模式。项目化教学”的教学内容体现“教”“学”“做”相结合，网页设计实训项目的制定，鞭策了教师采用先进教学方法，实践和理论教学紧密结合。

二、项目教学法在《网页设计》课程中的实施

（一）专业师资雄厚，开展校内督导

本课程建设力度大，具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合，整体素质高，实践能力强，具有凝聚力和团队合作精神，教学水平和学术水平高，其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养，教学方法先进，确保学生学以致用。并引进企业真实项目，作为学生训练的项目。学生毕业就能上岗，上岗就能工作。《网页设计》课程建设理念先进，学院积极改革，以职业能力培养为重点，探索校企合作模式，结合行业需求进行课程开发。通过召开设计师讲座，与企业合作进行基于项目工作的课程开发与设计，有计划地安排教师参加专题科研或到企业工作，选派年轻教师参加相关专业课程班进修，提高业务水平、技术应用能力和实践操作能力；充分体现职业性、实践性和开放性的要求，融“教学会”为一体的工学结合课程模式。

（二）组建学习团队，开展项目教学法

教师要根据项目的内容和要求，依据学生的具体情况，分为多个团队，安排不同任务角色，每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求，做一个大致的说明。让学生体验职业岗位需求，从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务，使用实例进行必要的操作技能和理论知识的讲解，通过提供多种表现方式来实际演示辅导，然后由各个学习团队自行去讨论研究网页设计的开发与制作，鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法，最终得到项目结果。对于完成项目任务所涉及的理论和方法，教师要渗透到项目教学活动中，达到学习理论与实战紧密结合，最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点，在实施项目时，教师要充分调动学生学习的积极性、主动性，建议学生自己动脑、动手去获取更多知识，充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目，例如，与学校有关的主题：1.“培训处网站”；2.“小学语文课程与教学论教学资源库”；3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。

（三）团队合作探究、汇报交流

论文摘要：目前，项目教学法在高职院校越来越受到重视。应根据项目教学的理论，从实例入手，研究《平面设计软件》课程实训项目设计方案的理念与构成，对信息收集、方案选择、项目执行中的技术问题及成果评价等环节进行探讨和分析。

论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力

平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课，是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的，教师给出一个课题，学生在指定时间按教师的要求完成作品，整个过程在教师的辅导下完成。在这样的教学过程中，学生的职业能力难以得到很好的训练，团队精神难以得到有效的培养。所以，在实训课上进行项目教学是很有必要的，因为项目教学法的核心是在教师的指导下，由学生去探寻得到最终结果的途径，学习的重点在学习过程而非学习结果，这对学生能力的培养是很有帮助的。在2周的时间里，如何设计项目才能使学生真实地体验一个项目的完整制作过程，是需要教师研讨的问题。

实训项目设计分析

实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础，实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。

设计理念平面设计是近十几年逐步发展起来的一个复合性职业，涉及面非常广泛，涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨，实训项目设计应该围绕着专业方向和培养目标进行设计；围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发，即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计；以项目小组的形式开展教学活动；通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件，完成符合实际要求的平面设计作品，实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要来源于企业，因为本课程的学生是“广告设计与制作”专业的一年级新生，还没有学过平面设计方面的专业课，用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标，可采取将虚拟项目按照真实项目完成的形式进行教学设计。

设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律，针对不同的用户要求进行各种平面作品的设计与制作。所以，“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力；文化类广告设计可以培养学生掌握完整的设计制作流程；“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例，分析实训项目的设计方案。

实训项目设计方案

摘 要：《网页设计与制作》是中等职业学校计算机专业学生的一门核心专业课程。通过这门课的学习，学生能够掌握网页设计与制作的基本技能。但是，传统的教学方式对于这样一门技能型课程来说还远远不够，只有通过实训才能加深学生对于各知识点的了解和掌握。本文旨在通过在《网页设计与制作》课程实训中运用多种教学方法进行项目式教学的案例，对教学过程进行总结，探讨适合中等职业学校学生的一些教学方法。

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

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

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

1 实训阶段

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

1.1 实训动员

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

摘要：我院实行项目化教学改革，在实践中教师们发现，对于实践性较强的《网页制作》课程，用项目化教学、结合“双线并行”的教学模式，有效培养了学生网站开发建设，网页设计制作能力，促进了团队合作，提高了学生学习能力和创新能力。

关键词：项目教学；实践；双线并行；网页制作

中图分类号：G712 文献标识码：A 文章编号：1007-9599 (2011) 18-0000-01

"Double Parallel" Teaching Mode Practice and Exploration

Meng Xia

(Liaoning Forestry Vocation-Technical College,Shenyang 110101,China)

Abstract:The hospital implemented the project of educational reform,in practice,teachers have found that for strong practical"Web Production"course,with project-based teaching,combined with the"double parallel"teaching mode,the effective training of students in web site development construction,web design,promote teamwork,improve student learning and innovation.

Keywords:Project teaching;Practice;Two-parallel;Web production

【摘要】本文通过分析我校《网页设计与制作》课程中传统教学方法的不足，探索了以任务驱动为导向的信息化项目式教学法在此课程实训教学中的应用。通过在实训教学中引入信息化教学手段，设置学习情景与工作任务，实现了学习过程可控制和学习效果可量化等成效，得出信息化项目式教学方法的应用在提高学生实践技能与职业素养方面具有重要意义。

【关键词】网页设计与制作，信息化，项目式教学法，实践技能

当今社会，网页已经深入到生活的各个行业。每天上网浏览网页、获取信息已经成为人们工作生活中的日常行为，对于企业来说，利用网站进行品牌宣传、利用网店销售商品也已经成为企业的工作常态和新的途径。对于高职院校电子商务专业的学生来说，设计和开发企业网站，对网店进行装修和美化是他们以后工作一部分，因此他们需要学习并快速掌握网页设计与制作技术。

1、传统教学方法问题分析

作为电子商务重要技术基础的《网页设计与制作》课程是高职类电子商务专业的必修课。

它是一门实践性极强的综合性应用课程。传统教学方法往往注重于Dreamweaver、Photoshop等技术软件的操作[1]，重点要求学生学习一些代码、特效等技能操作。这种传统教学方法强调以课堂为中心，以教师为中心，围绕着教材进行授课，这样往往忽视了学生的积极性、主动性，无法培养学生制作网页时所需的创造性和理解能力。通过分析，我们发现采用这种传统教学方法存在以下问题：

首先，高职类电子商务专业学生学习主动性不足，技术基础薄弱，同时缺少网页设计与制作所需要的抽象思维能力，这种传统教学方法会造成学生学习兴趣不高，学习效果较差，往往经过一个学期甚至更长的时间学习后还难以学会这项技术。

其次，在这种教学模式下，技能学习的过程与真实的网页设计开发项目流程差别较大，学生在较短时间里可能掌握部分软件操作技能，但无法从整体上快速把握网页设计与制作全过程。

1目前企业对网页设计师的要求

随着4G网络的成熟和智能手机的普及，网页设计师不仅能制作普通网页界面，更多是能设计艺术界面和交互界面的网页，能适应多平台等特点。根据我学院每年对企业调研，目前企业对网页设计师的要求：（1）根据企业需求和定位能够设计符合当下交互技术的流行网页界面；（2）能够制作静态网页和网页前端javascript特效，较好配合后台程序员进行网站开发；（3）有较强的自学能力，是艺术与技术相结合的高素质技术技能型人才。

2高职网页设计课程的教学现状

我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：

2.1开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程，是它包括构图、排版、特效制作等多种知识，决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施，但针对性不强，如针对企业需要艺术与技术相结合的网页设计人才，专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础（java方向）》相关专业技术课程，也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程，但没有真正以企业工作过程为导向，开设艺术与技术相结合的网页综合项目课程，学生很难融会贯通运用综合知识进行网页设计，另一方面由于网页设计技术的飞速发展，从最早的表格布局到现在DIV+CSS布局，网页语言从最早的HTML1.0到现在的HTML5，网页的设计风格也随着时代的变化而不断改变，社会对网页设计师的要求不断提高，而高职院校相关专业课程没有适时更新，学生也缺乏提升自我的学习能力，因此高职毕业生很难适应网页设计这一行业的人才需求。

2.2教师专业水平有限，团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程，但由于各个任课教师专业水平不同，团队意识不强，较难形成一个企业整体项目意识，通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学，有的教师自身受限专业水平与实践技能，无法与专业组教师达成共识，造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系，网页设计综合技能很难得到提高，只能满足于淘宝美工却无法胜任电商网页设计师。

2.3教学方法单一，仍以传统教学为主长期以来在教学中仍以教师为主体，而忽略学生的主体地位。h教师在授课中，往往先讲解网页各独立元素的设计制作，与整体案例的设计制作相分离，导致学生在实践过程中，学生只掌握每个工具单独使用，不能将网页各独立元素的制作与整体项目相结合，当需要综合运用各种软件工具知识去制作完整项目时，却显得力不从心，即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整，授课内容还是以理论知识为先导，教学手段单一，老师虽是孜孜不倦的教，而学生兴趣缺乏，参与性不强，不能培养学生的自主学习能力和团队协作能力，往往老师累得满头大汗，学生却收获甚微。

2.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

摘要：高职教育应突出职业能力培养，把课程内容从以知识中心改成以任务中心，强化学生动手能力、职业素养和工程意识。从课程设计理念、教学内容选取、课程实施三个方面介绍了任务引领型“网页设计与制作”课程的教学设计，展示了以任务为主线、以项目为载体、学做一体化的任务引领型教学模式。

关键词：网页制作；职业能力；高职教育

作者简介：柳珺（1963-），女，北京人，河北政法职业学院计算机系，副教授。（河北 石家庄 050061）

中图分类号：712 文献标识码：A 文章编号：1007-0079（2013）10-0135-03

一、高职教育概述

高等职业教育作为高等教育中的一个类型，其人才培养规律不同于学术人才培养规律。高等职业教育应该以社会需求为目标，实践动手能力的培养为主线，所学知识、技能具有岗位针对性。因此高等职业教育的教育过程应以“项目化”的实训任务为引领，以培养学生职业能力为核心，通过职业技能的培养，努力挖掘学生的动手能力，能够让学生在学中做、做中学、学做一体，从而提升学生的专业知识应用能力和职业技能的迁移能力。

当前高等职业教育所面临的核心任务是课程的改革，而“任务引领”教学模式符合职业教育规律，强调理实一体、做中学的理念，[1]因此“任务引领”教学模式是突出高职办学特色、促使课程改革走向优质的一条有效途径。

“任务引领”是指在整个教学过程中以工作任务为主体，强调理论与实践相结合，在真实的工作环境下将所要学习的新技能、新知识渗入学习任务中，以完成任务的过程作为教学活动的核心，教学活动、教材内容和教学条件等环节均围绕一系列的任务进行，实践和理论高度融合。[2]