关键词：网页设计与制作；教学案例；任务驱动
中图分类号：G642 文献标识码：B
文章编号：1672-5913(2007)18-0026-02
1引言
“网页设计与制作”课程是高职计算机专业的必修课，也是大多数学生感兴趣的课程。随着Internet的飞速发展，网络已深入到社会的各个阶层，大批学生对网络、网站和网页等概念都已有了初步认识，同时也自己动手设计网页，建立自己的个人网站。因此，借助良好的学习动机，寻求合适的教学方法，是帮助学生掌握好该门课程的关键。
2采用多维、多层次教学模式，调动学生学习主动性
目前，我国的高职教育正逐步形成以就业为导向，以能力为本位，以实践为中心，以获取职业资格证书为标志，以促进学生的职业生涯发展为最终目标的办学模式。因此，在计算机课程的教学过程中，我们强调理论以够用为度，关键是强化实践教学，培养学生的动手能力。在“网页设计与制作”课程教学中，我们将理论课与实践课的学时比例设置为1:2，如何上好这占据总学时数1/3的理论课，并且能满足不同层次学生的学习需求，是理论课教学的关键。
2.1精心制作多媒体教学课件
单调的100分钟理论课，会使学生感觉到沉闷和乏味，因此首先要在多媒体教学课件上下功夫。多媒体教学课件是课堂教学的灵魂，它不只是文字与图像的组合，还融合了各种设计元素，如音频、视频和动画信息，使课堂变得更加生动和精彩。制作课件时，我们根据教学大纲，链接了一些国内优秀网站，并对网站的结构和网页进行分析研究，同时鼓励学生多浏览观摩优秀的网页作品，增加感性认识，培养审美观念，这样对提高学生分析问题、解决问题的能力和学习兴趣都有很大的帮助。
2.2采用任务驱动和案例教学法
在教学过程中，我们采用任务驱动和案例教学相结合的教学模式。教师首先演示制作网页案例，传授本节课所需掌握的知识点。然后学生模仿制作演示案例，在完成演示案例制作的基础上，对学生提出基本要求“根据教师提供的素材和要求扩充演示案例”和更高要求“自己收集资料和素材，以教师提供网页案例为模板，制作网页”。
例如，在框架网页教学模块中，我们所采用的任务驱动教学内容如表1所示。
2.3利用网络资源，实现网上自学与答疑
高职院校学生大部分有较强的求知欲望，压缩后的课堂理论教学已不能满足他们对知识的渴求，应充分利用网络教学资源来满足不同层次学生学习的需求。在“网页设计与制作”课程的学习中，我们在校园网上网络教学课件，内容包括课程教学大纲、电子教案、视频教学、实践教学、课后习题、知识拓展、网上答疑等模块，不但能引导学生有效利用网络资源，而且网上教学不受上课时间、所学专业限制，只要对本门课程有兴趣，就可进行网上自学。另外，在课件中还和其它高校“网页设计与制作”精品课程网站相链接，满足较高层次学生的学习需求。
2.4以竞赛促兴趣，发挥激励机制
在教学中，每一模块学习结束后在全班范围内进行作品展示。每组提供一份优秀作品，由设计者进行作品演示讲解，然后由教师进行点评，同学打分，评选出优秀作品，同时将优秀作品上传到校园网。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。
3强化实践教学，培养学生的动手能力
在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。在实践教学中，我们设计了“课堂训练――模块设计――教学实训”一体化的实践教学体系，培养学生的实践动手能力。
3.1课堂训练
课堂训练时，一定要做到重点突出，目标明确。我们要求指导教师每次上机课必须用10~20分钟的时间，安排上机操作内容，讲解操作要点，起到配合和辅助理论教学的作用。这种方式不仅缓解了理论教学时数不足的问题，还能提高学生的上机操作效率。
3.2模块设计
当一个模块理论教学结束后，教师安排一定学时进行模块设计训练。教师根据教学模块内容选择一个教学案例，教学案例要求具有一定的代表性，不需太过复杂。学生首先分析、模仿案例，培养对这一模块理论知识的实践应用能力。然后要求学生以此案例为样本，自己收集资料设计制作作品，在设计制作过程中教师给予正确引导，在深度方面给与拓展。这样既完成了实习任务，掌握了学习知识点，又让学生独立完成作品，产生成就感和自豪感。
3.3教学实训
教学实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。我院与校外企业合作，建立了两个计算机专业教学实训基地，为学生提供了实训场所，加强了学生实习实训技能培养。另外，我们还提倡和鼓励学生积极参与教师的教学与科研项目。如有些学生协助教师制作网络教学课件和精品课程建设，通过实践应用，不但将课程中所学的知识点融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；还有些学生参与校园网内容设计与建设工作，如在校园网中开辟班级专栏和一些社团活动新闻专栏，同时参与校园网的维护工作。
4课程考核方式的改进
对于“网页设计与制作”课程，传统单一的笔试考核模式不能全面真实地反映学生的知识、技能和能力，因此必须将考试重点转移到考核学生的实际技能方面。
在“网页设计与制作”课程的考核模型中，我们主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此我们在教学实训阶段，就要求学生一边进行操作实训，一边着手收集资料，设计自己的特色网站。作品评价时，根据学生提供的域名地址，进行课堂演示，学生总体评价占30%，教师评价占40%，平时作业和上机实训成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。
5结束语
兴趣是最好的老师。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。近两年来，我院学生网页设计作品多次获得省级、校级奖励，部分学生积极参与教师的科研工作，其实践能力和创新意识得到了较好的培养。
参考文献
[1] 白建明等. 高职计算机专业教学模式的研究[J]. 计算机教育，2006，(2).
（一）ASP．NET
ASP．NET摆脱了ASP使用脚本语言编程的缺点，可以使用VB．NET，J＃，C＃等脚本语言编写，编写的代码易于维护和重用，结构清晰，降低了WEB开发的难度。
（二）AJAX
AJAX即“异步（Asynchronous）Javascript＋XML”，是一种能够应用交互式网页开发的技术，创建快速动态网页，在与后台和服务器进行少量数据交换的条件下，实现网页的异步跟新，而传统的网页，想要更新页面的内容时，需要重现加载网页页面，这表明AJAX可以在不加载整个页面的情况下，对网页的部分进行更新。
（三）SQL Server
SQL Server是微软公司开发的关系型数据库管理系统，能够使用强大的数据引擎为关系型数据和结构化数据提供安全可靠地存储功能，具有扩展性、灵活性和集成性。能够提供数据管理的平台为各种规模的用户服务，具有集成的开发环境，安全可靠，能够使用数据库管理工具简化数据库建立的程序，帮助程序人员减少工作量，所以具有容易管理，安全可靠，可伸缩，可用的特点。
（四）Visual Studio
Visual Studio2010作为应用程序的集成开发环境，用以开发生成ASP．NET的WEB应用程序，充分利用．NET Framework的功能，使用相同的集成开发环境。
（五）体系结构
本系统遵从WEB三层体系结构，将系统的整个业务应用划分为表示层、业务逻辑层、数据访问层。。B／S结构易于扩展，若网络环境允许，可以尽可能多的增加浏览器和服务器，受原有网络资源影响较小。
二、系统需求分析与设计
对高校教师培训进行需求分析，主要包括两个方面，一个是外部需求，指得是高校通过发展和教育工作本身对教师发展提出的需求；另一方面是教师对自身提出的培训要求，属于内部需求。只有满足教师内在需求的培训才具备持续稳定的学习动机，真正有效的培训应建立在教师内在需求的基础上。
（一）系统的用户及角色分析
系统的用户主要有作为校级管理员和院级管理员的管理员用户，也有教师用户和普通用户。
（二）校级管理员业务管理平台的设计需求
校级管理员业务管理平台属于管理平台部分，主要功能包括对网络资源的维护及审核、校级培训信息机院级培训审核、培训学分审核及认定、培训过程跟踪管理等，校级管理员的主要业务有对培训、报名和学分进行管理。
（三）院级管理员业务管理平台的设计需求
院级管理员业务管理平台主要提供院级主办及承办的培训的信息、维护、及培训过程和培训考核管理、培训学分的审核、网站信息的、本机构所有教师的信息维护、培训学分查询、汇总、统计等功能。
（四）教师平台开发的设计需求
教师平台针对教师对系统的登录以及对个人信息维护、参加培训及过程管理、个人教师培训信息汇总（教师目前所属发展阶段、该阶段的开始时间、本阶段获得的培训学分）、教师培训进度查询、教师参加各类培训的信息汇总等功能进行开发。为了方便教师使用，使之能及时处理亟待处理的事项，还开发出提供待办事项提醒功能。
三、系统的总体设计
本系统的用户主要是高校教师以及管理人员，开发的主要内容包括前端应用程序和后台数据库的建立和维护。对于前端应用程序来说，系统要功能完备，容易使用，而对于数据库来说，要建立安全性能完善的，数据一致性和完整性强的数据库。 系统包含网站和管理员信息管理系统两大部分，其中网站提供中心门户功能，除了常规网站实现的展示功能外，该平台的网站与业务系统数据实现无缝连接，即在业务系统维护的培训数据会以培训公告的形式直观的显示在网站首页，同时已经登陆的教师用户可以直接在网站上完成培训报名和报名取消操作。为了简化操作，将院级和校级的网站后台子系统的用户接口分别和各自的业务管理平台用户借口进行了整合，院、校两级管理员使用统一的业务平台接口便可完成对网站信息的维护和培训业务相关的管理功能。
四、系统的详细设计
为了让用户能够更加直观全面的了解教师教学发展中心，可以通过访问门户网站，了解中心概况。校级管理员和院级管理员通过专用账号登陆进入教师教学发展中心的校级管理系统平台，通过平台首页的信息浏览和系统菜单的操作，更好的实现对全校教师培训的管理，教师通过自己的账号密码可以进入教师本人的教师教学发展中心平台，通过首页内容，教师可以查看当前任务，可报名情况等内容。
五、系统特色
（一）教师进阶自动处理机制的实现系统采用
B／S三层架构，给系统带来了优势，但同样的对教师进阶过程的处理也带来了不便之处。为解决这一问题，采用独立线程配合IIS定时任务完成自动处理的方法，应用每天一次独立线程任务检测教师进阶条件，满足条件的教师自动进阶，避免了人工审核工作的繁琐和复杂，也避免了审核过程中出现的错误，同时，一旦教师达到满足进阶的条件，就会自动进阶，满足实时性。
（二）学分审核功能的实现
在学分审核过程中，需要授予学分的教师占大部分，而不能获得学分的教师只有很少数，为了审核方便、快捷，采用了先全部学分审核后，再修改某些教师的学分，降低了学分审核操作的复杂性，降低了工作量。通过审核按钮，将参与此次培训的教师学分全部审核，如需修改某些教师学分，再通过教师列表单独修改。
（三）基于工作流的协同机制的实现
在高校教师教学发展中心信息化平台中，所有的培训都是以可扩展的“状态字”的形式描述，并根据含义不同，封装在XML中，整个项目灵活可靠，培训的、培训过程的管理、培训学分的审核和认定过程，只要和培训相关的各环节的工作流都是统一控制的，提供了基于状态字的一体化全流程业务流转和管控模型。
六、结束语
关键词：项目教学；实践；双线并行；网页制作
中图分类号：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
我院“双线并行”教学模式在一些实践性较强的课程中实施取得了较好的效果，计算机应用技术专业的网页制作课程结合学院网站建设和林苑旅行社网站建设二项真实工作任务确定教学任务，围绕培养目标设计训练项目，实行课上课不二条线，“双线并行”组织实施，在实践中不断总结和探索，有效培养了学生网站开发建设，网页设计制作能力，促进了团队合作，提高了学生学习能力和创新能力。
一、“双线并行”的教学模式的界定
“双线并行”教学模式就是根据课程的知识、能力、素质目标选择类形相同，难度不同的二项生产任务，设计课上课下二个贯穿项目，若干个对培养目标全覆盖子项目，以过工作过程为导向进行序化，课上课下二条线组织实施，课上由老师指导完成训练任务，培养专业基碰能力，课下由学生团组配合完成训练任务，教师对工作成果进行点评，通过课下训练项目巩固拓展。课上项目在教师组织指导下学生完成，交付生产制作成果，二条主线同时推进，训练目标逐次递进，逐级提升，使学生能力不断巩固提高的职教新模式。
二、“双线并行”教学模式的实践
计算机应用专业的网页制作课程打破知识逻辑内容体系，改变重视网页技法训练忽视产品制作整体制作的传统训练模式，通过完成网页制作的真实任务，制作客户需要的网站产品，按照企业产品标准评价质量，评定等级，确定学生学习成绩，激励调动学生的学习兴趣。课程开发小组由任课教师与网站制作企业一线的网页制作员、网页程序员共同组成，一起分折职业典型工作任务的要求，准确定位培养人才的知识、能力、素质目标，以能力培养为主线，从训练学生的职业技能入手，进行“基于工作过程”的并行项目设计，将网页制作员、网页程序员的典型工作任务引进教学内容，课程建设将理论与实践通过完成真实的网页制作任务有机结合，在实践中学习理论知识，提高网页制作能力，构建“双线并行”的教学模式，充分体现了以过程为导，以能力为本位，以项目为载体，以学生为主体，渗透式素质教育的高职课程特色。
教学实践中选择学院网站建设和林苑旅行社网站建设二项真实的工作任务，按照初次就业网页制作员、提升岗位网页程序员的典型工作要求，选择了教学内容三大模块：Dreamweaver使用，Html语言应用，程序设计。
设计了二大课程项目：信息工程系网站建设和林苑旅行社网站建设；建立课上课下学习实训二条主线，每条主线设计12个并行训练任务，共计24个系列化任务，按照产品订单企业的要求制作实用型产品，严格坚持企业网页制作员、网页程序员的工作规程和产品标准，对每个项目按企业要求进行考核评价，对最终产品进行质量评估，激励创新。
三、“双线并行”的教学模式的探索
论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力
平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课，是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的，教师给出一个课题，学生在指定时间按教师的要求完成作品，整个过程在教师的辅导下完成。在这样的教学过程中，学生的职业能力难以得到很好的训练，团队精神难以得到有效的培养。所以，在实训课上进行项目教学是很有必要的，因为项目教学法的核心是在教师的指导下，由学生去探寻得到最终结果的途径，学习的重点在学习过程而非学习结果，这对学生能力的培养是很有帮助的。在2周的时间里，如何设计项目才能使学生真实地体验一个项目的完整制作过程，是需要教师研讨的问题。
实训项目设计分析
实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础，实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。
设计理念平面设计是近十几年逐步发展起来的一个复合性职业，涉及面非常广泛，涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨，实训项目设计应该围绕着专业方向和培养目标进行设计；围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发，即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计；以项目小组的形式开展教学活动；通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件，完成符合实际要求的平面设计作品，实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要来源于企业，因为本课程的学生是“广告设计与制作”专业的一年级新生，还没有学过平面设计方面的专业课，用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标，可采取将虚拟项目按照真实项目完成的形式进行教学设计。
设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律，针对不同的用户要求进行各种平面作品的设计与制作。所以，“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力；文化类广告设计可以培养学生掌握完整的设计制作流程；“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例，分析实训项目的设计方案。
实训项目设计方案
项目背景随着互联网的飞速发展，网络已经成为人们生活中不可缺少的一部分，利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下，很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品，需要制作一个引人注目的精美网站展示自己。
项目内容该设计项目是为某房地产开发商的网站进行网页设计和制作，需要学生进行市场调研，了解企业名称和受众群体，并采集各种信息，通过进行实际调查和需求分析，确定网站的市场定位，进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计，以满足人们的审美需求；在制作过程中要合理运用艺术设计的理论知识和软件技术，按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等，其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析，明确用户需求，并撰写分析报告。网站整体方案设计包括标准字、LOGO小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件Photoshop、Illustrator等。
项目能力目标为达到专业要求的职业能力培养目标，在项目执行过程中，要求学生能进行基本的市场调研，明确客户需求，撰写广告策划书；能根据策划书进行创意构思，绘制出设计草图；能进行一定的创意设计；能将艺术设计理论知识与软件技术相结合，具备项目执行能力、与人沟通能力及小组协作能力。
项目技术指导在项目执行过程中，教师承担着指导的责任，在设计项目方案时，教师要全盘考虑项目中的一些技术问题，对学生可能遇到的知识和技能问题做到心中有数，以使项目能够顺利进行。
1.网页设计流程。按照一定的设计流程策划、设计、制作网站可以减少失误，确保项目的正确进行。因此，要了解项目的制作步骤及网页的设计流程：（1）市场调研，收集资料；（2）网站策划；（3）网页详细设计；（4）网页制作；（5）验收作品。
2.市场调研。在调研之前首先要确定调查报告内容，对问题进行分析、排除、锁定。这样在与客户沟通时可避免问题模糊、范围过大。资料收集要翔实、丰富，包括该企业的介绍、楼盘信息、图片等一切相关信息。
3.网站策划。网站策划是网站设计的关键步骤，只有真正策划好了，才有可能成为让客户或用户满意的网站。在本项目中，网站策划是了解客户需求、进行信息收集与分析、对网页设计等方面的问题进行整体规划并提供解决方案、撰写“需求分析报告”的过程。在这个过程中最为重要的是需求分析，就是了解、分析、明确用户需求，利用创意草图，对网页进行合理科学的规划，即对网页定位、受众群体、网站色调、网站页面总体风格、各种页面特殊效果及其数量进行确定。
4.网页详细设计方案。在需求分析的基础上，要进一步针对内容建设、网站布局、网站结构方面设计具体的方案。需要画出网站结构图，其中包括网站栏目、结构层次、连接内容、首页中的功能按钮、内容要点、友情链接等，都要体现出来，要切题并突出重点。设计方案要充分展示房地产网页设计的特点，网站形象要庄重平和，信息量要全面、细致，具有人性化特点。网页结构应层次清晰、创意新颖、颜色搭配合理、网页页面设计符合审美要求，网页功能要融入设计方案中，网页的内容与表现形式要统一，要对内容进行合理的分析、加工，按类别分类，栏目设置要一目了然。（1）首页设计。首页设计包括创意设计、结构设计、色彩调配和布局设计。在进行首页设计时，标题要有概括性，要用标题性的文字使访问者快速了解网站所能提供的信息，可将具体内容放到子页里完成；要符合设计时的主题和风格；文字与背景要合理搭配；整个页面色彩选择要统一。（2）网页版式设计。在网页设计中，网页的版式设计以及色彩搭配是很重要的，字体的设计和图片的放置都要考虑整个页面的排版，要合理地运用空间，使网页疏密有致，井井有条，留下必要的空白，使浏览者感觉轻松，没有压抑感，但也要注意不能只追求版面效果而忽视功能方面的问题。（3）网页背景。网页背景设计不好会影响访问者对整个网站的印象，选用的背景应该与整套页面的色调相协调。不同的颜色会给人不同的视觉心理感受，要合理运用色彩，造成良好的视觉效果。使用图片做背景时，要考虑大尺寸给传输速度带来的影响。
5.网页制作。网页制作是通过应用Photoshop、Illustrator等平面设计软件的各种技术实现网页策划所要求的效果的过程。在制作时既要结合平面设计的基本知识，也要遵循网页设计独特的设计要求与原则。（1）网页图标设计。图标是具有明确指代含义的具有标识性质的图形，不仅是一种图形，更是一种标识，具有高度浓缩并快捷传达信息、便于记忆的特性，应用范围很广，例如各种交通标志、学校的校徽、商品的商标等。图标也是网页中重要的设计元素，应根据不同的应用有所区分，既可以用来标识一个栏目，也可以作为链接元素实现网页间的跳转。精美的网页设计图标往往能起到画龙点睛的作用，从而提升软件的视觉效果。网页常用的图标有“导航图标”、“按钮”、“标志”等。图标设计要简单、直观、可识别性强；要能准确表达相应的操作；按钮的设计采用图标和文字可以提高图标的可用性；为吸引用户眼球，颜色应简洁；使用矢量格式可以让图标随意放大缩小；在导航栏上或网页的某些地方使用合适的图标，不仅可以美化网站，还可以引领用户浏览网页。一般制作流程是先做出基本的外形，再进行上色修饰，最后增加一些光影使其具有立体感。（2）导航栏设计。导航栏是网页中用来装饰和展示网页的，是非常重要的组成部分，功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循“导航数量适当”、“导航提示明确、清晰、醒目”等原则。（3）网页色彩设计。网页的色彩是网页最重要的部分，是给访问者登录页面时的第一印象，好的页面色彩能给人带来很强的视觉冲击力，可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计，网站最后的视觉效果可能与客户期望不匹配。因此，设计时需要先了解网站的定位、网页的风格，学习有关的色彩知识，在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内，一般而言，网页的背景色应该柔和一些、素雅一些，如配上深色的文字，会使人看起来自然、舒畅，文字的颜色在不同底色的衬托下，会给人不同的视觉效果，设计时应综合考虑多方面的因素，设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识，教师可以给学生提供一些资料，让学生通过自主学习掌握这些知识，提高学生的自学能力。
关键词：网页制作；职业能力；高职教育
作者简介：柳珺（1963-），女，北京人，河北政法职业学院计算机系，副教授。（河北 石家庄 050061）
中图分类号：712 文献标识码：A 文章编号：1007-0079（2013）10-0135-03
一、高职教育概述
高等职业教育作为高等教育中的一个类型，其人才培养规律不同于学术人才培养规律。高等职业教育应该以社会需求为目标，实践动手能力的培养为主线，所学知识、技能具有岗位针对性。因此高等职业教育的教育过程应以“项目化”的实训任务为引领，以培养学生职业能力为核心，通过职业技能的培养，努力挖掘学生的动手能力，能够让学生在学中做、做中学、学做一体，从而提升学生的专业知识应用能力和职业技能的迁移能力。
当前高等职业教育所面临的核心任务是课程的改革，而“任务引领”教学模式符合职业教育规律，强调理实一体、做中学的理念，[1]因此“任务引领”教学模式是突出高职办学特色、促使课程改革走向优质的一条有效途径。
“任务引领”是指在整个教学过程中以工作任务为主体，强调理论与实践相结合，在真实的工作环境下将所要学习的新技能、新知识渗入学习任务中，以完成任务的过程作为教学活动的核心，教学活动、教材内容和教学条件等环节均围绕一系列的任务进行，实践和理论高度融合。[2]
“任务引领”教学模式的特点可以概括为：以工作任务为引领；以岗位技能为导向；以实践教学为主题；以掌握能力为目的。任务引领让学生在享受工作过程的乐趣中，学习知识、掌握技能、培养责任、积累信心、完成教学任务，同时激发了学生的学习兴趣，调动了学生学习热情。[3]
在教学实践中，将“任务引领、学做一体”的教学模式引入的了高职“网页设计与制作”课程中，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的实践任务，使学生在任务完成的过程中，获得了网页设计制作的知识和技能，取得了较好的教学效果。
二、“网页设计与制作”课程设计理念
1.根据“网页设计与制作员”职业岗位需求确定课程目标
“网页设计与制作”课程是培养学生网站规划、设计与网页制作能力的课程，其对应的职业岗位是网页设计与制作员。因此，该课程的目标是掌握网页制作方法、强化网页制作技能、积累网页制作经验，以满足网页设计与制作员职业岗位的需求。
2.以职业能力为依据组织课程内容
“网页设计与制作”课程根据网站开发和网页制作技术领域和网页设计与制作员职业岗位的任职要求，参照网站开发和网页制作的职业资格标准，以网页设计与制作员岗位应具备的职业技能为核心，并考虑后续课程的衔接统筹选择课程教学内容，突出职业能力培养，实现理论和实践的完善统一。
3.以“任务”为主线设计教学环节
教学全过程围绕任务（实际的网页）进行，把网页设计与制作员所需要掌握的知识点和技术要点穿插到各个任务中，教师边分析讲解、操作演示，学生边模仿操作、动手练习，真正做到讲练有机结合。这样，既可以提高学习效率，又可以激发学生的学习兴趣，进而提高学生分析问题、解决问题的实际能力，使学生能够轻松学习、自主学习。
4.通过“阶梯上升式”实践教学模式强化技能训练
“网页设计与制作”课程设置了课内实训、课外拓展、模块综合实训、项目综合实训四个阶梯上升式实训教学环节，学生通过不断实践，实现网页制作技能由点到线再到面的不断推进。而每一个实践环节，都围绕着真实任务（网站或网页）进行，最终使学生达到与网页设计与制作员职业岗位的“零距离”接触。“阶梯式上升式”实践教学模式如图1所示。
三、“网页设计与制作”课程教学内容的选取
“网页设计与制作”课程以培养学生开发网站与设计制作网页的职业能力为课程设计的主线，在课程体系与课程内容上突出“应用”、“实用”。教学中注重处理好理论知识讲授与技能素质培养之间的关系，教学重点不仅仅是使学生掌握课程所讲授的理论知识，而是侧重于培养学生实际能力与才干。
“网页设计与制作”课程按照培养技能型、应用型人才的目标，根据行业企业对网页设计人才的知识、能力、素质的需求，并考虑前导、后续课程的衔接，确定课程教学标准与教学内容，同时按照实际工作流程重新组织教学内容，使教学内容具有很强的针对性和适用性。
“网页设计与制作”课程教学内容选取流程图如图2所示：
在选定课程内容的前提下，选择Dreamweaver、Fireworks、Flash网页设计三剑客软件包分别作为网页制作、图像处理和动画制作的工具，把网页制作技能的培养转变为三种软件使用方法的学习。
四、“网页设计与制作”课程的实施
“网页设计与制作”是一门实践性很强的课程，课程的目标是培养学生网页、网站的开发设计能力、软件工具的应用能力、再学习能力和创新能力，实现与网页设计与制作员职业岗位的“零距离”接触。为了达到课程的培养目标，在教学内容的组织与安排上突出了以能力为本位的教学设计，以培养职业综合能力为基础，以胜任岗位要求为出发点，在课程的整个教学过程中采用“任务引领、学做一体”的教学模式。
教学过程均是围绕着一个个教学任务（网页案例）展开。课堂教学采用任务引领、项目（实际网站或网页）驱动，学做一体化授课，将知识点嵌入项目中进行讲解、练习、实验，使学生在“学中做、做中学”，逐步掌握所学知识，提高操作技能。
1.课程结构“模块化”
在“网页设计与制作”课程的具体实施中，为了适应网页设计与制作员职业岗位工作的需要，并考虑高职学生的认知水平和认知能力，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的模块化课程结构，将知识和技能分为网站规划、网页制作基础、网站管理、初级网页制作、图像处理、动画制作、高级网页制作、网站维护和综合实训9个模块若干个教学单元，每一个教学单元又包含若干个具体操作任务，在任务完成过程中进行教学内容的讲解。
2.课程内容随着网页制作技术的发展不断调整、更新
随着计算机技术和网络技术的发展，网页设计三剑客软件包的版本在不断更新，网页设计与制作技术也在不断升级换代，为此“网页设计与制作”课程的内容也必须根据网页制作技术发展不断地改进、更新，以适应计算机技术、网络技术的发展和社会的需要，保证学生所学的知识不过时。
3.教学环节标准化
每一个教学单元的教学都按照“任务展示”、“教师演示”、“课内实训”和“总结提高”的过程展开，体现“以学生为主体”、“以实践为核心”的教学思想。
在任务展示环节，教师首先说明本次课要完成的目标并展示本次课任务（网页）的浏览效果，让学生了解本次课的教学目标和需要完成的任务，激发学生对新知识的学习兴趣；在教师演示环节，教师逐步示范任务（网页）的制作过程，给出任务的操作方法；在课内实训环节，学生通过模仿教师完成相应任务，训练网页制作的基本技能；在总结提高环节，教师对任务完成过程中涉及的知识点和技术要点进行归纳讲解，使学生达到举一反三的目的。
4.“阶梯上升式”实践教学模式
实践教学是高职课程教学的生命线，而以“做”为特征的“网页设计与制作”课程，重视实践教学更是具有突出的意义。网页设计与制作的理论知识必须通过学生动手练习才能变成学生具备的网页制作职业技能。基于这些，形成了“课内实训、课外拓展、模块综合实训、项目综合实训”阶梯上升式的实践教学环节。这种教学模式的实施说明如表1所示。
5.采用符合高职学生认知规律的教学方法
高职层次的学生善于形象思维、动手能力强，厌学理论知识、乐学实际操作，因而最适合“做中学、学中做”。基于此采用了基于真实项目的“任务引领、学做一体”教学模式。
课程的教学过程围绕着一个个任务（网站或网页）进行，在课堂中，教师通过分析解剖一个个具体的任务，围绕一个个实际网站的构建及实现的方法，从简到繁，从易到难，引导学生制作网页，理论与实践相结合，边学边练，以练为主，最终完成实训任务，达到“课完即会、课后即能”的效果。
通过不断的探索和改进，我院“网页设计与制作”课程已经形成了“围绕一条主线，通过三个构建，实现三个目标”的教学特色：
一条主线即任务；三个构建为任务引领、学做一体化教学模式的构建，“模块化”课程结构的构建和“阶梯式”实践环节的构建。
达到三个目标，第一，素质综合化，通过任务的学习和网页设计开发，培养了学生刻苦钻研、勇于开拓的创新精神，培养了学生科学严谨、实事求是的工作态度，加深了学生团结协作、互帮互助的集体观念，全方位地提高了学生综合素质；第二，设计个性化，通过任务的学习和网页设计开发使学生的设计思想得到充分的展现，设计的作品更具有个性；第三，能力岗位化，通过任务的学习和网页设计开发让学生的能力更符合岗位的要求，实现与网页设计制作员岗位“零距离”接触。
多年的教学实践证明，在“网页设计与制作”课程中引入“任务引领、学做一体”教学模式，用任务作为教学的载体，让学生在学中做、做中学、学做一体，通过学生主动的实践、探索，使学生在获得网页设计与制作职业能力的同时，还锻炼了学生的动手能力，提高了学生分析问题和解决问题的能力，培养了学生严谨的工作态度和团结协作精神，达到了学生与网页设计与制作员职业岗位的“零距离”接触。
参考文献：
[1]李亚桂，竺辉.“任务引领型”专业课教学的实践与启示——以《建筑组合体的投影》一节课为例[J].职业，2011，（11）.
一、网页设计人才培养框架
高职院校旨在培养能够服务于生产一线的高技能人才，网页设计人才的培养突出对学生职业能力的培养。职业能力是人们从事相关职业的多种能力的综合，网页设计职业能力体系由岗位能力要求、能力目标定位、职业技能体系和职业素养体系四个部分组成。以素质教育和能力培养为主线，结合网页设计相关岗位群，以就业为导向，构建适合于高职学生的人才培养体系。分析岗位能力要求，明确网页设计能力目标，从而设立符合企业需求的职业技能体系、职业素养体系，合理、科学的职业技能体系、职业素养体系是能力目标实现的有利保障。职业技能体系由知识（技能）体系和实践体系组成。网页设计职业能力体系框架如图1所示。
二、网页设计岗位能力要求
根据对长三角地区IT行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计岗位分为网页设计、网页制作、网站编辑、网站管理四大岗位群。分析这四大岗位包含的实际工作需求，网页设计主要是网站开发前期界面的平面图设计，要求设计师具备较强的审美能力和美工功底以及图像处理工具的使用能力。网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，要求设计师具备网页制作相关技能，有两种常见的网页制作方式：“表格+切片”的制作方式、基于Web标准的制作方式；主流的网页制作技术是基于Web标准的制作方式，但学校一般只教授“表格+切片”的制作方式。网站编辑主要负责网站内容的维护和管理为主的工作岗位，要求网站编辑人员具备网页基础知识和基本的计算机操作能力。网站管理主要负责网站的日常维护、网站的改版等工作，要求网站管理人员具备较高的网页制作经验和管理能力。
三、网页设计能力目标定位
通过网页设计相关岗位能力要求的分析，网页设计人才大致分为创意型人才和技术型人才。创意型人才侧重于网页的设计能力，要求有扎实美术功底，具备一定的美术鉴赏能力、良好的审美能力与色彩感，能根据用户诉求，合理设计版面，设计有创意。技术性人才侧重于网页的制作能力，要求掌握网页相关的技术，能根据页面效果图，灵活使用相应的技术完成页面制作。理想的人才应该是两种类型的融合。目前创意型人才缺乏网页相关的编程技术，无法制作更丰富生动的页面，而技术型人才缺乏基本的艺术能力（色彩搭配、版面设计等），必须依赖美工设计效果图和制作图片素材方可完成网页的制作。越来越多的学校开始注重综合型技能人才的培养，构建多层次、多元化的职业能力体系。
四、网页设计职业技能体系
1．网页设计知识（技能）体系
根据高职学校学生的特点，结合网页设计行业对网页设计人才的需求及要求，以就业为导向，建立分阶段知识（技能）体系：初级阶段、高级阶段、能力拓展阶段。初级阶段培养网页初级设计员，要求掌握网页设计基本技能；高级阶段培养网页高级设计员，要求掌握主流的网页设计技能；能力拓展阶段培养网页设计综合型人才，要求熟悉网页设计工作流程，能够灵活运用网页设计相关的各项技术，在掌握网页制作技能的同时具备一定的创作能力和设计能力。前两个阶段主要培养网页设计技术型人才，第三个阶段着重培养创意型人才，从而实现网页设计综合型人才的培养。根据能力目标定位确定的学生应具备的能力，设置符合学生特点和企业需求的知识（技能）体系。分阶段培养网页设计人才模式，不同的阶段对学生能力目标不同，根据每个阶段的目标，构建知识（技能）体系，如表1所示。
2．网页设计实践体系
实践教学是网页设计综合型人才培养的重要核心环节，主要分为校内生产性实践和校外顶岗实践两个部分。校内生产性实践注重校内实践教学与校外顶岗实践的有机衔接与融通，围绕真实项目进行教学，实现校内的生产性实践教学。校内实训主要培养学生网页设计实际操作技能和职业素养，为校外实践做准备。校内实训分为知识巩固阶段和职业培训阶段。
（1）知识巩固阶段。这一阶段主要注重网页设计操作技能的训练。开发已完成的企业项目，巩固学生网页设计及相关技能的掌握，以能够独立完成企业真实项目开发为训练目标，强化网页设计能力，高效创建网站、图像、动画设计能力，以小组为单位的项目开发，加强团队合作意识，使学生在实践中巩固理论知识，从根本上提高学生的职业技能。
（2）职业培训阶段。这一阶段注重学生综合素质的培养。学生参与正在开发的校企合作项目，在专业教师的引导下完成项目开发。在开发过程，注重语言描述及相关文档撰写，团队沟通技能和社会能力等网页设计职业素质的培养。一个从无到有的网站开发，能够激发学生的创造性，提高学生分析问题和解决问题的能力，强化学生网页相关技能灵活运用能力。
通过校内生产性实践的强化训练，在学生具备网页设计的“上岗”能力后，将其推向合作单位的岗位上，真正体会职场环境，成为一个“准职业人”。
五、网页设计职业素养体系
职业修养是指按照职业基本原则和规范，在职业活动中体现的道德品质、职业意识等方面素质。网页设计职业素养体系主要包含两个部分：职业道德教育、网页设计师的职业素养。
职业道德就是从事职业过程中紧密联系的符合职业特点所要求的道德品质、职业精神、工作态度、工作作风的总和。南京铁道职业技术学院（苏州校区）网络设计职业道德教育分三个阶段完成。首先，新生入学即展开职业道德教育，使学生从一开始就了解职业道德基本规范，树立正确的职业价值观；紧接着，在日常教学中，将职业道德教育融入网页设计专业课程教育中，加强学生职业道德教育，使学生慢慢养成严谨的工作态度和工作作风，能有较强的执行力和服从力；最后，在实训环节中，把学生在模拟企业环境的实践过程中表现的职业道德作为学生实训考核的一部分；最终，培养出一批诚信敬业，能吃苦耐劳，具有良好职业道德品质的学生。
>> WebQuest教学模式与成人学生自主学习能力提升 Webquest教学模式 浅谈高职学生的职业能力训练模式探讨 突出职业核心能力培养的课程教学模式探索 加强实践教学 突出职业能力培养 对高校体育教学引入“拓展训练”模式的探讨 浅谈职业教育的教学引入模式 引入职业标准的高职学生职业能力评价模式研究 传统体育养生引入职业院校学生健身运动处方教学模式研究 关于教学过程中训练学生职业核心能力的思考 高职应用英语教学要突出职业能力培养 突出职业能力培养的中职语文教学 WebQuest模式下培养非英语专业大学生英语思辨能力的研究 引入职业核心能力 创新社会实践模式 WebQuest模式初探 引入拓展训练游戏改进《护理管理学》教学模式 拓展训练模式引入中职体育教学的必要性 关于拓展训练模式引入高职“两课”教学的思考 对高校体育教学引入拓展训练模式的几点探讨 浅谈WebQuest在中等职业学校烹饪原料知识课教学中的运用 常见问题解答 当前所在位置：l 代码编写训练
学习网页制作，熟练地用代码编写网页是必不可少的。而以往教学用DW软件生成代码的方式方法，一则不利于培养学生的逻辑思维，二则DW软件生成网页代码，繁琐冗余，后期需要大量的优化，否则将有碍网站推广。
为了解决这个问题，我们结合网页设计教材，在网页元素输入之初，先分别用记事本和DW软件通过实例学习代码的编写，然后让同学们分析网页中各代码的含义，各参数的作用，再通过记事本代码的方式制作自己喜欢的景点介绍网页。不仅提高学习兴趣，而且还学会了代码的编写。
2.DIV盒子模型直观训练
对于初学者来说，从简单的通过DIV标签实现一个小的栏目块开始，了解DIV的含义、各参数的作用、注意事项及与CSS之间的关系。
当学会了各种样式的栏目编写之后，再从DIV标签的简单嵌套到整个网页的布局，这样学生容易接受，兴趣十足。
3.CSS网页效果细节训练
CSS是能够真正做到网页表现与内容分离的一种样式设计语言。在教学中，通过调整CSS细微的属性值来观察网页不同的效果，以养成学生在完成任务过程中对细节的重视程度。
（四）资源（Resources）
“资源”是一个网站清单，教师事先已查找过这些网站。资源经过了预选，以便学习者能在主题上集中注意力，而不是漫无目的地网上冲浪。
在这个环节中，我首先划分出企业网站、政府网站、教育网站等大类，然后主要针对企业网站再细分出商品的类别，让学生多浏览，找到同类别网站的共性。并向学生推荐了专业人员使用的Web 技术专业网站，让学生遇到问题时随时查找，养成不断学习、终身学习的习惯。
（五）评估（Evaluation）
“评估”是WebQuest中的新增模块。显然，如果我们要证明用网络来学习的花费是值得的，我们需要能够测评学习结果。
在实施过程中学生建立自己电子作品档案，完整记录学习的过程。每堂课的作品不但按时提交给老师，还要以日期和模块的形式，由自己保存。这样既让学生增加了对信息分类处理的意识，又完整的记录了自己学习的过程，可以清晰的看到自己的进步，并可以在今后工作中技巧加以借鉴。
（六）结论（Conclusion）
WebQuest的“结论”部分提供机会给学习者总结经验，鼓励对过程的反思，拓展和概括所学知识，鼓励学习者在其他领域拓展其经验。
在任务完成后，教师组织学生对任务完成情况进行总结，并从知识技能角度、合作态度、创造能力等方面对学生任务的完成情况进行综合评价，学生也要对任务的完成情况进行自我评价，通过总结交流，评价反思，让学生了解在任务的完成过程中，认识了什么、掌握了什么、获得了什么、发现了什么新问题、有哪些不足之处、下一步要学习什么，提升学生的综合能力。
二、课程改革的一些具体措施
（一）不断优化网页制作教学内容
组织课题组骨干教师与企业资深专家多方面的调研分析，对课程的教学内容进行重新优化整合。在教学内容中可以加入网页设计常用的专业技能如网页艺术设计、网页配色、JavaScript编程技能、网页图像处理、网页中Flas等常用内容，并对网站设计开发中的一些前沿技术进行介绍说明如Ajax、JQuery、SEO优化等。
（二）做好相关课程间的融合与应用
为了webquest教学模式顺利开展，在课堂上做好不同课程间的融合与应用是十分必要的。
例如：Flash在网页制作中的应用方式主要集中在色彩的变换和动态的阐述上。在目前的互联网技术中，其浏览器自带了Flash播放插件，这一技术的应用和发展有力的推动了Flash软件技术的普及。
PHOTOSHOP图像设计软件直接做出这个网页的雏形更有表达能力，这样客户也会根据他们的需求提出一些比较明了的建议，也是网站制作的第一步。
（三）引导学生转变认知、心态和观念
在网页制作的实践课程中需要不断对学生的认知、心态和观念加以引导，使其逐步站在工作角度，应用好DW工具为客户服务，实现学生身份到员工身份转变的过渡，尽快适应社会的需求。
《网页设计与制作》课程改革结果表明说明，webques教学模式有效地建立了课堂与职业能力的联系。整个过程都是真实的，是现实生活的一种反映，从而使学生的学习更有针对性和实用性，学到了今后就业所必须的技能，包括实践能力、分析能力、综合能力、应变能力、交流能力、合作能力和解决实际问题的能力。
实际上在学生职业能力培养方面本次课改仍是初步的尝试，还有很长的路需要摸索探讨。
参考文献
[1]张金艳 基于webquest教学模式的《网页设计与制作》课程研究[J].电子制作，2014，1：84.
[2]刘显丽.高职网页设计教学中 DIV+CSS 的探究[J].科技资讯，2013（33）：180.
