一 实习目的
随着经济高速发展，社会的竞争也越来越激烈。适者生存，对于初出茅庐的大学生，我们只有不断的充实自己，提高自己，才能在社会中站稳脚跟，才不至于淹没在社会发展的浪潮中，被这个社会淘汰。实习对于我们来说，是一个很宝贵的经验。
于是在今年暑假，我在北京瑞利宏达文化发展有限责任公司实习了一个多月，岗位是网站美工。短短一个多月的职生涯真的影响了我很多，我开始不断的对身边的人、事和物去思考，去寻找，去理解，去欣赏，去评价，去表达。就像我用两天的时间制作出一张首页效果图，他人往往只能看到完成品。而这并不是最重要的，最重要的是别人没有经历的我却在珍惜的创作过程。也许这个过程还远远不能称之为创造，但我会努力的。
下面就我这一个多月的职业生涯谈谈我个人的感受
二 实习内容
1、实习主要内容
整体工作：我的工作就是负责设计整个网站的页面部分,根据网页设计师或客户所提供的主题要求来设计出整个网站。
(1)使用photoshop、ai等图片处理软件设计、处理网站上需要的图片。
(2)使用div+css样式及基础的html语言做页面布局的排版。
(3)ps网页配色及排版设计。通过色彩结构、平面结构和立体结构三大结构构成;
(4)编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示;
2、工作过程
在北京瑞利宏达文化发展有限责任公司一个多月了，我刚开始从处理简单图片到组后让我独自一人修改了公司一个小型网站，收获可谓不少在。下面让我来说一说，我在这段时间做的事情。
(1)了解主题：刚接到任务时，我对于如何修改毫无头绪，于是我首从网上了解了一些相关基本常识及想类似网站的页面风格。
(2)思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的构图，先用笔画出草图，也可以直接在脑海里构思。色彩要显示出稽查的专业与严谨，所以选择蓝色作为主色调。
(3)查找素材：其实素材这种东西总是数量大于质量，我可以很轻易的下载到许多许多的素材，但却很少用的到它。这里我总结了一种思路，电脑里下载一些专业的“万金油”图库，这种图库通常种类齐全但图片很一般。另外配合专业在线图库网站(通常是国外站点)+google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。
(5)设计、修改页面：这个阶段时耗时最久的，但总结出来却是非常简单的步骤，即不断地处理页面元素、将处理好的图片 、动画等添加进网页、编写html/css代码。
(6)修改： 作为实习生，上交的任务被打回来重做是正常不过的事，自信的我也没能逃过返工的命运，重新构思、处理元素、写html/css代码……重复一切你做过的事
3、对于页面处理的总结
作为一个网站美工除了要掌握网页三剑客,ps,这些必会的软件以外，还要对html、css甚至javascript用的很熟,对asp或php或jsp也要有一定的了解。除此之外，要想做出来的页面美观、使用方便还需达到以下几点：
(1)表达一定的艺术效果
一个成功的网站应该把网页设计得吸引人，同时又要传达设计思想和情感。网页作为一种媒体，它必须具有一定的艺术感染力，一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢，更不要说让浏览者去注意它的内容了。
(2)页面结构清晰可读性强
经常可以看到这样的页面，上面堆砌了许多内容，却没有考虑它的空间框架，让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程，这是典型的没有注意到编排清晰度、可读性的表现。好的网页应该将它要突出表现的内容放在浏览者一眼就能看到的地方。网页上每一个像素对浏览者眼睛的吸引力有所不同，浏览者大脑对于不同位置内容的印象也有所不同。通常来说，普通浏览者浏览网页时会忽略网页两端的“广告区”。
(3)实现不同的功能
在网络这条信息高速公路上，网页最主要的功能就是一种传递信息的手段。因此，它一切内容都是为了这个目的而服务，都是要围绕这个中心进行设计的。然而，要实现这个功能，网页的美工设计和内容都必须有针对性。所谓针对性，就是指对不同类别的网页要求采用不同的美工艺术效果。
(4)网站风格要符合网站的类型
在设计网页之需要做大量的准备工作，需要思考以下几个问题：1、网站的类型：站点属于新闻、娱乐、商务类的综合站点，还是个人主页;不同的类型，决定着网站的不同风格，包括主色调、排版等。如果浏览者主要是年轻人，页面就要设计得基调明快，活泼富有朝气;如果针对的群体是政府工作者或科学工作者，那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童，页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人，页面就要设计得浪漫并有艺术感。
(5)页面的兼容性强
每个上网的人对于浏览器有着不同的爱好，就大部分来说，ie和firefox是两个有着很大区别却都拥有不少支持者的浏览器，即使是使用同一浏览器，也有着不同版本，而不同版本间，页面显示或多或少存在着差异。一个好的网页设计，就是至少要使网页在主流浏览器的大部分版本都能较好的显示出效果，而不是在ie上是非常华丽的一个页面，而在firefox上却是杂乱无章。
(6)一切用户至上
网页设计不同于艺术设计，只要设计者喜欢，任其天马行空。而网页设计则不能如此肆意妄为，网页设计必须考虑到用户使用时的方便，以至于网页设计师必须考虑到同一页面在不同分辨率的显示器上、不同浏览器上有什么不同的显示效果。甚至于要考虑到用户浏览器如果关闭了css和javascript页面将会怎样。只有在各种情况下，用户都能方便浏览网页，这才是一个好的设计。
三 实习体会
做了一个多月的前台美工，终于体会到网页设计无非是图文混排的那点事。不过，当你真正的去努力的创造了之后，结果却并不会每次都是好的。太多自己精心设计的东西，被别人一眼就否定了。当时心情真的很糟糕。不过，现在想想，这都些都没有什么，这也无非是成长中常常要遇到的事罢了。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西，如：如何处理同事间关系、如何面对上司、如何处理工作、如何调整对工作厌烦的心态等等。
【关键词】
《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。
1 什么是项目化教学
项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力，提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务，要求学生在规定时间内协作完成。项目实践过程中，课程要求的知识和技能得到理解和把握，学生分析问题和解决问题的能力得到提高，与人协调、合作的能力也得到增强，项目结束后原则上应有一件较完整的作品。在项目化教学中，教师带领学生精心挑选项目，指导学生进行具体的项目实施，并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体，通过小组成员之间的团结协作，共同探究并完成项目学习任务，在短期内形成一个比^完整的作品。这种被总结为“以行业为导向，以学生为中心，以能力为本位”的教学模式，使学生学习的积极性被最大程度的调动，每个学生都能尝到成功的喜悦。
项目化教学的特点主要体现在：（1）实践性：项目有针对性和实用性，与学生可能从事的工作密切联系。（2）自主性：学生根据自己的兴趣选择在小组中担任的角色，选择探索和完成任务的方式，选择展示和评价的方式，能够自主、自由地进行学习，学生创造能力得到有效发展。（3）发展性：长期项目与阶段项目相结合，实现教学目标。（4）综合性：多数任务需要运用多门学科以及综合能力。
2 《网页设计》课程的项目设计
项目设计是项目化教学的关键，好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能，并有兴趣参与其中。由于本课程的知识内容涉及较多，并与其他课程有一定的交叉，所以项目分为阶段项目和长期项目。
阶段项目在前期的“理论和案例”教学阶段，该阶段主要通过案例讲授网页设计的基本技巧和方法， 完成学生的基本训练和专业训练。《网页设计》课程的学习内容主要有：网站的规划、网页布局的实现（框架、表格和层）、网页元素的制作（文字、图像、表格、表单、视频、动画等）、网页脚本特效、网站与维护。阶段项目主要依据阶段学习内容设计，包括（1）网站策划书的撰写（2）网站首页与分支页面的版面设计（3）网站 Logo 的设计（4）网站导航条的设计（5）制作明星主页――表格（6）制作花卉网页――框架（7）制作班级网站的主页――层（8）制作班级网站中的注册页（9）弹出窗口与页面动画（10）在页面中添加滚动的文字（11）制作班级网站中的帮助页（12）域名的申请（13）班级网站的优化（14）网站的测试、、更新与管理。该阶段的项目由于比较简单，以学生掌握知识技能为目的，不给学生分组，主要有学生个人完成。
第二阶段是“专题实训”教学阶段，在学生掌握了基本知识技能的基础上，强化应用，强调创新，强调小组组员间的分工合作。我们根据课程特点和学生特点，设计了几个项目可由学生小组任选一个完成。（1）宿舍网站；（2）淘宝网个人网店；（3）某企业网站；（4）本系网站。
3 《网页设计》课程项目化教学的实施
（1）明确项目任务：教师提出任务，同学讨论。项目要要紧密结合教材内容，也要给学生留有想象的空间，以供他们可以利用所学知识来发挥创造。设计项目不能过大，尽量在较短时间内完成整个项目，最终形成的成果应该是一个比较完整的作品。
（2）制定计划：学生制定工作计划，教师审查并给予指导。
（3）实施计划：学生分组及明确分工，合作完成任务。在项目实施的过程中，各个小组结合其自身的项目计划来实施项目。小组成员都必须保证具备团结协作意识，提升工作效率，教师不应该放任自流，而必须进行适当的引导。
（4）考核环节。本课程的考核成绩主要有阶段项目成绩和长期项目成绩两部分组成，各占50%，其中，阶段项目由教师评价，长期项目的成绩包括小组间互评和教师评价两部分，占比为6：4。
（5）归档或应用。将项目化教学的过程记录归档，总结，并应用于新的实践
4 结论与总结
项目化教学不但充分调动了学生学习《网页设计》这门课程的积极性，提高了学生的自信心，而且培养了学生的创新能力、小组协作能力等职业综合能力。这种超越了传统教学模式的教学方法非常适用于《网页设计》课程，值得在教学实践中进一步探索。
【参考文献】
[关键词]网站建设与管理、网页设计师、活跃思维、提高学生自我能动意识
中图分类号：G642 文献标识码：A 文章编号：1009-914X（2016）04-0236-01
一、课题的提出
1.背景
十以来，我们国家对职业教育事业越来越重视，职业教学的改革步伐也在日渐加快，当前需要我们创造先进的、有效的经验来带动国家职业教育的创新发展。网页设计专业，在我们国家的网站建设与管理专业中发挥着举足轻重的作用，其作用发展历史长久，正处于稳步前进的上升期。
2.现状
网络发展飞快的今天，网页对于我们中职院校的学生来说很是熟悉，如“淘宝网站”、“京东网站”等等都是由网页组成的网站。伴随着历史进步的脚步、计算机技术的不断提高，人们对网站的要求不仅仅只满意于网页的简单操作，这就需要我们中职院校的教师能正确的培养出一批优秀的网页设计师。
3.基础
在学习《使用Photoshop设计网页》之前，学生已经在上一学期中学习了《使用Photoshop处理图形图像》、《计算机的基础课程》及《配色与布局》的课程，已经对网页设计有了基本的了解，本次课题的研究是让学生更好的掌握网页元素――“网页LOGO”和“网页按钮”的设计。
4.意义
学生通过使用Photoshop设计网页时，可以使学生们的头脑能够充分的发挥、活跃学生们的思维，设计出更好的作品。
二、理论依据
设置问题情境，是中职“做中学”的重要途径，不少教学实践表明，基于工作过程导向的教育是对学生专业能力培养的突破口。本课题借鉴姜大源的基于工作过程导向的课程开发方法的探索中的宝贵经验，着眼于中职网页设计专业学生实际出发，在工作项目的制定与实施上加以创新。
三、核心概念的界定
本课题是对我校高一年级“网页设计”专业学生进行研究，以现阶段的在校学生学习情况为出发点，研究我校学生在“网页设计”专业自我动手能力，分析原因，研究出在“网页设计”专业方面提高学生自我能动意识的办法，让学生能够更好的发挥自己的设计理念，使学生在“网页设计”专业方面达到学会制作，创新制作的程度。
四、研究目标
针对中职学生的实际情况，合理安排学生在“网页LOGO设计”和“网页按钮设计”方面的课程，做到有目的、有实效，以培养中职学生的综合能力为主要目标，制定有效的能力检测手册。
五、研究内容及对象
1. 研究内容
1）进行市场调研，确实掌握市场需要的人才所应具备的专业技能，明确专业定位与培养目标，撰写市场调研报告。
2）实施“网页设计”专业工作任务中需要具备的专业技能。
3）研究“网页设计”中“网页LOGO设计”工作岗位具体工作任务和工作项目。
4）研究“网页设计” 中 “网页按钮设计”工作岗位具体工作任务和工作项目。
2.研究对象
我校网站建设与管理专业一年级学生。
六、研究方法
1、实践研究法 2、调查研究法 3、文献资料法 4、案例分析法
七、研究的主要步骤和过程
1、准备阶段，认真选题，制定研究课题方案，确定课题的名称、课题研究的对象、研究方法、研究目标和研究任务，进行市场调研，编写市场调研报告。
2、实施阶段，根据网站建设与管理岗位学生的市场调研结果制定对策，制定科研项目实施方案及细则，编写《专业技能检测手册》。根据科研项目实施方案及细则付诸实践
3、总结阶段，研究总结阶段的主要任务是对研究实施阶段的成果进行综合分析总结，对研究过程中发现的问题进行反思，提出改进设想，为以后进一步研究做资料储备。
八、研究成果和结论
根据网页设计专业岗位的要求，我们制定了网页设计之“网页LOGO设计”和“网页按钮设计”研究课题，具体成果和结论如下：
（一）、网站建设与管理包括了2个典型的工作任务：
A.典型工作任务一：网页设计B.典型工作任务二：网络编辑
网页设计包括3个具体工作任务：
a）具体工作任务一：网页色彩与板式，b）具体工作任务二：网页图像处理，c）具体工作任务三网页动画制作，网络编辑包括3个具体工作任务：a）具体工作任务一：网页编排，b）具体工作任务二：布局美化页面c）具体工作任务三：网页特效制作
工作项目一：网页LOGO的设计，工作项目二：网页按钮设计
根据所编写的《专业技能检测手册》对学生进行考核，通过学生的考核结果了解学生对“网页LOGO的设计”和“网页按钮设计”掌握的很好。
（二）学生应该具备下列专业能力：
单项专业能力二：能熟练应用Photoshop软件进行网页图像处理
项目技能一：能熟练应用Photoshop软件制作网页LOGO
我以“宝马公司LOGO”的制作作为案例进行考核、分析、讲解
学生应该掌握以下4点的专业技能：
1）LOGO的简介：LOGO的书面翻译是作为标志的语句，标识语。在实际生活中，LOGO就是标志、徽标的意思。
2）LOGO的设计原则：符合企业的文化、精神、产品，应该具有较强的时代感，简洁易懂富有美感。
3）LOGO的表现形式：根据网页内容需要，确定LOGO的表现形式是图形方式、文字方式还是综合方式。
项目技能二：能熟练应用PS软件制作网页按钮
我以“Vista风格按钮”的制作作为案例进行考核、分析、讲解
学生应该掌握以下3点的专业技能：
1）按钮的简介：一个按钮至少应该具备两个条件：（1）代表了某种功能，并且通过某种形式将它所代表的功能表示出来；（2）人们通过这个按钮可以产生人机互动，来实现这个按钮所代表的功能。
2）按钮的表现形式：根据网页需求的按钮功能，确定按钮的表现形式是图形方式、文字方式还是动画方式。
3）按钮的设计原则：按钮是人机交互的纽带要醒目引人注意，按钮是人机互动的桥梁要准确反映功能，按钮不是独立存在的按钮的风格要与整体页面统一。
（三）根据岗位需求和国家职业鉴定标准，我们制定了网站建设与管理专业网页设计专题学生专业能力考核标准如下：
单项专业能力二：能熟练应用PS软件进行网页图像处理（满分100分）
考核项目一：设计网页LOGO（满分10分）
考核内容与要求：
①LOGO设计的准确性。（3分）② LOGO设计的独立性。（3分）③LOGO符合企业的文化、精神、产品。（4分）
考核项目二：设计网页按钮（满分10分）
考核内容与要求：①按钮表现形式凸显页面需求。（5分）②按钮的制作实用、符合按钮的设计原则。（5分）
九、存在的主要问题及今后的设想
1.存在的主要问题
在使用Photoshop设计网页元素的刚开始时期，学生常常会一次性形成一个或者多个创造思维方式，可是往往表现不出来，手与大脑的配合不能协调。
2.今后的设想
《网站创作始于规划》选自上海科技教育出版社出版的《网络技术应用》第四单元《网站的设计与评价》。本单元以网站设计为工作任务，让学生通过完成网页制作的过程，亲历利用信息技术加工信息和表达思想的过程与方法，同时将网络技术的基础理论与实际应用技能有机结合起来。在网站制作中，一份详细的规划书有利于指导创作过程，而我们学生所缺少的也正是这种统筹规划能力，因而我从实际出发把网站的规划单独提了出来，以网页规划设计表为载体设计了一课时的教学内容。本节课的《普通高中信息技术课程标准（实验）》要求是：通过开发实践，学会规划、设计简单网站的基本方法并能够根据网站主题要求设计评价指标。从课标和教材可以看出，本节内容至关重要，有着承上启下的作用。承上：承接必修教材中《信息作品的集成》环节。启下：本课是《网站的设计与评价》单元的开篇，网页规划的合理与否，主题的确定是否恰当，小组成员的分工是否详细，对于后续的网页制作起着至关重要的作用。
学情分析
高一学生经过近一个学期的学习，已经具备了一定的信息获取、加工、管理能力，同时了解了网络技术的基础理论，对精彩的网页很感兴趣，非常向往掌握网页制作的技术，很想亲自创作网页作品来表达自己的想法进行有效交流。但他们会忽略电子作品制作的前期规划，对于网页设计的一般流程，以及如何确定适合的主题、如何在作品中体现主题，缺少必要的经验，因此本节课有必要在规划设计方面加以训练。
教学目标
知识与技能目标：了解创作电子作品的一般流程，理解网页规划的重要性；能够根据网站主题要求设计评价指标，对网站的质量与运行状况进行评价。
过程与方法目标：通过赏析、评价网页作品，了解网页规划的设计要素，提高审美意识；能根据任务需求，确定主题，进行科学规划，初步掌握网页规划的方法。
情感态度与价值观目标：通过小组合作，感受同学友谊，增强集体意识和协作意识；学会欣赏他人的劳动成果，提高艺术修养和审美情趣。
教学设计思路
通过赏析网页，让学生感受优秀网页所具有的特征，了解网页规划的设计要素，形成网页规划设计的思路。通过往届学生网页作品投票和评分的过程，明确网页规划的注意事项，初步了解网页评价量规，激发学生的创作兴趣。最后，结合实际表达需求，小组协作，确定创作主题，进行创意设计，完成网页规划设计。
教学过程
1.创设情境，导入新课
师：因特网在全球的迅速普及和发展，为人类开启了一方全新的文化空间。在网上我们可以浏览各种各样的网页，获取无穷无尽的知识。因特网上的每一个网页都从属于某一网站，可以说，包含着各种信息的因特网就是由无数的网站组成的。只要拥有了一个属于自己的网站，你就可以在茫茫的网络世界中拥有一片属于自己的天空。同学们想不想做一个属于自己的网站呢？
生：想。
师：网站也是一个信息作品，请同学们思考前面学到的信息集成的一般过程。
生：确定作品主题—规划设计作品—采集处理素材—制作加工作品—测试作品。
师：那么网站的制作流程是什么呢？
生：网站的规划—素材的搜集、加工—网站的制作—网站的测试与—网站的评价。
师：由网站创作流程我们可以看出，网站创作、始于规划，本节课我们学习网站的规划与设计。要求以小组为单位制作一个网页规划设计表。
设计意图：导课承上信息集成的一般过程，启下引出网页创作流程，揭示规划的重要性，从而点题。
2.规划开始，确定主题
这是一个承上启下的教学环节。时间不长，但作用很大。首先提出问题。
师：同学们平时都喜欢去什么网站？
生：百度、新浪、人人、QQ、4399……
师：这些网站要表达的主要内容，也就是网站的主题是什么？
生：百度是全球最大的中文搜索引擎，新浪以全面而及时的新闻而著称……
师：主题是信息作品的灵魂，由大家来制作网页，你想表达什么主题呢？你对哪方面的主题感兴趣？提示确定主题的原则：小而精，目标定位准确，积极、健康、向上，网页名称有创意，符合主题（幻灯片展示）。
设计意图：明确主题的含义，了解主题的重要性，它是信息作品的灵魂，思考启发网页主题，为后面的制定规划做铺垫，提供选题参考。本环节主要采用谈话法，谈话法的运用，有利于建立民主平等的师生关系，而课堂上的民主气氛是学生创造性思维得以激发的一个重要条件。
3.网页欣赏，归纳网页设计元素
师：我们来欣赏一个网页，百年世博，落户上海，城市让生活更美好，同学们说说这个网站的主题是什么，并思考如何在网页中体现这一主题。
教师引导学生从网页设计要素中来体现主题，如内容、色彩、版面布局、导航设计、图标设计、图片等。
教师组织学生从以下几个设计要素讨论网站内容和风格，分析网页框架和风格。
（1）栏目设置
师：确定好网站主题后，要把网站的内容按一定的方法进行分类，并设置专门的栏目（如图1）。
网站栏目设计原则一是要紧扣主题，二是要突出重点。
（2）网站色彩
师：不同的颜色给人不同的感受，同学们看这几个网站主要是什么色调，给人什么样的视觉感受呢？
学生思考回答问题。
教师总结图2所示的网站色彩与感觉之间的关系。
（3）网站LOGO
师：我们重点来看图片3中网站的Logo，什么是网站的Logo呢？
生：网站的标识。
师：我们来欣赏图片3中几个网站的Logo，并思考他们所表达的含义。
学生思考，教师予以引导：百度的“熊掌”Logo的灵感来源于“猎人追寻熊爪印迹”的刺激，这与李先生的“分析搜索技术”非常相似，从而构成了百度的搜索概念。熊掌图案也最终成为了百度公司的Logo；新浪的大眼睛寓意世界尽在你的眼中等。
设计意图：采用了比较法、归纳法以及“基于问题的学习”等教学方法，让学生学会欣赏网站，通过欣赏和思考问题，初步归纳网页设计要素，并意识到：要根据主题，设计恰当的网页风格和内容结构。
4.网页评价，明确优秀网页的标准
活动要求：快速浏览学科网页上展示的上届学生的网站作品，选出自己感兴趣的网站进行投票。
活动过程：教师观察学生评分过程，实时展示各网页作品的投票人数柱状图，查看相应网页的评分结果。
分析评价结果，总结网站评价标准。首先，分析学生对网页评价的结果——引出网页规划设计应注意的问题：选题不能过大，网页名称有新意；内容栏目设置有条理，清晰；色彩搭配合理；版面布局规范，美观；导航设计恰当。
设计意图：让学生深刻体验优秀网页的设计标准，学生在学科网上投票评价网页，首先学生很感兴趣，其次大大提高了教学效率，将评价的结果作为讨论的依据总结出网站评价标准，环环相扣，从而轻松自然地突破难点（网站评价指标的讨论和确立）。
5.课堂实践，制定小组主题网页的规划
教师提出学习任务：以小组为单位完成网页规划设计表。而后，教师介绍学习资源，并提出组内按栏目和角色两个维度分工的建议（如图4、图5）。
设计意图：本环节主要采用了小组协作法和自主探究法，让学生去规划设计网页，为学生创造力的发挥提供了平台。学科网提供了大量的网站规划和设计的指导资源，并采用“半成品加工”教学策略给学生一个网页规划设计表和案例，尊重学生的个体差异，让学生有表可依快速进入了课堂实践。同时在组间形成竞争，促进了组内团结。按栏目和角色二维分工，使学生的责任更加明确，课后能有针对性地收集资料和素材。
6.展示规划，相互交流
请1～2组学生交流展示自己本小组的规划设计。学生浏览并讨论。
7.课堂小结
强调规划的重要性，以及规划的思路和方法。同时渗透我们学校的教育部部级课题《人生规划意识》。你不规划人生，就要被人生规划，希望我们的人生经过规划和设计后，可以成功和幸福。
教学反思
本节内容的基础知识和基本技能主要是利用学习网站设置问题情境、提供学习资源，学生可以通过自主学习获得，教师对部分重点难点进行讲解和演示。而动手规划部分要求学生主动地与同伴探讨、合作，将知识与技能内在化、系统化，达到认知结构的有效调整和重构。合作学习在这一建构过程中起了关键的作用。因而本课主要采用了自主探究法、小组协作法，个别地方采用了比较法、归纳法，而教法主要采用了任务驱动法、基于问题的学习、讨论法、讲授法。应该说，整个教学过程比较流畅，基本上都按照教师的教学预想开展教学，学生在教学中能够积极地思考和回答问题，能够学会有效地规划网站的方法，提升了规划能力和审美能力。
点 评
这是一个在借鉴基础上进行创新的优秀案例。说其优秀，是因为每一环节都体现出了设计者的精心、细心。
导入新课部分，由信息集成的一般过程引入，巧妙利用学生已学知识与技能进行迁移，即将信息集成中学习到的规划设计迁移到网站制作中，有利于促进学生在制作作品（包括多媒体与网站制作）中形成规划意识，这也是本次课的核心指向。
网站评价部分，引导学生根据网站分析的结果总结网站评价标准，实现了以评促学、以评导学的目的，在此过程中潜移默化地促进了学生对规划中应注意问题的关注，从而避免了类似问题的出现，以提升规划的效果。
网站规划部分，学生的规划不是空洞的存在，培养规划能力也不是纸上谈兵，因此教学中必须借助各种形式促使“虚”的规划设计落到“实”处，该案例使用的是规划表，也有案例采用了思维导图等方式来实现规划的具体化与可视化。
分组合作部分，作品制作课中学生工作量相对较大，因此分组合作是常见的方式。二维分工方式的采用，既保证所有学生都能经历网站制作，在此过程中形成对网站制作的体验与感悟，也较好关照了学生兴趣爱好等方面的差异。
课堂小结部分，在本次课教学内容的基础上，拓展延伸至人生规划意识的培养。既与教学伊始的设计呼应，又有很大程度的提升。设计者强调的是与该校相关课题的联系，其实，就作品（包括多媒体与网站制作）中的规划部分教学而言，最后提升至人生规划方是此部分的终极追求及应然境界。这一点，当为信息技术教师进行相关内容教学时所借鉴。
整体而言，该案例在设计上思路非常清晰，引领学生由理论认识到实践探索再到理论提升，实现了认识上的螺旋上升，由欣赏分析到具体设计，符合学生认知发展的基本规律，能够较好地达成教学目标。
该文介绍了《网页设计与制作》项目化教学思路和方法，从设计理念与思路、对计应相关专业建设与发展的定位与作用、课程内容的针对性与适用性、教学内容的组织与安排、教学模式的设计与创新、实践教学条件的建设与使用等6个方面进行了设计与分析，为学生较好地掌握知识及快速适应工作岗位需求进行了一些思考和探索。
关键词：
高职院校;网页设计;项目化课程;开发实践
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1设计理念与思路
该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。
5教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
7结语
关键词：高职院校 网页设计 项目化课程 开发实践
中图分类号：TP311.1 文献标识码：A 文章编号：1674-098X（2017）02（c）-0224-02
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。
按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1 设计理念与思路
该课程根据职业能力发展的基本规律（新手―生手―熟手―能手―专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体模块整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1 设计理念：学习的内容是工作，通过工作实现学习。
这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2 设计思路：整体模块整体
课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。
项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2 对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。
（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3 课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+ 30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。
（3）知识目标和能力目标。
知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。
能力目标主要体现以下方面：
②熟练使用样式表控制页面外观。
③能在网页中设置需要的脚本。
④能进行网站的更新与管理。
另外根据职业教育要求，加强学生以下素质：
①服务意识：为他人提供优质的服务。
②文明法制意识：网站内容积极健康向上，不做违法的事。
③合作精神：能够与他人合作，具有协调能力和组织管理能力。
④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4 教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计（含JavaScript应用）、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设因篇幅所限此处省略）。
5 教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。
（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6 实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节，实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
进入21世纪，高校计算机基础教育面临两个挑战:一是中学计算机普及后，大学的计算机教育应当怎么办?二是在网络时代应该怎样进行计算机教育?针对这两个挑战，高校计算机基础教育应该要有新的思路，要上新的台阶，应当提高大学生的IT水平、加强应用能力，提倡创新精神，着眼培养人才。计算机公共基础教育是面向非计算机专业学生开设的，目的是培养学生的计算机应用能力，而现有的计算机基础教学中，以网页设计课程为例，存在不少的问题:(1)学生的层次不同，接受能力也不同，但教学内容和方法却是完全一样，导致最后的教学结果参差不齐;(2)学习了大量的理论知识，但是学生的实际动手能力却没有得到相应的提高。针对这些问题，笔者对于所教授的网页设计课程进行了实践式教学方法的探索改革，以分层次教学，提高学生实践能力和分析能力为主，达到“学以致用”的目的，取得了较好的效果。
二、教学内容改革
由于“网页设计与制作”课程要求学生掌握网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生管理、设计网站的能力。故设置其先驱课程为“计算机文化基础”、“图形图像处理技术”，后继课程为“动态网页设计”、“计算机网络”等。这些课程互相渗透、相互依赖，共同构成一个完整的、科学的课程体系。该课程要求学生了解网页制作和网站建设所需的基本知识，掌握HTML超文本标记语言以及CSS的使用和网页中文本、图像、超链接、表格、表单、图层和框架等的处理方法，了解相关美学的知识与网页制作流程。主要掌握网页制作工具Dreamweaver的使用，了解PhotoShop、Flash的基本功能和使用方法，以及相关技术的发展趋势。由于培养方案的改革，网页设计课程面临着从原来3个学分降为2个学分的问题，如何在更短的时间让学生掌握到更多的应用技能，如何提高学生的自我设计能力，首先需要解决的就是教学内容的重新设置和分配。根据之前教学中存在的重理论、轻实践的问题调整了理论和上机课时量，将30%的课时用来讲授理论知识，70%的课时用到学生动手实践上。理论课程主要侧重于网页设计的站点结构的搭建、相对路径的管理、色彩的搭配、HTML源代码以及CSS层叠样式表的讲解;而把网站布局工具(表格、框架、图层)、网页中的文本、图像、超链接、表单的理论讲解转移到实践中来，在实践中通过案例式教学将理论讲解和实践操作相融合，从而使教学效果得到更大的提升。
三、教学方法改革
要改善教学效果，首先要提升学生的学习兴趣为了更好的实现教学目的，笔者在网页设计教学课程改革中使用了多种教学方法相结合的方式并加以灵活实现。
(一)分层次教学由于网页设计是一门面对全校非计算机专业学生的选修课，［1］学生对于计算机技能的掌握差异性很大。如何掌握教学进度并照顾到大多数学生的学习要求是网页设计教学改革中的首要问题。在第一堂课正式授课前充分了解学生的专业分布，［2］其所在专业对于计算机技能的要求以及前期计算机相关课程学习情况。在教学过程中循序渐进，根据学生接受能力差异、现有水平和兴趣，由简单到复杂，由表及里。除了讲解网页设计必须了解的基础知识外，可以额外增加一些选学知识，以便于计算机技能较好以及对课程有进一步学习要求的同学掌握。如在表格布局教学中除了讲解表格的基本知识外，额外增加了如何使用表格结合HTML源代码制作细线布局的内容展现了表格多元布局的一面。不仅满足了学生的学习要求，也进一步带动了大多数学生的学习积极性。而在具体实践课程中，一般均有两个设计题目，一个为基础设计题，另一个为进阶设计题使学生能够根据自身能力和兴趣选择完成题目同时促进学生的自学能力，提高学生的积极性。
(二)任务式教学任务式教学就是让学生在一个个典型的任务驱动下展开教学活动，［3］从网页设计实际工作出发抓住重点和难点进行任务设计和实现。教学中应遵循两个原则:其一是倒序讲授原则，尤其是在理论课上，如何吸引学生的注意力是首要解决的问题。先展示设计后的成果，然后引导学生进行整体分析，重点是如何布局和配色。最后画出流程图，展现各个实现步骤。二是以提高能力为目的的原则。注重传授给学生解决问题的思路和方法，在分析过程中鼓励学生使用不同的方法解决同一问题。在这个过程中，学生会不断获得成就感，更大的激发他们的学习欲望。从而培养其勇于进取、独立解决问题的学习能力。具体实现流程如图1所示:
(三)实践式教学
网页设计课程除了要求学生掌握网页设计的基础知识外，更重要的是能够熟练运用设计工具，独立地完成网页设计任务，此时，实践式教学是必不可少的。在理论教学中，最大的问题在于学生无法亲自动手实践，对于教师所讲知识一知半解，甚至听过就忘。针对这一情况，笔者采用了师生互动的方式。即在简单讲解理论知识后，请学生上讲台来当助教，教师讲解，学生操作。在整个过程中，学生的积极性被调动起来了，并且在学生的操作过程中还可以发现很多之前没有发现的细节问题，如此讲解下来，学生吸收起来也会更快并且更主动。对于实践内容则采取双线教学方法，实验内容采取命题作业，以达到对于教学内容的专项练习。理论作业则采取自主作业，要求学生完成一个个人网站需要的系列网页，不仅达到了练习学生操作技能的目的，也进一步完善了学生对于网页的宏观规划和具体实现的能力。
四、考核方法改革
一种好的考核方式，不仅有利于全面真实地反映学生的学习水平，而且有利于刺激学生的学习积极性。考试内容侧重于对记忆型知识的考查，忽略了实际网页制作中对知识运用能力和实践能力的考查。笔者尝试改革网页设计的考核方法，并在实际操作中取得了较好的效果。以学生实际制作的网页作品作为考核的主要内容，并对学生的学习过程进行考查，以全面反映学生的学习情况。故课程最终成绩的生成为10%的课堂考勤+30%的实验报告+60%的自我制作的网页作品。并且为了提升学生的组织能力和合作能力，要求以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）.
对“网页设计”课程进行项目课程开发，必须按照工作过程系统化的思路进行传统课程的全面改革［3］。根据计算机网络工程专业毕业生所面向的职业岗位之一———网页设计与制作员岗位，通过校企合作为途径，以职业导向、应用导向、行动导向为原则，以课程教学目标服从、服务于专业人才培养目标为原则，以知识、技能、态度三位一体为原则，按照实际工作过程设计教学和学习内容，对所讲授的知识进行解构和重构，形成新的理论框架，按照项目任务实施的需要进行相关知识和技能的培养和训练，形成包括课程教学大纲、课程计划、实施方案、实训、教学环节设计等环节的系统化内容体系。
二、行动导向教学法在“网页设计”课程的应用
(一)课程的总体设计对于“网页设计”这类面向应用的前沿课程，应该结合该课程自身实践性强的特色和通过查阅相关行业企业资料、咨询行业企业专家等手段对与网页设计制作员相应行业的人才结构现状、行业发展趋势、职业资格要求、学生就业去向等问题进行深入研究，据此确定课程教学目标。比如，要达到的专业能力如下:收集、处理信息、规划网站的能力，设计开发静态与动态网页的能力，设计开发网站的综合能力以及知识应用能力;要达到的方法能力如下:获取知识的能力、自我发展能力、创新能力、自主学习能力以及感悟能力;要达到的社会能力如下:表达能力、敬业精神、团队协作精神、沟通能力及责任感和效率观念。本课程在内容选择上摒弃了传统教学中按照知识的逻辑联系构建教学过程的思路，而采用行动导向的教学方法，教学内容的选择完全按照项目真实的工作程序，以完成具体网站项目所进行的活动为主线，对传统课程进行了解构与重构。首先，为达到教学目标，抽取出“网页设计”课程中应包含的包括网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML语言基础等12个知识单元。然后以实际项目为引领，将知识单元融合到具体项目的实施过程中，作为学习情境的载体，将总任务划分成若干子任务，采用教师按步骤演示、学生动手模仿的形式，通过共同完成任务，达到教学目标。现以项目企业宣传类网站建设为例，将课程内容分解为5个任务，分别为任务1:企业宣传网站设计规划，子任务;任务2:创建数据库表;任务3:制作静态页面;任务4:制作商品展示后台管理系统;任务5:网站的测试。通过这一项目的实施要达到的能力如下:表格布局网页的能力;收集、处理信息，规划网站的能力;创新能力以及自我发展能力。
(二)以行动为导向的课程实施“网页设计”课程的教学全部在多媒体网络实验室进行，在课堂的授课过程中，以真实的项目操作为基础，着重把握网页设计工作过程中的建站流程、策划、设计与制作、动画制作与动态网页制作等关键性技术的讲解与指导。行动导向教学法的实施包括“资讯、计划、决策、实施、检查、评估”等六个步骤，整个课程的教学以项目总任务的导入为起点，逐个完成总任务划分而成的子任务，其中，教师带领学生对所要完成的子任务进行分析，给出子任务的完成样本［4］。制订出任务计划，确定工作步骤、程序和内容。然后，以学生为中心，以“组内异质、组间同质”为原则，对学生进行分组，学生在教师的指导下边学边做，完成任务。项目结束后，学生提交学习成果，可以采取学生自评、小组互评、教师评价等多种方式对任务成果进行评估，其结果可以记录到总成绩。现以项目企业宣传类网站的建设为例，说明其中任务3———制作静态页面的教学实施过程。将教学安排划分成以下五个工作步骤:步骤1:明确任务(15分钟)。结合真实企业案例，通过教师讲解和启发学生共同分析，请学生思考完成任务所需的技术和实现步骤。步骤2:任务分析(15分钟)。教师通过多媒体演示、启发引导，学生分组讨论。步骤3:演示指导(30分钟)。教师通过幻灯片演示实际操作，学生跟随教师，构建新的内容。步骤4:学生练习(30分钟)。学生自主完成网站的静态页面的制作，教师辅助指导。步骤5:归纳总结(10分钟)。教师提出问题，学生归纳总结。
(三)课程的评价与考核教学评价是高校教学质量保证的无形指挥棒，目前高校的评价机制有很多，采用行动导向教学法必须对传统的“只注重结果，不注重过程，只注重分数，不注重积累”的教学评价与考核方式进行改革。应关注评价的多元性，注重学生的动手能力，即在实践中分析问题、解决问题的能力。课程考核采取形成性考核、项目完成情况考核和期末考核相结合的形式:形成性考核占总成绩的30%，项目完成情况考核占总成绩的40%，期末考核占总成绩的30%。形成性考核主要包括学生课堂的出勤率、课堂表现、作业以及一些需要较长时间才能形成、并易产生反复的指标(比如责任感、协作精神、判断及处理能力等)。项目完成情况考核主要包括课内项目和课外实训项目完成情况的考核，根据项目实施的各阶段，采用学生自评、学生互评和教师测评相结合的方式，针对学生综合运用所学知识解决问题和实际开发设计的能力给予评价。期末考核采用课程设计的形式，由学生独立完成一个网站的设计与制作，根据站点设计是否规范合理、作品是否实现主要功能、界面是否美观、布局是否合理、所用技术的全面性和最后设计报告的撰写情况给予评价。
三、结语
购物车(0)