关键词：工作过程;课程设计;情境设计;网页设计
一、研究背景
根据齐鲁网及山东传媒职业学院毕业生岗位调研结果，我校毕业生在网页设计方面适应的岗位主要有网页页面设计、前端网页开发、后台动态网页开发等。
网页页面设计：主要应用Photoshop、Illustrator等图片处理和图形设计工具;
前端网页开发：主要应用Dreamweaver、Notepad++、Editplus等网页编码工具;
后台动态网页开发：主要应用Mysql数据库、PHP动态页面开发工具等。
这些工作岗位要求学生熟悉整个网页设计和开发的工作流程，具备所需的基本知识和操作技能，同时还要有良好的职业道德和团队精神，以适应行业发展需求。为了进一步实现职业院校的人才培养目标，提高职业教育的教学质量，围绕实际的网页设计和开发的工作过程，对《网页综合实训》课程进行改革和开发。
二、课程设计原则和设计依据
设计原则：以学生为主体，提高学生的学习兴趣;以职业岗位任务为导向，组织教学内容;以职业岗位需求为依据，突出职业能力培养;以项目为载体，训练学生职业岗位能力和自学能力。
设计依据：本课程以真实完整的网站开发项目为载体设计教学过程，以网站技术人员的岗位工作任务为依据，设计相应教学工作任务，以这些工作任务为载体设计学习情境。教师带领学生在网络机房完成网站项目的开发设计任务，学生以小组为单位开展工作任务。
三、根据岗位能力要求和专业培养目标，确定课程培养目标
1.岗位能力目标
（1）网页页面设计：要求学生能对网站结构进行规划及功能设计、能利用ps等工具设计制作网页页面效果图;
（2）前端网页开发：能将网页效果图重构为HTML网页、能为网页添加常用的js特效;
（3）后台动态网页开发：能进行网站后台数据库设计;能对常用的动态页面功能模块进行开发。
2.职业素质目标
完成具体工作项目，要求学生能自主学习和查阅资料。通过网络搜索资源，首先通过模仿然后举一反三，自主分析问题、解决问题;完成整个网站开发工作项目，要求学生具备良好的职业道德，能够团结协作共同完成工作任务，重在培养学生的团队合作能力和爱岗敬业精神。
四、根据工作流程，基于工作任务，设计学习情境
1.设计思路
网站开发实际工作任务主要包括网站规划设计、网站前端设计、网站后台开发、运营与维护。网站开发过程中的重要环节为设计与开发，即网站规划设计网站前端设计网站后台开发。遵循实际网站开发流程，本课程主要针对这一阶段设计开发一个实际的网站。
2.学习情境设计
遵循网站开发工作流程，以工作过程为导向，以项目为载体，把本课程设计成以下五大学习情境：（1）网站的整体规划设计;（2）网页设计与实现;（3）网页特效设计与实现;（4）网站后台数据库设计;（5）网站后台功能设计。
3.学习子情境设计
对应工作流程和能力目标，每一个情境又以工作任务为载体细分为若干个子情境，即学习任务。学习子情境要与整个项目的实际工作过程相结合，与每个工作阶段的能力目标相对应。下面以第二大情境――网页设计与实现为例，进行基于工作过程为导向的学习子情境设计与实施。
学习情境二：XX网页设计与实现
子情境设计及主要工作任务：
（1）网页版面设计：规划网页页面内容版块;绘制页面布局线框图;
（2）网页素材的搜索及制作：根据网站主题和风格，利用网络搜索，或利用工具软件制作网页素材;
（3）网页效果图设计与实现：利用ps完成网页设计psd效果图;
（4）HTML网页重构：根据psd网页设计图编写html网页代码。
4.考核评价设计
考核方法：本课程的考核包括平时过程考核和期末结果考核，两者各占一定比例。
考核对象：包括小组团队考核和个人表现考核，且侧重于团队的考核，着重培养学生的团队协作意识。过程考核除了考核团队协作以外，还要对学生个人表现情况进行考核，根据小组分工、工作量和完成质量等对每位学生进行考核。
考核内容：工作状态、项目完成质量、团队合作、完成时间、组织纪律。
考核方式：主要包括现场考核、日常考勤等。
参考文献：
[1]向志华.基于工作过程的网页设计与制作[J].湖北广播电视大
学学报，2012，6（32）.
[2]赵文丽.基于工作过程的网页制作技术课程设计[J].软件导刊・教育技术，2012（7）.
中职学校网页设计课程的课时安排一般为每周两到三次教学，每次教学为80~100分钟的时间。课时安排不利于常规理解的项目在课堂中开展，这就要求教师将任务尽量细化设计，项目周期最长需要在一周的教学中完成。当然，项目设计一次教学就能完成更好。如果项目任务完成周期设置较长，学生的潜意识当中都习惯将一星期作为一个阶段，而两个星期之间会有较为明显的断层，不利于项目的连贯性。特别是中职学生，过长的项目周期可能会影响学习热情。项目周期设置过长，项目难度按正比增长，那么学习的成就感可能较难获得，学习的主动性和持续性都会降低。
网页设计的任务要结合教学目标而设计，将教学课时的目标用网页效果呈现。如掌握网页中插入表格，以及表格属性设置的技术，可设置完成企业年度报告的项目，项目中包含多个数据报表，即表格知识点的学习，也有对以前所学文字、段落等知识点的回顾。而不是简单地制作一个表格，进行几行几列、行高列宽的机械化设置。前者所用的情景创设在教学中对学生学习热情的提高起到了非常关键的作用。
二、项目教学法的课堂实施过程
项目教学法在网页设计课程中的运用必须秉承以学生为学习主体的形式，遵循项目教学法的基本流程。
1.资讯。教师学习任务，让学生明确课堂学习的主导方向或目的，然后围绕目的而展开自主学习。鉴于中职学生自主学习能力较弱的情况，教师需要适当对网页中的相关技术进行分解。如在模拟QQShow换衣服的类似项目中，通过任务目的展示特别强调鼠标的操作类型和AP中图片的表现形式。学生的自主学习必须围绕学习目标，教师可以为学生提供对应的纸质学习资料或者网络课件，提高学生学习的针对性。因为网页设计课程一般在计算机机房内学习，每个学生都有一台计算机。学生很方便就可以在计算机上实验自己正在学习的知识点，对信息的掌握能保证很高的准确性。
2.计划。课堂项目计划包含两个方面：步骤和方法。网页设计课程的任务往往是做一个网页，而网页基本上都是从上到下、从左到右这种符合阅读习惯的顺序进行设计，所以步骤计划在网页设计中表现得并不明显，那么重点放在方法的设计上。学生分小组讨论项目的技术要点。如在讨厌的陷阱网站项目中讨论关不掉的对话框和不停弹出的广告页面该用哪种方法，怎么操作才可以实现。
3.决策。学生的计划可能是不完备的，教师不能让学生基于一个不完备的计划去实施，这样可能导致项目失败。教师可以在学生实施项目计划时通过旁听等方式获取计划内容，也可以通过提问等方式了解学生的计划。在保证项目的最终正确效果和不影响教学目的的前提下，对学生的计划进行调整以形成实施方案。尽量保持学生方案的原创性，突出其主体地位。如网页的布局可以用表格，也可以用布局元素来进行定位，学生用什么方法其实都无所谓，因为既不是学习表格布局，也不是学习布局元素的使用。
4.实施—检查。因为网页设计基于所见即所得的开发工具，所以实施过程中的错误操作大部分能实时表现出来，学生自己就能马上发现并对错误操作进行调整。项目教学法中的实施与检查两个步骤在网页设计课程中以交替的形式同时进行。只有少数几种错误操作不会在设计过程中表现出来，如居中显示的表格中的AP如果不嵌套到单元格中，那么在浏览器预览时改变浏览器宽度会导致AP元素中的文字或图片漂移出预期位置等。如果项目中会使用到这种类型的操作，教师可在资讯部分提供检查方法。
5.评估。项目结果评价方法灵活多样，以鼓励学生为主；在项目内容讨论评价时，教师要尊重学生的成果，切记不要在学生面前评论谁对谁错，项目实施成功与否应看整个过程的开展情况。当然，在学生交流项目实施的结果时，教师也应该耐心听取，不能因为学生讲得不好而有任何不尊重学生的行为；否则，学生就会失去信心，项目实施就会失败。“教育的目的不是要你承诺记忆多少东西，甚或知道多少东西。而是要能区分你知道什么，不知道什么。”那么，我们的评价不应该仅仅判断学生做得好或坏，而是让学生在评价的过程中弥补不足，能够正确、客观地评价自己和别人。
三、项目教学法在教学中的思考
【关键词】理实一体化；网站规划与网页设计；课程改革
《网站规划与网页设计》是针对网络技术专业学生网站规划与网页设计方向开设的一门经过整合的专业核心课程，它涵盖了Dreamweaver使用、Firework切图、Flas制作、HTML语言、SQL数据库和六大部分内容，分为上、下 两部分分别在大一下半学期和大二上半学期开设，学生通过学习本课程，掌握静态和动态网站的设计和规划、布局、美工、基本操作技术等方法。
通过工作过程导向的项目教学，学生掌握网页图片处理、制作等的基础知识与技能，能够根据不同主题选择图片类型，能够熟练的使用Photoshop等图形图像处理软件；根据需要完成网页动画元素的合成，能够熟练的应用Flash软件完成网页动画元素的制作，能够熟练应用Dreamweaver软件完成网页的布局，完成前台页面的制作；能够熟练应用SQL软件，建立数据库和数据表；能够使用T-SQL语句对数据库进行操作；能够在平台上制作动态网站。树立良好的职业道德意识，具有一定的创新思维能力和科学的工作方法，为职业能力发展奠定良好的基础。
当前高等职业教育的办学目标是培养高素质高技能型人才，而传统的教学方法存在一些局限性，无法更好的提高学生的实际动手能力，所以对该门课程进行理实一体化教学改革是势在必行的。
1、课程改革的指导思想
所谓理实一体化教学是指理论实践一体化教学方法，即讲授与操作一体化实施；教室、实验室和实习场所一体化配置；专业知识、操作技能与职业技能考核一体化训练的一种教学方法。它不是将理论教学和实践教学进行简单组合，而是通过实践教学使学生能更好的掌握和理解理论知识，达到理论教学和实践教学相融合，为学生的后续发展打好基础。
（1）以能力为本位为指导思想
以能力为本位的思想已成为国际职教界的共识。课程建设与改革的最终目标，就是培养学生的关键能力和职业能力。职业能力指从事职业活动所需要的知识和技能，它是劳动者胜任职业工作、赖以生存的核心能力；关键能力指那些与具体的职业和专业无直接关系，但对于一个人在现代社会中的生存和发展起着关键作用的能力，其目的在于填补学校教育与产业界实际之间的断层与空白。
（2）建设“理实一体化”的新型课程模式
课程改革必须充分体现“以学生为中心”的课程思想。“以学生为中心”的主要特点包括：“学”重于“教”；教师的作用是评估、判断、建议和指导而不仅仅是信息与知识的传递；形成“自组织”和互动的教学情境；发展学生的经验和技能；课程的灵活性与个性化。
所以在进行整个课程建设时，我们始终将“理实一体化”贯穿始终，以实际操作为主，通过实际操作来引导学生理解知识点。
（3）开发“任务驱动”的学习进程
课程改革倡导开发“任务驱动”的学习进程，在教学活动中实践“以学生为中心”的课程思想。学生通过完成“项目任务”进而完成课程的学习，同时其“成果”用作学生评价的主要依据。这种采用“任务驱动”的学习进程，能够有效地促进教学过程中的师生互动，有利于培养学生自主学习的能力和方法。
（4）建设丰富多样的教学资源
本课程的教学资源种类丰富，包括教学计划、课程标准、教学指导书、课件、教案、参考资料、参考视频以及在线资源等。
2、课程内容的教学改革
《网站规划与网页设计》作为我系计算机网络专业的核心课程，学生只有通过本门课程掌握了网站的设计和规划、布局、美工、基本操作技术等方法，才能更好选择就业方向，并且我们也走访了包头软件园，对一些软件公司进行了调研，确定了本门课程在行业职业标准中的职业资格定位为网页设计师和网站程序员，因此按照理实一体化的思路对本门课程的内容进行了重新的整合和设计，将教学内容设计成十四个学习情境，十四个学习情境分别为：网站策划与创建、表格布局、div+css布局、框架布局、利用模板制作和更新网页、表单页面的制作、行为与网页特效、flas设计、HTML语言、设计制作网络计算器、SQL数据库操作、留言板制作、综合实训一和综合实训二。针对每个学习情境都设计了相应的实际案例，教师通过对案例的讲解和演示，使学生先动手会操作，在操作过程中，将相应的基础知识点带进实际操作中，使学生把实践与理论联系在一起，进一步提高学生的操作水平，针对理解能力和接受知识能力强一些的学生，又设计有拓展知识点，使这部分学生掌握更多的理论知识。真正做到学生通过实践理解并掌握理论知识，做到“做中学，学中做”。
3、教学方法改革
传统教学方法在本门课程的传授过程中存在一定的局限性。比如在讲解学习情境二表格布局时，传统的方式是先讲解表格的使用及属性的设置，然后让学生练习表格的使用，虽然他们学会了表格的各项设置，但在使用表格进行页面布局时，学生往往却没有办法下手，不能进行灵活运用，无法将将理论和实践知识进行了联系，所以我们对教学方法进行了改革，本门课程现在采用的教学方法有以下几种：
（1）任务驱动教学法
教师根据教学内容准备一个或多个项目。利用设计项目的过程引导和组织学生开展学习，在活动过程中进行学生互评、教师点评，再结合成功的项目给予演示。由项目引出教学内容，由点到面，砌砖式地演练整个网页设计项目的设计与制作过程，通过项目过程来培养学生掌握网页设计知识的应用，实现整个教学内容。
（2）六步法
每个学习情境都按照“资讯、计划、决策、实施、检查、评估” 六步完整的行动过程。在教学过程中教师与学生互动，让学生在教师的指导下“获取信息”、“制定计划”、“实施计划”、“评价所做结果”，在自己动手的实践中，掌握职业技能，习得专业知识，从而构建属于自己的经验和知识体系。
（3）案例分析
在进行教学时，教师对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。
（4）分组教学法
在实训教学环节，课程通过项目分组的方式把学生分为若干项目小组实现分组设计。分组设计过程中，课程采用角色扮演的教学方法，每个项目分组扮演企业中的项目制作团队负责制作网页设计项目，授课教师扮演企业中的业务经理，负责向项目制作团队分配项目并对制作过程和制作结果进行监督与验收。
（5）课堂与实践一体化教学方法
在教学场地上的安排上，将课堂安排在实训基地，教师通过投影设备演示制作过程，评点学生团队作品。学生就地实训，一边学习理论内容，一边实训练习。
4、课程考核方式的改革
计算机应用技术(速录方向)专业教学质量工程批准号JXZL1304
【文章摘要】
本文根据《网页设计》实践性强的特点，探讨了基于项目为主的教学模式，学生为主题，教师为指导的项目教学方法的作用和优势，并为以后教学的发展提供了思路。
【关键词】
教学设计；网页设计；应用
课程设计是教师根据学生以及课程内容分析教学内容、教学条件确定教学的目标，运用系统的方法指导实训、评定学生学习过程，教学设计是教师有计划、有步骤的实施教学的一种技术，其目的是优化教学效果、提高教学质量和教学效果。《网页设计》课程设计的内容多，课时有限，使用传统的教学方法达不到预期的效果。因此，在教学实践中根据教学内容，设计教学方法，利用有计划的教学策略，优化教学效果[1]。
1.计算机速录专业《网页设计》课程的学习目标
内蒙古师范大学青年政治学院计算机速录专业《网页设计》课程旨在培养学生静态网页制作人员，并为学生开发网站打下基础，为学生今后就业提供技术支撑。因此，内蒙古师范大学青年政治学院计算机速录专业《网页设计》应以行业需求确定专业培养目标，以学生职业技术能力为目标实施教学活动，以学生为主题、教师为指导的教学过程，以灵活的项目教学和项目评价相结合来评价教学效果，并突出学生能力为目标。学生学习完《网页设计》课程后，能够掌握网页页面修饰、美工技术，掌握LOGO的制作、广告动画制作技术；掌握网页编辑技术；掌握Flash软件制作动画；掌握运用Photoshop软件制作与处理网页页面所需的图形图像；能够熟练制作与编辑网页文件。
2.计算机速录专业《网页设计》课程教学设计的思路
教师在《网页设计》教学过程中，根据每一项目的工作要求进行设计。本课程在注重理论教育课程的基础上，通过实践更好的把理论与实践相结合，使学生更好的掌握理论知识的同时，提高自己的实践能力，更好的把理论内容结合到实际应用中，适合应现代的教学模式，
3.计算机速录专业《网页设计》课程教学设计的内容
《网页设计》这门课程分四个部分，
（1）运用Dreamweaver软件搭建网页架构；
（2）运用Photoshop软件图形图像处理；
（3）运用Flash软件制作网页中所需的广告动画。
3.1教学目标的设计
（1）能力目标
培养学生能力目标有：能够进行网页页面布局、能插入网页元素、能够运用Photoshop软件处理图形图像、能够运用Flash软件制作动画、能够在网页中插入各种超级链接让整个网络链接起来，并能够熟练使用Photoshop软件与Flash软件修饰、美化页面。
（2）知识目标
培养学生知识目标有：了解Dreamweaver软件环境、菜单的使用方法；掌握搭建网站架构、掌握表格、表单、定位等操作；掌握网页编辑技术；掌握网页中插入图形、图像、音频、视频方法；掌握网页中插入超级链接的方法；掌握运用Photoshop软件图形图像处理方法与运用Flash软件动画制作方法。
（3）素质目标
培养学生素质目标有：①培养敬业精神、责任感、团队协作精神；②培养沟通能力、自主学习能力、自我发展能力、探索研究能力。
3.2课程内容的设计
《网页设计》课程中，教师对每一个整体项目划分若干个子项目，每一子项目又划分成若干个任务。如，搭建网页架构、图形图像处理、制作动画效果、修饰美化网页页面，每一任务的内容如下：(1)搭建网页架构；(2)图形图像处理；(3)制作动画效果；(4)修饰、美化页面。
4.《网页设计》课程考核方式的设计
4.1考核要求
《网页设计》课程的考核方式包括：（1）考勤占15%；（2）子项目完成情况占45%；（3）整个项目完成情况占40%。
4.2考核过程
为了促进学生实践能力，本课程使用项目教学法。也就是把本班同学分成几个组，将课程中涉及到的每一部分内容当作一个项目，让学生独立完成，最后评价项目。评价过程是：让学生运用课堂中学习的知识，设计与制作一个项目，项目中每完成一个工作过程（子项目）获得一定的分数，且各组成员必须对整个项目过程充分了解，最后让各组成员说明各自完成的工作任务及实现的步骤，再给大家讲解每一模块的功能及代码的实现过程，最后让教师和全班同学一起打分的方法。这样不仅激发学生学习兴趣，也能提高学生解决实际问题的能力，也使小组成员间能够很好的相处，互相帮助，共同进步的目的。
4.3优秀作品展示
教师讲解《网页设计》课程过程中，（1）给学生展示国内外公司网站、上一届学生跟课程内容有关的优秀作品，激发学生的学习兴趣，再引入本课程的内容。（2）展示本班同学优秀作品，鼓励学生。
总之，《网页设计》课程注重理论教育课程的基础上，通过实践更好的把理论与实践相结合，使学生更好的掌握理论知识的同时，提高自己的实践能力，更好的把理论内容结合到实际应用中，适合应现代的教学模式。
作者：巧云 单位：内蒙古师范大学青年政治学院信息工程系
关键词： 引导文； 教学法； 网页布局； CSS
中图分类号：G642 文献标志码：A 文章编号：1006-8228（2012）03-48-03
Application of guidance teaching method in courses of webpage layout and CSS
Zheng Huijun, Peng Yong, Zhou Qin
（Department of Computer Engineering, Dongguan Professional Training College, Dongguan， Guangdong 523808， China）
Abstract： Guidance teaching method is a widely used teaching method in German professional training schools, because it emphasizes developing students' independent learning, planning, implementation and evaluation ability. The authors apply this method to webpage layout and CSS course, and introduce six steps of guidance teaching method for teaching design in this paper. It achieves good teaching effects.
Key words： guidance teaching； teaching method； webpage layout； CSS
0 引言
与传统教学法相比，引导文教学法充分尊重学生主体地位，借助引导文教学文件，引导学生掌握独立学习和工作的方法，能对一些复杂的工作流程进行策划和操作，可以独自制定计划，执行工作计划并对成果进行检查。这种教学方法的实质是，老师把原来要讲的内容用引导课文的形式编写出来，让学生学习使用，引导学生自行控制学习和工作。
引导文教学法是一种以学生为主体、教师为主导，以学生自学为主的教学方法， 通过“引导问题、制定计划、决策、实施计划、检查成果、评估”等六个步骤实施教学活动，有利于培养和提高学生的自学能力、分析问题和解决问题的能力，以及对环境变化的心理承受能力[1]。
CSS作为高等职业院校计算机专业的一门基础课程，在网页设计中起着至关重要的作用。本文把引导文教学法运用在网页布局与CSS的教学中，按照引导文法的实施步骤、教学过程、注意事项进行了教学设计。将工学结合的教育理念和引导文教学方法引入到该课程改革中, 有利于实现该课程的人才培养目标。
1 相关工作
引导文教学法是国外采用的教学方法，尤其是在德国职教领域广泛采用的一种教学法。80年代它与“双轨制”一同引入，但在我国未被推广使用。引导文教学法主要的内容是：在教学中，让学生从大量技术材料(如专业手册、软件的帮助文档、相关专业书籍以及网络)中独立获取所需要的专业信息，独立制定完成工作任务的计划，从而获得解决新的、未知问题的能力；系统地培养学生的“完整行为模式”，着重培养学生独立学习和工作的能力。在教学活动中，教师将需要解决的问题或需要完成的任务以引导文的形式交给学生，学生在引导实践过程中，理解和把握课程要求的知识和技能，体验创新的艰辛与乐趣，培养分析问题和解决问题的能力及团队合作能力等[2,3]。引导文教学法虽然未被我国推广采用，但还是有不少的应用案例。例如，边颖研究了行动导向教学法在AutoCAD辅助设计课程改革中的应用,按照引导文的方法和步骤进行了AutoCAD的课堂设计[4]；姜雪等研究了引导文教学法在高职创业教育课程中的运用[5]。
2 引导文教学法在网页布局与CSS课程中的应用
2.1 教学背景
网页布局是计算机专业的一门基础课程，主要内容是控制静态网页和动态网站的显示，美化网页，减少冗余代码，使网站整体风格一致。学生学习该课程应该有一定的HTML基础和实际操作能力。之所以在该课程中运用引导文教学法进行教学，旨在使学生利用已学的知识来解决问题，培养其借助媒介独立自主地获取信息的能力和自学能力，培养其创新思维能力。因为网页的设计和美化千变万化，不能总是按照一种规定的方式进行网页布局。
2.2 课程能力目标
我们对学生毕业后从事的UI设计师或网页设计师这一职业所需要的能力进行了能力目标分析，确定了本课程的能力目标。
⑴ 专业能力：熟悉最新的CSS版本的基本语法结构；掌握样式表的几种写法；熟练准确掌握和运用CS中的基本属性；熟练地利用CSS样式设计表格的样式；熟练地使用DIV+CSS进行网页布局，弄清相对定位和绝对定位的区别；能够熟练利用CSS制作丰富多样的菜单。
⑵ 方法能力：在教师教授的基础上，进行自主学习，学习新技术，新规范，新标准的能力；具有敏锐的观察能力和设计能力；将基础知识进行融会贯通、举一反三、发散思维和创新设计的能力；能够根据需求制定完整的实施计划；对完成的项目进行演讲、展示、分析、评估和总结的能力。
⑶ 社会能力：进行团队协作和分工的能力；具有严谨的工作态度，有较强的竞争意识。
2.3 教学设计
作为现代职业教育教学的一种方法，引导文是专门的教学文件，借助引导文，教师可就一项实际工作或来自工程实践的与教学内容密切相关的技术问题，指导学生的自学过程。以下是网页布局与CSS教学中的一个应用实例，教学主题为学生利用给定素材自选主题进行网页的布局。我们按照四节课的时间进行教学过程设计，过程如表1所示。
表1 教学过程设计
[[教学环节\&教师活动\&学生活动\&设计意图\&时间\&引言\&教师讲解\&学生听讲、讨论\&引出课堂主题\&5分钟\&网页的一般布局结构\&教师提问并总结\&学生合作回答问题\&让学生了解网页的一般结构\&5分钟\&网页布局中内容部分的布局\&教师提问并总结\&学生合作回答问题\&让学生了解网页内容部分的分栏方法\&4分钟\&讲解课程所给素材和课堂任务\&教师讲解\&学生听讲、讨论\&让学生弄清楚课堂任务\&6分钟\&引导性问题：根据某一主题设计一个完整的网站首页\&教师给出引导性
问题\&各组学生讨论、确定主题\&锻炼学生的快速决策
能力\&10分钟\&确定主题后制定工作计划\&教师指导\&各组学生共同讨论制定工作计划\&培养学生制定工作计划的能力\&15分钟\&作出决策\&教师指导\&各组学生共同讨论做出正确可行的决策\&学生围绕主题确定网页的主色调、网页布局\&10分钟\&实施\&教师指导\&各组学生分工协作完成工作计划内容\&锻炼学生的查找信息的能力和设计能力\&100分钟\&检查\&教师讲解检查标准\&各组学生按照标准互进行交叉检查\&锻炼学生独立的评价
能力\&15分钟\&评估\&教师点评\&学生接受老师提出的意见\&使学生总结工作过程中的不足\&10分钟\&]]
2.4 教学实施
2.4.1 提出引导问题
引导问题包含了为解决任务所需的所有信息。它引导学生独立获取所需信息，并对整个工作过程的执行提供帮助。本实例的引导问题如下：
⑴ 如何确定网站的主题；
⑵ 如何根据主题确定网站的主色调；
⑶ 如何进行网站布局的划分并利用DIV+CSS进行网页布局；
⑷ 如何通过设置UL和LI的样式来完成滑动门菜单的制作；
⑸ 如何设置网页超链接的属性和鼠标移上的效果；
⑹ 如何在页面中插入FLASH，（这在前面的知识点讲解中没有提到，需要学生自己考虑，自己去查阅相关参考资料来完成）；
⑺ 如何统一设置整个网页文字的属性；
⑻ 如何设置网页的背景颜色或背景图片。
设计引导问题要注意的是不要设计简单的是非性问题，即回答“是”或“不是”的问题；不要设计过于简单的问题；对于设计出来的问题学生必须借助于之前所学知识的综合运用或者通过网络查询才能解答；设计的问题应该针对相应的工作步骤，同时注意，问题不要过于空泛或者容易产生歧义；不要设计过于复杂或综合性太强的问题；在要避免问题中出现不容易理解的措辞，引导问题要符合学生的知识理解水平，太过复杂的问题会做学生在规定的时间内无法完成；设计的问题要包含学生所学知识，并在这个基础上进行加深；引导问题应该引导学生解决实际问题，学生通过解决引导问题来逐步完成教学安排的任务；不要设计跟完成相应工作步骤无关的，或者关联很少的问题。
2.4.2 工作计划
工作计划就是工作前的思考，要考虑所有的相关工作和步骤，考虑网页所必须的主题和内容、菜单设计、FLASH的插入、内容部分的分栏、页脚部分的设计，还要考虑到分工与协作，各任务的先后顺序和时间的安排。学生(以小组为单位)各自写好网页设计步骤和分工，然后以组为单位进行讨论。在引导文教学中，没有对与错，只有合适与不合适，这样，可大大提高同学们的团队合作能力和发言的积极性。下面是学生自己写的工作计划样本。
任务一：确定网站主题并搜索整理相关的内容；主题由讨论确定，内容由1人完成（时间不限）。
任务二：利用DIV+CSS进行网页总体布局的划分，由3人共同完成，完成时间为20分钟。
步骤 1.设计好网页的布局模式，计算好个模块的宽带和高度以及各模块间的间距；
步骤 2.在html页面上写好div框架；
步骤 3.利用CSS设置每个div的宽度、高度和背景图片等属性。
任务三：设置顶部滑动门菜单，由2人共同完成（20分钟）。
步骤 1. 利用UL和LI写好页面框架，使用超链接设置主菜单，写好菜单项的名称；
步骤 2. 利用CSS设置超链接和UL、LI的属性，达到预期的效果。
任务四：插入FLASH，网上查询插入FLASH的方法，由1人完成（10分钟）；
任务五：网页内容部分各栏目的内容填充和样式设置；
任务六：进行页面底部的设置，由2人完成（20分钟）；
任务七：网页各部分的合并，由2人共同完成（20分钟）。
2.4.3 决策
决策是前一步工作的延续，同样是各由小组讨论（团队合作）来完成，但指导老师会参与其中。教师与学生以谈话的方式一起进行交流讨论，听取讨论结果，帮助选择可行的工作计划或对目前的工作计划作出修订或者重新制定工作计划。因为各个学生的能力与水平会有差异，工作计划安排要视各个学生的情况进行调整。工作计划中还要考虑的一个主要的问题是如何把网页设计的任务分工、合并，以及各部分任务的先后顺序。
与学生的专业谈话中教师要对学生比较迷惑的问题加以引导，说明问题的难点。讨论作为一个学习的机会，其质量直接受到学生的热情程度、投入程度以及参与意愿的影响，要让每个学生都投入到项目的学习和实施当中。
这一过程中，应该要求每个人都对工作计划提出自己的意见和见解，充分发挥每个人的作用，每个人都安排一定的任务，避免总是由“较好”的学生完成任务的情况。
2.4.4 实施
计划的实施由学生按照工作计划进行分工协作的方式进行。整个实施阶段，教师不参与具体的实施过程，教师的作用是监督，适时地给学生指出工作中的错误，对遇到的困难给予帮助。如果遇到新的技能问题，指导教师可另外提供帮助，但不一定采用授课形式。如FLASH的插入、网页的布局，学生先说出应怎样设置，指导教师作出纠正和补充，然后演示给学生看。教师指出学生的错误，而不是马上就给出答案，答案应由小组成员共同寻找。当学生的实施发生严重错误时，指导教师就必须立即制止。
计划实施过程中可以检验方案的可行性。小组成员选择的方案可能在实施时遇到了问题(计划和实际操作的差距)学生将会相互对比，并发现问题，从而修正、完善计划，最终得出较为理想的实施计划。通过切身体会、结合实际思考得出的结论，比老师课堂传授更容易被掌握和应用。
2.4.5 检查
实施过程中的每个步骤都会检查表，如表2所示，学生能在表中了解到为了实现学习目标，要付出什么努力。在计划实施过程中不断进行检查和优化，可以达到最佳效果。一般情况下，检查过程是，首先由学生自己检查他们所完成的作品，然后由教师（或者其他学生）检查。各组之间也可以交换检查，这也是他们学习、交流经验和心得的机会。
表2 检查表
[[序号\&步骤\&检查项目\&学生评估\&教师评估\&1\&1\&网页内容（10%）\&\&\&2\&2\&网页布局划分，网页整体颜色搭配（20%）\&\&\&3\&3\&顶部滑动门导航菜单设计（20%）\&\&\&4\&4\&页面内容部分左边和右边的设置（40%）\&\&\&5\&5\&页脚的设置（10%）\&\&\&]]
2.4.6 评估
最后由教师点评，并与学生一起讨论、总结，并评出名次，对设计好的小组给出奖励，对设计相对差的给予鼓励，鼓励学生不断探索创造。教师的评价不是单纯给出成绩，很大程度上是解决出现的问题，提出后继学习中应该注意的问题；评估也是经验的交流评估的另外一个重要内容是，根据检查表对学生的网站首页设计进行质量评价。
3 结束语
总之，引入引导文教学法，不仅能教给学生专业知识和技能，更能培养他们的专业能力、方法能力和社会能力。引导文法是培养学生“关键能力”的一种卓有成效的方法。实践表明，将它应用到网页布局与CSS教学中，激发了学生的学习兴趣，提高了教学质量。
参考文献：
[1] 姜大源.职业教育学研究新论[M].教育科学出版社,2007.
[2] [德]Ernst Nausch.德国双元制职业技术教育[Z].同济大学职业技术教
育学院译,2006.
[3] [德]Frank Bünning 职业技术教育培训(TVET)中的行动导向教学法
导论[Z].同济大学职业技术教育学院译,2007.
[4] 边颖.行动导向教学法在《AutoCAD辅助设计》课程改革中的应用[J].
职业技术教育,2008.20:48~50
关键词：“模块化教学法”，职业教育，网页设计与制作，教学设计
1引言
随着计算机、网络与通讯技术的发展，Internet在人们的生活、学习和工作中的位置越来越重要，经常性上网冲浪的生活已经成为现代人生活的一个重要特征。通过发布属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。因此精通网页的设计与制作等内容已经成为现代人必备的一种技能。对此，本文基于网页设计与制作课程本身固有的特点，采用模块化的教学方法，更好地加强了教学实践性，极大地提高了学生的实践能力。
2 “模块项目化”教学法在网页设计与制作课程中的应用
网页设计与制作模块项目化教学法是根据网页设计与制作教学大纲的要求，把教材划分为若干个模块，并将这些模块项目化，同时以学生为主，教师为主导作用，以教、学、练相结合，调动学生的学习兴趣，启发学生思维，以实践为主的教学方法。
2．1网页设计与制作课程模块化任务的设计
以项目开发为出发点，将该课程分成网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护等六个知识模块，每一个小的模块项目又具体细化为一个个小的任务。论文大全。每个任务根据教学的实际情况可以再细化。课程知识体系结构图如图1所示。
图1 课程知识体系结构图
2.2网页设计与制作课程模块项目化设计
模块项目化教学法的关键在于项目的选取。教师所设计的项目，应将培养学生的职业能力作为出发点，联系市场发展，从企业需要出发，以实际项目开发流程来确立课程的知识体系，使知识体系结构中的各个知识模块包含学生应掌握的能力素质。表1是“模块项目化”教学法的学习模块分解表。论文大全。
表1 学习模块分解表
关键词：项目教学；网页设计与制作；课程改革；实践
项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。
1教学改革的理念与思路
在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。
2基于项目教学的“网页设计与制作”课程改革与实践的途径
2.1课程整体设计
在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。
2.2建立项目小组
在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。
2.3项目教学的实施
项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。
2.4成果展示
在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。
2.5考核方式的改革
项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。
3结束语
综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。
参考文献：
[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.
[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.
[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2)：25-26.
关键词：工学结合；网页设计；岗位能力
中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0228-01
在国家示范性职业学院的基础上，围绕计算机网络技术产业对技能型人才的需要，以校企共建为载体，实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准，深化课程改革，探索了应用基于工作过程理实一体化教学的课程体系设计。
一、职业岗位分析
由行业、企业、专业骨干教师组建专业建设指导委员会，调研产业集群，对职业岗位技能需求情况进行分析，确定职业岗位核心能力，按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析，并对一些网站建设类企业的职业岗位调研，确定本课程职业岗位为网页设计与制作员、网站管理员。
二、确定职业岗位核心能力
分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位，要求了解网站的开发流程，熟练使用网页设计软件编辑与制作网页；能够合理布局网页。
三、课程教学目标
课程的教学目标，体现与职业岗位的无缝对接。改变知识点集合式的教学目标，结合职业岗位技能加入到教学目标中，将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力，以适应职业岗位的要求。
（一）知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标，使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素；强化网页美化与修饰的技能，会使用行为和特效修饰网页；掌握CCS层叠样式表的使用；掌握网站新闻和图片的更新等日常管理与维护技巧。（二）操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能；灵活运用所学网页制作工具的能力；对页面细节的调节技能；合理运用模板与库等工具，优化网页制作的过程；提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力；主动学习的能力。（三）职业素质目标。培养学生具有良好的职业道德与敬业精神；培养学生的沟通能力和团队协作精神，具有组织、计划、协调与协作能力；培养学具有良好的心理素质和克服困难的能力，具有分析问题、解决问题的能力，具有较强的沟通和交流能力。
四、课程教学内容
（一）课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则，参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计，体现贴合职业岗位技能需求，模拟实际工作过程的课程设计理念，以企业真实网站设计项目为载体组织教学内容，采用基于工作过程的任务驱动教学方法和手段进行实施。（二）分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析，将网页制作这一工作岗位需要的技能总结为，用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。（三）课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先，选取知识技能覆盖面广，项目过程完整的企业项目。然后根据学生的认知过程，将网页制作职业岗位所需的技能进行分解，嵌入到网页制作的项目中。最后，将整个项目划分成教学任务。
五、课程的教学实施
（一）建立任务情境。教师首先布置本节课程要完成的教学任务，要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时，教师首先将完整的任务网站展示给学生，告知学生学习后能取得的成果，激发他们学习的热情，同时引导学生思考如何利用这样的平台制作自己的网页，由此确定课程的总体任务――建设一个完整网站。（二）分析任务提出问题。在每一教学单元之前，先提出本单元要完成的网页制作任务，提出之后，先让学生对任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题。其中，一些问题较为浅显的问题，学生通过主动学习就能解决；另一些是任务中包含的新知识点中的难点，学生要通过认真的研究、分析才能解决，强化学生独立解决问题的能力，培养学生从新的角度去看旧问题，丰富学生的创造性和想象力。（三）学生完成任务。探索研究问题提出后，教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识，通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识，并将所学知识融会贯通。（四）任务评价与总结。在整个任务完成后，教师对学生的完成情况进行总结，强调普遍出现的问题或错误，演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度，解决问题的能力和创造性的发挥以及获取的知识的情况进行监督，对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导，做到因材施教。
六、考核方法
主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况，占总成绩的30%；以及在完成过程中的表现情况，占总成绩10%；期末考核采用笔试、上机操作与作品相结合的方式，每个部分各占总成绩的20%。
七、结束语
《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。
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）归档或应用。将项目化教学的过程记录归档，总结，并应用于新的实践
