时间：2024-04-18 09:59:45
>> 基于项目化教学的“网页设计与制作”课程改革与实践 《网页设计与制作》课程教学的创新与实践 网页设计与制作课程的教学改革与实践研究 《网页设计与制作》课程的开发与实践探析 《网页设计与制作》课程建设的认知与实践 计算机广告制作专业的网页设计课程教学改革与实践 《网页设计与制作》课程教学模式的改革及实践 基于工作过程的“网页设计与制作”课程改革的探索与实践 网页设计与制作的课程改革新动向 中职《网页设计与制作》课程的改革初探 网页制作课程设计的组织与实践 任务驱动法在《网页设计与制作》课程教学中的实践探索 项目驱动式教学法在“网页设计与制作”中的研究与应用 基于CDIO理念的网页设计与制作教学改革与实践探究 基于项目牵引式《网页设计与制作》教学的实践与探究 “网页制作”的教学设计与实践探究 “网页设计与制作”课程教学方法的探索 《网页设计与制作》课程的教学探讨 浅谈《网页设计与制作》课程的实训教学 浅析《网页设计与制作》课程的教学方法 常见问题解答 当前所在位置：l；
页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；
3）页面设计中导航和超链接清晰，对象插入合理；
4）网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；
5）在网页中恰当的位置设计一个简单的登录表单；
6）网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。
7）运用外部样式表定制网页风格，网站内风格统一。
3.2.4 学习评价
学习评价包括过程性评价和总结性评价。评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。根据上述网站制作要求，客观公正地评价学生的学习效果。由于学生解决实际问题能力有限，在项目实施过程中，可能会存在一系列的问题，在小组互评中，各小组组长在汇报中要指出网站制作过程中出现的问题所在及其解决方法，使学生的各种能力在评价中得到提高。在评价方法上，主要评价学生是否达到项目既定的目标要求，关注学生在完成项目中的进步程度，这样有利于学生实践能力和创新能力的培养。
在本课程中，每个学生学习的效果直接由完成网站的情况来衡量，包括四个部分：一是教师评价，由教师对各个小组项目完成情况进行评定，评价内容主要包括能否共同协作、是否实现预定功能等；二是小组间互评，由各小组组长在项目完成后给全班同学进行汇报，主要包括网站的设计思路、小组成员分工情况以及如何完成既定目标；三是小组内部各成员间互评，由各小组成员根据各组员对本小组项目贡献的情况进行互评；四是学生自评，由学生本人进行自评，通过学习是否有所提高。综合以上评定情况来确定每一名学生的学生总评成绩。
4 总结
通过多年的教学实践，采用项目驱动模式教学，能明确学习目标，较大地提升学习者的学习兴趣。从而提高学生的学习效果，保证教学质量，锻炼学生解决实际问题的能力。因此，项目驱动教学模式对《网页设计与制作》课程来说是行之有效的教学方法。
参考文献：
[1] 张钰莎. 项目驱动式教学法在《网页设计与制作》中的探讨[J].现代计算机，2011（6）.
[2] 胡永刚. 项目教学法在《网页制作基础》课程中的应用[J].机械职业教育，2008（2）.
【关键词】网页设计；前端工程师；工作过程；实训模式
为了适应社会进步所带来的人才需求变化和提升教学效果，高等职业院校不断尝试结合专业和课程的特点，引入多种课程开发方法，深入进行课程建设和改革。目前，基于工作过程导向的课程教学改革正逐渐成为高职教育改革的重要探索领域。网页设计课程是高等职业院校电子商务专业和计算机类专业开设的职业核心课程。所以，网页设计课程的教学质量直接决定了学生的实践能力和就业能力。
1.网页设计课程存在的问题
网页设计课程的相关岗位包括：前端工程师、网站管理、网络编辑等，其中前端工程师是最主要的岗位。前端工程师是Web前端开发工程师的简称，是一种高端技能型人才。很多高职院校的相关专业开设了网页设计课程，但培养出的学生很多都达不到企业关于前端工程师岗位的用人需求，所以依然存在很大的人才需求缺口。
网页设计课程存在的问题主要包括以下几个方面。（1）知识体系相对滞后。学生在学校学到的table表格布局等相关知识在企业已经基本不用。学生对企业用人需求描述中的专业术语和知识比较陌生，没有用过企业要求的知识体系，这是造成学生不敢在前端工程师岗位竞聘的主要原因。（2）注重单个知识点的掌握，不注重综合能力培养。调研发现网页设计课程的教学组织大多采用案例教学等方法，注重单个知识点的掌握，学生掌握了一个个知识点，比较有成就感，但面对企业的工作任务却无从下手，感觉都不是自己学过的知识。这种注重单个知识点，忽略综合能力培养的教学方式，虽然短期能够得到学生的认可，但并没有达到良好的教学效果，相应地也不能实现教学目标。
这引起了很多专家学者的关注，但很多研究仅仅是简单地将某一种教学方法应用于课程的实训教学，或者侧重于项目驱动、任务导向的教学过程设计，都不够系统，不够贴近前端工程师的职业能力需要，所以很难达到满意的教学效果，也很难满足学生的就业需求。因此，结合高职学生的实际情况和职业需求，对“网页设计”课程实施基于工作过程的实训模式改革。
2.课程改革思路
工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程，从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向，是一种课程开发方法，是2002年德国劳耐尔（Rauner）教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。
网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题，结合企业对网页设计人才能力的需求，对网页设计师的工作过程进行分析，分解出典型工作任务，分析各个环节的能力要求。再基于网页设计师的工作过程，构建网页设计课程的实训教学模式，其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践，借以激发学生的学习兴趣和学习热情，改进教学效果。
3.前端工程师典型工作任务分解
通过调研，我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发，所采用的技术目前主要是HTML4+CSS2，但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术，课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展，课程简单涉及到HTML5+CSS3的特点。
将前端工程师的主要工作内容进行分析整理，结合前端工程师应具备的能力和素质，我们将前端工程师的典型工作过程分解为以下八个部分：网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成，每一个网页的设计完成需要用到的知识基本类似，所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用，这些都是网页设计课程的前导课程或同期课程的讲授内容，所以在此只涉及到应用，并不深入讲解。
4.重新构建教学体系
4.1 实训内容设计
网页设计课程是以实践为基础的核心课程，所有理论知识必须在技能训练过程中得以掌握和运用，所以必须注重培养学生理论知识的灵活运用能力和网页制作实训能力。网页设计课程的实训内容设计重点体现在以下几个方面：
（1）以工作过程分解为依据。网页设计课程以前端工程师的典型工作过程分解为依据，将实训内容设计为包括局部设计、界面设计、兼容性测试、案例实训四个大的模块，贴近前端工程师的工作过程，满足前端工程师的岗位能力需求，使整个教学过程更加具有针对性。局部设计又由常用XHTML标签、DIV布局、CSS样式美化、JavaScript页面特效组成。局部模块设计即兼顾网页设计课程知识体系的系统性，又结合前端工程师的工作过程，即有利于加深学生对个别知识点的理解，又有利于学生网页设计知识体系的构建。
（2）基础知识与综合实训并重。实训内容的前三个模块属于基础知识学习部分，最后一个案例实训模块属于综合实训。在整个课程设计中，综合实训课时占整个课程课时的1/3以上。课程教学方式也从前期的讲练结合，转变为实训辅导为主；授课对象从前期的面向整体为主，转为面向个体为主。通过对综合实训课时比例的增加，培养学生对知识点的综合运用能力，进而无缝衔接前端工程师的岗位能力。
（3）化整为零、小小案例。前端工程师的工作过程是一个系统性非常强的、复杂的工程，由很多小的知识点组成，需要对知识点进行综合、灵活的应用。针对知识点的案例往往并不适用于整体网页设计，这就造成了知识点的学习与综合实训的脱节，容易给学生造成一种无所适从感。课程实训设计将分布于综合实训中的局部功能分解为基础知识点的学习案例，一个个局部功能分解为一个个小小案例。这种方法也使得学生在做综合实训时有一种亲切感，方便学生知识体系从局部到整体的构建。
4.2 实训方法设计
课程实训方法设计结合实训内容特点，采用“教、学、做”一体化的教学方法。局部设计主要采用理论实践一体化的项目教学法和任务驱动教学法，强调知识点在小案例中的应用。综合实训主要采用分组教学法和真实案例教学法，强调小组协作能力和综合实训能力。
（1）项目教学法。项目教学法时一种由项目引入进而展开知识点的教学方法，一边分析讲解、一边操作演示，讲练结合，激发学生学习兴趣，提高学生分析问题、解决问题的实际能力，轻松达到教学目标。
（2）任务驱动教学法。将实训内容设计为一个个独立任务，充分调动学生的学习积极性和主动性。任务也分为三种类型：局部功能任务、整体设计任务、真实企业任务。任务的实施也是从简单的局部功能任务到整体设计任务，再到灵活运用的真实企业任务的过程，逐步进阶。任务驱动贯穿整个实训环节设计，有利于训练学生的职业态度，也有利于提高学生的知识应用能力和创新能力。
（3）分组教学法。综合实训阶段的任务相对复杂，单个同学实现有一定的难度，所以采用分组教学的方法，有利于形成小组内探讨解决问题的氛围，也有利于加深对知识点的理解，能有效培养学生的团队意识。为充分发挥每个成员的潜能，形成足够量的成员任务，在设计小组时人数不宜太多，一般以2-3人为宜。
（4）真实案例教学法。将企业真实案例引入教学过程，能有效拉近课程教学与岗位能力需求之间的距离，充分激发学生的学习热情，即能让学生对岗位能力需求有更深刻的理解，也能增加学生的自我认同感和成就感，进而达到培养岗位人才的目的。
4.3 考核方案设计
本课程的最终目的是要求学生应用所学知识，根据网站策划图完成网站设计。前端工程师是一个注重实际能力的岗位，传统的理论知识考试方式不能充分评价学生的学习成绩和能力水平，对于学生实践能力的提高，以及就业能力的提高是没有多少益处的。也有部分研究者将考核形式改为考核学生完成网站作品制作的形式。这种考核方式相对理论知识考试有了很大的进步，更加注重实践能力的考核，但很多时候教师考核给出的网站策划作品比较滞后，内容相对简单，所有同学完成一样的网站设计，难免存在抄袭的嫌疑。这就造成了很多同学觉得自己对课程内知识掌握的不错，但看到企业复杂的网站策划图，依然不敢面试前端工程师岗位。
因此课题组对考核方案进行了大胆的改革，期末总评学习成绩由三部分组成：过程考核（平时到课考勤、上课回答问题和随堂作品）占20%、技能考核（课内分模块作品以及综合设计作品）占30%和项目考核（期末综合作品）占50%。这种方式较为客观的反应了学生的学习情况和能力水平，主要特点包括：
（1）真题真做。将企业一线的多个真实案例拿来供学生选择，作为项目考核题目。多种作业选择能在一定程度上减少学生作业抄袭的情况。来自企业一线的真实案例与岗位能力要求高度契合，增强学生就业能力和自信心。
（2）注重过程考核。期末考核只占期末总评成绩的50%，其余两部分都是教学过程中完成的，属于过程考核。这样的考核方案设计能有效避免学生过分注重短时间的期末考核，能使学生更加重视知识技能积累的学习过程。
5.小结
基于工作过程的网页设计课程实训模式开发，以前端工程师的典型工作过程分解为依据，从简单到复杂，从局部到整体，符合学生的认知学习规律。实践内容以来自企业一线的真实案例为基础，真题真做，培养和提高学生的实践动手能力和综合运用能力，拉近课程培养与企业用人需求之间的距离，提高学生的就业能力和核心竞争力，实现技术技能型人才的培养目标。
参考文献
[1]何兴国.DACUM与工作过程导向课程开发方法比较研究[J].职教论坛，2012（27）：70.
[2]孙士新.基于工作过程导向的高职本土化教学模式研究[J].辽宁医学院学报：社会科学版，2013（2）：69.
[3]沈玲.基于工作过程的高职课程建设研究[D].湖南师范大学论文，2012.6：20-27.
《网页设计与制作》是我院计算机各专业及电子商务类专业的必修课程，自开设以来深受学生的喜爱。因本课程教学内容及教学资源较多，学生很难在课程中完全掌握所学知识，为更好地补充和辅助学生进行课外学习，更加开放的网络教学成为本课程的有益补充和良好的学习途径。
二、课程分析与设计
《网页设计与制作》课程是高职高专计算机专业的一门技能课程，结合职位岗位对人才的需求，我们收集了网页设计、平面设计、动画设计、动态网页开发等课程的相关知识，对本课程的教学内容、知识结构、信息资源的选取、教学策略的使用进行了精心的策划和设计。我们将学生熟练的网页设计与开发的操作技能作为培养重点，在课程教学设计中，以“高素质、技能型”人才为培养目标，采取“小组协作学习”的学习方式完成整个课程的教学，并注重对小组的考核评价。
（一）学习需求分析
对于高职高专的学生，学习的主动性和积极性不够强，但对于操作性比较强的课程，往往有强烈的学习愿望，针对学生的特点，并根据《网页设计与制作》这门课程的性质特征，在教学中我们主要采用任务驱动的教学方法，实施项目教学，让学生的学习和工作的内容紧密相联，这样不仅能够吸引学生的注意力，并且能够提高学生的学习兴趣，同时达到“工学结合”的教学理念。
（二）学习内容分析
我们分析了多门与网页设计与制作相关的教材，从课程的实际应用与培养需求出发，对教学内容进行了重新安排。从本课程的教学实际出发设定的学习目标是：培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作等。考虑到学生的层次不同，大家可以根据自己的实际情况有选择的学习适合自己的模块，自学能力较强的学生可以通过我们的网络平台得到进一步的提高和知识的拓展。
（三）知识结构体系
网页设计与制作融合了平面设计、网页制作、动态程序、数据库等知识，作为一门综合性强的课程.。把核心知识以最快、最有效的方式传递给学生，而又要能使学生容易掌握，所以本课程以“表格式”布局作为教学的主线，把Photoshop平面设计、Flas设计融入其中，同时适当引入“div+css”网页布局的内容。而在动态网页设计中，简单介绍Asp+Aceess动态网页设计知识。据此，在学习内容的组织上，以“用表格进行页面布局”和“网页与数据库”这两个知识点为主线，将其它知识串联起来，可帮助学生迅速建立起知识的体系结构。
三、信息资源的选择
在《网页设计与制作》网络课程的设计中，以课内项目、课外项目和教学专题的形式进行信息资源的规划与整合，选择合适的形式来展现信息资源是非常重要的。如在网页的中文排版教学模块中，网页文字材料应以文本为主，而涉及的图片只需提供原始图片即可，增强学生对资源的应用与处理。而在“实验演示”、“动态网页的原理”模块中，以动画的形式形象地展示出来，激发学生的想象力。而在课外拓展模块中，信息资源应以视频的形式展现，使学生方便参照与模仿。信息资源总体结构见图1。
四、教学策略的设计
（一）任务驱动的教学模式
“任务驱动教学”就是将要学习的新知识隐含在一个或几个任务中，学生通过对任务进行分析和讨论，明确该任务所涉及的课程知识，并找出其中的新知识，然后在老师的指导和帮助下找出解决问题的方法，继而完成相应任务。《网页设计与制作》课程在教学中使用“任务驱动教学法”的具体做法是：教师先给学生呈现一个具体的网页效果，接着与学生共同分析该网页需要如何去处理，然后在老师的指导下师生共同完成网页，形成“阶梯式螺旋化”教学模式。这样做的好处是：通过一个任务的完成，培养学生发现问题、分析问题、解决问题的能力，激发学生的学习兴趣，同时能够提高学生的实际动手能力；而且将新知识点融入任务中进行学习，所学知识具有一定的针对性与目的性，学生的学习就会认为学的有价值，且通过一项任务的完成，学生同时可以体会到一种成就感。
（二）开放式自主学习模式
本课程建立的网络教学平台中包含本课程的教学资源、教学课件、课程教案、教学指导等模块。通过网络提供10大类、45000多个文件的立体化教学资源，所有的教学资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络学习。同时开发了在线答疑系统，提供了QQ和TQ两种访问途径，在线访问和离线留言两种方式。在“学习资源区”针对不同层次的学习者设计了丰富的学习资源。通过电子教案，学习者可以了解教师课堂上讲授的知识要点，并可下载素材进行相应的训练；如果在学习中遇到了困难，一般通过“学习资源区”中的“你问我答”即可解决，确需教师帮助的，也可在网络的“教师答疑”中给教师留言。专题学习板块基本上覆盖了较高层次学习者所要了解的知识。
（三）课外小组协作学习模式
在课外作业环境，采用基于构建主义学习理论的协作学习模式。一方面教师在网络教学平台创建学习主题和要求，另一方面学生可自由创建学习主题和内容，挖掘优秀学生的潜能。由学生自行组成小组并进行分工设计，在设计过程中可通过小组讨论、师生网络交流进一步深化和完善学习内容，完成后相互进行评价和交流。因此在设计网络课程时要注重协同工作环境的设计，充分发挥网络的功能。
五、学习评价系统的设计
为更好地评价学生在网络教学中的学习效果，学习评价系统的设计是十分重要的。在本网络课程中，根据学习者的学习需求和特点，进行不同程度的强化练习评价，并及时给出反馈意见。在学生完成对应的学习内容后，教师可以对学生进行评价，学生之间也可以相互评价。同时完成专题学习后，挑选出优秀的作品进行课外开放式评价，增强学生的成就感，以此达到学生的再学习的主动性。
关键词:工学结合;高职;网页设计;教学
随着互联网技术的不断发展，高职计算机专业教育迎来新的挑战。高职院校作为培养高素质技能应用型人才的基地，其在教学实践中必须更为重视专业培养与社会需求的紧密结合。面临互联网时代对高职网页设计教学提出的新要求，工学结合模式下的网页设计课程教学实践成为了必由之路。
一、基于工学结合的高职网页设计教学实施意义
网页设计是计算机专业核心课程，其也是应用非常广泛的课程。网页设计实用性强，课程教学内容丰富，集理论与实践于一体，既要求学生具备基础理论与操作技能，也要具备项目设计制作能力。同时，社会对高职网页设计人才的职业岗位能力要求主要体现在创意思维、网页项目开发、动画制作以及动态网页制作等内容，简而言之，就是要求具备独立设计制作功能齐全、画面精致以及维护操作便捷的网页能力。但当前高职院校针对网页设计课程的实践教学存在诸多问题。例如实训教学缺乏标准化、职场化环境，对学生实际岗位技能培养都造成了影响。而工学结合模式则以学生就业为导向，以专业技能为本位，可有效满足学生职业生涯发展以及社会需求，基于工学结合模式的高职网页设计课程教学，具体以职业与岗位需求为依据明确课程体系，以工作任务为主线确立课程模式，以专业岗位划分设计课程内容，能够让学生尽快进入工作实践的机会，让学生提前融入由学生到工作者的环境当中，有助于培养学生理论知识迁移与实践创新能力，同时也注重专业前瞻性与动态性，适应互联网行业不断发展的社会需求。这也是当前社会赋予高职教育的重任。因此，面临计算机专业教学新环境，高职院校应结合当前计算机产业对高素质技能型人才的新需求，以校企共建为基础，实施工学结合的教学模式，促进计算机网页设计教学改革。
二、工学结合模式下高职网页设计课程教学设计
工学结合模式下的高职网页设计课程教学设计，可具体以企业技术人力等作为基础，课程教学内容以具体工作需求为目标，教学模式以工作流程为引导，实现教学内容项目化，教学过程工作化。具体来讲，可从以下几个方面入手。
(一)教学情境工作化
无论是专业基础理论，或是实践，都需要以企业需求为目标。因此学校有必要做到教学情境工作化，构建起校园文化同企业职场文化融合的平台，实现专业教学同产业的对接。同时结合专业课程培养目标，联合企业专家等对专业岗位工作任务实施整理归纳，将每一个学习情境结合工作过程细分为具体工作任务，把专业知识点融入工作任务当中，促进理论与实践的结合。
(二)教学内容项目化
教师以及课程团队可凭借自身教学经验以及相关项目资源基础，以网页设计制作、网站编辑等职业标准为标准，以实际项目作为课程教学内容，使学生在工作当中学习，在学习当中实践，切实发展学生职业能力。具体可以专业职业能力作为核心，将课程内容细分为几个项目任务，以项目为基础融合专业发展动态，展现教学内容的前沿性。教学实践中，教师可以项目负责人的角色开展教学。例如以专题网站建设与推广为具体项目，将其细分为网站规划设计、交互页面设计、二级页面设计以及动态页面设计等部分，教师首先引导学生分析各个项目，掌握学习目标，激发其主动性;同时结合项目内容将学生划分为几个小组，由每个小组长进行任务划分，合作完成项目;教师以及外聘企业专家进行对项目的定期考察，掌握学生项目完成情况。
(三)教学模式工作化
工学结合模式下，高职网页设计课程也应采取多种教学模式，搭建起起教、学、做一体化的情境，引入企业技术、工作流程等，紧跟当前专业动态，构建起工作化的教学模式。例如采取问题驱动教学法、案例教学法等，强化学生动手实践能力、创新能力以及职业素养的培养。以案例教学法为例，首先让学生欣赏一些优秀的网页作品，教师对作品从结构布局、设计搭配等各个方面分析，引起学生的兴趣，给学生留下初步印象;结合案例向学生讲解网页设计制作方法与步骤，并在示范操作之后让学生实践模仿;学生完成之后归纳要点，解决实践中所出现的各类问题，进行逐步点评;最后则通过模拟项目展开实战联系，让学生结合所学知识，亲自为用户设计制作网站，提升设计能力、创新能力以及综合能力。在一个学习阶段完成之后，教师可针对性安排课程实训，组织学生到企业当中参与网站设计建设实践项目，安排学生到企业参与实训，或者通过骨干教师承接项目的方式，由学生参与设计制作，让学生按照企业网站开发设计的流程与设计与开发，充分利用所学理论知识，提升创新与实践能力。
(四)考核评价多元化
基于工学结合模式，网页设计课程教学考核评价也应做到多元化，具体可构建起理论考试、课程项目评分、实训评价等多重考核评价模式;其次可引导学生以比赛代考、以项目代考等，鼓励学生积极参加各类专业认证考试，只要获取如“网页设计师”等相关行业证书，以及为相关单位建立网站，参与专业竞赛并获取成绩的，都可获得网页设计课程的学分。
三、结论
总而言之，工学结合模式下的高职网页设计教学以具体岗位能力需求为基础，以工作为标准明确教学内容与方法，促进学生在校期间更好地掌握职业技能，提升就业竞争能力与综合素质，满足社会企业用人需求。
参考文献:
［1］马晓虎．基于工作过程的高职“网页设计与制作”课程改革与实践［J］．电脑知识与技术，2011(10):7034-7036．
［2］李庆玲．基于工学结合的“网页设计与制作”课程改革方案［J］．内蒙古水利，277-178．
关键词：结构；导航；界面；交互；
中图分类号：G4 文献标识码：A 文章编号：1674-3520（2015）-04-00-01
网络课程是一个由知识点、跳转关系、导航策略和交互界面组成的教学系统。《汽车电子技术》网络课程的系统设计包括结构设计、导航设计和界面设计三个方面。课程内容主要以《汽车电子技术》第一章的教学内容和辅助学习两大部分组成。
一、结构设计
由于网络课程有其特定的教育性，在设计结构时，十分注重对知识结构的设计，以便有利于体现教学内容的层次关系，有利于实现自主学习。在进行本课程知识结构的设计时，以《汽车电子技术》为框架，按章节进行选择，在各章节内部，根据知识点之间的联系设置超链接。我们还根据学习者的需要，设置了各种辅助学习方式，方便学习者自学。
（一）网络教学模块。网络教学模块（网络课件）是根据教材内容而编制，是教学目标、学习任务的具体体现，教学目标的实现主要依靠具体的网络课件来完成，所以这个模块是整个网络课程的重点。
1、内容的呈现方式。主要以平铺方式来组织教学内容，方便学习者按各自的基础、兴趣和能力有选择地进行学习，满足学习者的不同需求。教学内容以课本的每一章节为纵向结构，以学习目标、辅助学习、作业系统、教师答疑、实验指导作为横向结构编织成一张纵横交错、非线性的知识网络体系，让学习者掌握充分的学习自进行有效的学习。
2、课程导学。为了帮助学员实现网络课程的自主学习、掌握正确的学习方法 ，提供了课程大纲、课程目标、实验指导、作业系统等助学信息。
3、重点难点的处理。在对汽车电子的学习中，学习者需要掌握理论与技术的相结合，这是课程内容中的重点。我们在对课程的学习时，加入实验指导，让学生边学习理论，边熟悉技术的操作。重点解析内容也可采用 Flash动态教学效果或视频教学，配以文字和语音讲解，利于学员更好接受和理解。
（二）师资队伍模块。“师资队伍”主要是介绍了有关该课程的教师资料，学生通过“师资队伍”可了解自己老师的信息。
（三）作品欣赏模块。“作品欣赏”又分为“优秀个人作品欣赏”、“优秀小组作品欣赏”、“教师推荐作品欣赏”。“优秀个人作品欣赏”和“优秀小组作品欣赏”是教师从学生的作业中选出的优秀作品，这些作品上传到学习网上，学生不仅可随意浏览欣赏，给出评价，更重要的是学生可将自己的作业与之比较，找出不足，总结经验，在激励中求上进。“教师推荐作品欣赏”是教师在网上或其它杂志上寻找的优秀作品，供学生学习。
（四）常见疑问模块。“常见疑问”中给出了在电子设计方面经常出现的问题及解决方法。这和“教师答疑”不同，学生直接到页面进行查找，就可解决疑问，效果更快。
（五）学习交流模块。“学习交流”分为两部分，一是在线论坛，学生通过在论坛上发表文章，和同学老师们共同交流。这种讨论模块 ，目标是发挥教、学两方面积极性 ，活跃气氛和鼓励学习者显示才华和创造力 ，以及提供答疑解惑的场所。二是虚拟聊天室，学习者因为学术观点相近或兴趣爱好一致等原因更愿意在一起学习或交流，从而形成学习伙伴或网上好友的关系。不管是教师还是学生，都可以在这两个板块中畅所欲言，就学习、生活、实践中遇见的难点、重点、热点问题进行交流、解答。
（六）资源下载。“资源下载”主要是与学习有关的电子课件、电子杂志、相关学习软件等，方便学习者学习。
（七）授课录象。“授课录象”是多媒体演示模块 ，目标是形象化教学。其中包含大量的视频资料 ，使学习者可以从感性的角度加深对知识的了解。
（八）特色项目。“特色项目”是教师或学生在汽车电子技术方面做出的某种研究，最终目标也是供学习者学习探讨。
二、导航设计
由于学习者在网络课程的学习过程中是以自主学习为主，缺乏教师的指导，易产生迷航现象，因此清晰明确的导航在网络课程设计中显得尤为重要。在本课程中，为方便学习者学习，站内链接导航条始终出现在屏幕的右上方。在网络学习模块中，左边提供卷轴模样的下拉式导航条，学习者可随时选择某一章的学习栏块，直接进入相应的页面学习。
三、界面设计
《汽车电子技术》网络课程运用先进的网页制作工具，设计大量形象生动的图片和动画，激发学习的热情。界面是学习者与计算机进行人机交互的窗口，包括显示界面和操作界面。在设计时要时刻注重界面清晰；在操作方面，交互性、可控性强。
网络课程是由一页一页的网页按照一定的顺序和结构组织起来的。页面既是网络课程的组成部分，也是《汽车电子技术》所有教学内容的展现形式，也就是说网页设计是构建整个网络课程的灵魂。
（一）页面的布局。在《汽车电子技术》网络课程的页面设计中大都使用了“T”型页面结构设计，将导航和呈现的内容合理的分开设计，页面布局清晰可见。
（二）页面文字。页面文字本着尽最大可能突出主题的原则组织的。文字的字体不超过三种字体，字号的选择不宜过大，否则会使页面显得非常杂乱和拥挤，令学习者眼花缭乱，无从下手。字号的选择也不宜过小，这样会使学习者容易疲劳。
（三）页面颜色。页面的色彩是页面设计中一项重要内容 ，它贯穿于整个页面设计的过程中 。恰当使用不仅可以增加网络课程的艺术欣赏性 ，而且可以吸引学习者注意力 ，促进对屏幕上各部分的识别、突出差异 。但如果使用不当 ，则会分散人的注意力 ，使视觉容易疲劳 。在选择时应考虑课程内容表现的需要、课程的总体风格、教学对象的色彩心理特点以及色彩本身所表达的含义等等因素 。总的来说 ，网络课程的页面色彩搭配要和谐、自然 ，给人以美感 ，注意颜色数量的多少 ，避免色彩过多过杂 ，尽量作到风格统一 。色彩的选择尽量鲜明、独特、与所设计的内容相协调一致 。
（四）页面图形。用图形说明、解释问题具有形象、直观、生动的特点 。本网络课程的图形图像大多采用photoshop工具进行处理过，使用起来更鲜明生动。
（五）页面趣味性。为了增加学习者的学习兴趣 ，减少学习过程中的枯燥性 ，在网络课程中加入适当的动画来展现教学内容，效果会比较好。
参考文献：
关键词：基于工作过程 网页设计 网页制作 教学改革
0 引言
《网页设计与制作》课程是职业院校计算机类专业必修的一门专业课程。本课程以培养学生实际动手能力为目标，使学生具备网页设计、网页制作、网站建设与管理的实践技能，学生毕业后可胜任网页设计师、网站管理员等工作岗位。传统的教学方法和内容已不能实现该课程的培养目标，如学生不能独立完成网站规划和页面设计、网页设计功能和视觉效果不理想等。因此，本文结合当前职业院校学生的实际情况及岗位需求，探讨了基于工作过程的网页设计与制作课程教学改革模式。
1 基于工作过程的教学模式
德国劳耐尔教授等认为，工作过程是“在企业里为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。基于工作过程的课程教学是通过整体的职业岗位分析，确定典型工作任务，归纳出职业行动领域，按照对职业能力和知识领域的分析，形成学习领域，然后进行基于工作过程的整合，构建课程体系，设计出学习情境，整个教学组织与实施以工作过程为导向。这种教学模式要求打破传统学科系统化的束缚，将学习过程、工作过程与学生的能力和个性发展联系起来，目的是强调学生的设计与建构能力的培养。
2 基于工作过程的《网页设计与制作》课程设计
2.1 确定典型工作任务
通过前期调研及对具体岗位（群）分析，明确了本门课程涉及的主要工作任务包括：一是网站的需求分析，二是网站的整体规划与设计，三是网站的详细设计（制作、编辑），四是网站的与推广，五是网站的更新与维护。通过进一步归纳与总结，确定了该课程的典型工作任务就是在规定时间内设计出网站的规划书，并针对网页的不同特点，设计与制作网页，然后进行网页的测试，以便获得符合技术要求的网页。
2.2 归纳行动领域
通过对多个典型工作任务进行排序和归纳，按照相应的归类原则，体现几个典型工作任务所构成的集合，进而构成职业的行动领域。归纳后的行动领域应涵盖岗位群工作任务所对应的专业知识能力、方法能力和社会能力。
2.3 形成学习领域
学习领域是和行动领域相对应的，指的是完成行动领域工作所必须学习的系统性内容。学习领域的名称要表明一个完整的职业工作关系，对学习目标的描述要与典型工作任务的核心内容联系在一起，学习难度从简单到复杂、由浅入深。根据学生认知规律与职业成长规律，确定网页设计与制作课程的主要知识包括HTML语言的使用、Dreamweaver软件的使用等。此外，还要注重学生策划、设计、决策、分析问题、解决问题、审美、团队合作等能力的培养。
2.4 设计学习情境
学习情境是在职业的典型工作任务和行动领域的背景下，按照学习领域的目标和内容，进行教学转换，是具体课程的实施方案。学习情境的设计必须要具有针对性，要体现课程的培养目标。基于这一指导思想，我们确定了以企业典型真实任务为载体的个人网站制作、精品课程网站建设、企业类网站建设、自主选题网站建设4个具有典型工作任务的学习情境。整个学习情境的设计遵循从简单到复杂，由单一到综合的原则，从专业能力到素质能力，再到职业资格标准都纳入到了课程里面。通过4个情境的学习达到了教学效果与目的，提高了学生的学习兴趣。
3 基于工作过程的《网页设计与制作》课程的教学组织与实施
基于工作过程的课程教学组织与实施是按实际工作岗位的工作流程来进行的，每一个学习情境都是一个完整的工作过程，包括资讯、计划、决策、实施、检查、评估6个步骤。
3.1 资讯阶段
根据任务的难易程序，将学生分成3-6人的小组，每组选出一名组长。教师下达任务书，并对相应内容进行一定的描述，每个小组的学生依据任务书，对网站中所需要的文字、图片、音视频、动画等素材进行收集与整理。资讯阶段即是让学生了解学什么，做什么的过程，主要采用的教学方法是任务驱动法和小组合作法。
3.2 计划阶段
各小组分别进行分析讨论，根据下达的任务书，对网站页面的框架结构进行分析、讨论，学生各自表达自己的看法与意见，并讨论出每个小组的工作方案。计划阶段即是拟定学习工作计划的过程，主要采用小组讨论法和头脑风暴法。
3.3 决策阶段
各小组根据拟定的工作计划，进行概要设计和详细设计，确定一个切实可行的方案。概要设计主要包括网站的目录、架构；详细设计主要包括每个页面的功能和布局设计等。设计完成后，各小组进行分工，分别担任项目经理、网页设计人员、网页制作人员、网站测试员等不同的角色，并制订工作进度表。决策阶段即是使学生明确学习、工作方法与目标的过程，主要采用小组合作法和案例教学法。
3.4 实施阶段
各小组在项目经理的统筹指导，由网页设计人员完成首页及内页面的框架的设计，由网页制作人员完成网站内容的填加与编辑，由网站测试员进行测试并完成详细的测试报告。各小组成员轮流执行，完成整个网站的设计与制（上接第231页）作。实施阶段即是学习、工作具体实施的过程，主要采用角色扮演法和小组合作法。
3.5 检查阶段
各小组在合作完成既定任务后对完成的情况进行检查，查找问题、分析问题并解决，如网页中的链接是否正确，网页中的图片是否显示，网页中的音视频是否能够正常播放等。检查阶段即是任务完成情况检查的过程，主要采用小组讨论法和任务教学法。
3.6 评估阶段
各小组完成作品后，对本小组的作品进行展示与汇报，同时让学生集体讨论，相互评价、找出问题，最后由教师点评，对典型问题进行分析与总结，对共性问题进行强调。评价主要包括小组自评（10%）、小组互评（20%）、任课教师评价（30%）、校内专业教师评价（20%）、网络展示人气指数评价（20%）等几个环节。评估阶段即是对学习和工作成果的评价过程，主要采用案例分析法和作品展示法。
4 基于工作过程的《网页设计与制作》课程教学改革的体会与反思
基于工作过程的《网页设计与制作》课程教学改革已经在我校进行实施，与“讲解+练习”的传统教学模式相比较，学生的学习兴趣与积极性大大提高，设计与制作出来的网页作品更加专业，教师的教学水平也得到了高度认可。但在整个教学组织与实施过程中，仍需注意一些细节问题：一是应使学生全部参与学习中来，避免滥竽充数的现象发生；二是应多组织一些网页设计大赛等类型的活动来激发学生的创意；三是应通过职教新干线等网络平台，培养学生自主学习、远程学习的能力；四是教师自身应下企业锻炼，做实际项目，不断加强业务学习。
5 结束语
经过调查发现，职业院校的学生一般动手能力强，形象思维比较发达，敢于表现自我，但是对理论知识缺乏兴趣。因此，采用基于工作过程的课程教学改革有利于激发他们的学习积极性和主动性，有利于培养学生的专业技能和综合职业能力，有利于缩短学习和就业之间的距离，最终实现职业院校高素质技术技能人才的培养目标。
参考文献：
[1]李勤道.基于工作过程导向的课程和课程开发的研究与实践[J].山东电力高等专科学校学报，2011，12（2）：21-25.
[2]曹艳琴.基于工作过程的课程开发――以高职院校《网页设计与制作》课程教学改革为例[J].教学理论，2012（2）：172-173.
[3]黄丽娟.基于工作过程的软件专业课程教学改革[J].Reformation改革，2013（1）：77-79.
[4]孙陆鹏，楚志刚，赵龙德.基于工作过程的课程教学研究[J].研究Research.2013（1）：106-108.
1.教学内容与社会需求不同步。
随着WEB技术的发展，网页制作技术不断更新，各种制作软件层出不穷，这就需要教师及时调整《网页设计》课程教学内容，增减相应知识点，使学生学习最新、最前沿的知识。但目前很多学校的网页设计课程仅包括网页元素操作、HTML、软件讲解等方面的内容，对ASP、DIV+CSS、VBSCRIPT脚本语言、数据库等最新技术涉及较少。
2.教学模式不合理。
《网页设计》课程具有知识点多、知识点分散、实践性强等特点。传统教学模式通常围绕各个知识点组织教学内容，以教师为中心，以课堂为主体，以课堂讲授为主要教学方式，突出理论学习的重要性而忽视动手操作能力和实践能力的培养。《网页设计》课程学完之后，学生很难将所学知识系统化，更难以根据实际需要进行网站设计与制作。目前，很多学校已经意识到培养学生综合职业能力的重要性，但是培养目标及执行过程并没有实质性转变，致使学生综合实践能力与社会需求脱节。
3.实训环节薄弱。
《网页设计》课程是一门实用性、操作性非常强的课程，教师需要在课程教学过程中增加实训环节，以提高学生的动手操作能力。目前《网页设计》课程主要是在各章节中穿插相应实验内容，但实验内容仅作为课堂所学知识点的验证，没有对培养学生综合职业能力起到引导和启发的作用。教师对《网页设计》课程实践教学重视不足，课程教学过于重视具体知识点的讲授，忽视网页设计整体应用能力的培养，导致学生实践能力不足。
二、三维目标在《网页设计》课程教学中的实现
三维目标以“知识与技能”为核心目标，以“过程与方法”“情感态度与价值观”为从属目标，三者并不具有同等的生态位。“过程与方法”是目标与手段，促进核心目标的实现，“情感态度与价值观”与之相似，对学生的学习具有导向功能，“知识与技能”是实现“过程与方法”“情感态度与价值观”两个目标的载体。《网页设计》课程具有很强的实践性，是一门包含色彩搭配、布局设计等多种技术的课程，其“知识与技能”目标要求学生熟练运用Dreamweaver、Photoshop、Fireworks等软件，并能掌握网页制作技术的基本内容、基本处理方法和一些特殊技巧。为实现课程教学目标，笔者以“过程与方法”作为主轴，以“情感态度与价值观”作为补充，设计了一套符合实际的教学模式———阶段教学模式。阶段教学模式将整个教学过程分为三个阶段:第一阶段为“任务驱动，案例支撑，项目导向阶段”。教师先把实际项目引入到课程教学中，分解教学任务，完成课程知识体系的重构，然后采用案例教学的方式，边教边练，将实践和理论有机结合，全面提升学生的开发能力。第二阶段为“项目合作设计阶段”。这一阶段按照实际项目开发的流程，由学生自由组队、自主选题、共同完成作品设计，以提升学生网页设计综合能力。第三阶段为“校企合作实践阶段”。学校与企业合作，建立职场环境下的学生工作室，为学生顶岗实习提供场所，将企业开发流程和规范、先进企业文化引入到教学中，实现校企“无缝”对接。实践证明，运用这种模式进行教学，学生的网页制作水平能从初学达到熟练程度，教学效果明显。阶段教学模式划分为上述三个阶段，具体的教学设计过程如下。
(一)第一阶段:任务驱动，案例支撑，项目导向阶段
首先，网页设计项目的选取与分解。网页设计课程教学的最终目标是使学生具备一定的组织能力、开发能力、审美能力，能够自主开发和进行网页设计。在教学中，教师不仅要教授学生基本专业技能和一些常用技巧，而且要培养学生的思维能力和分析能力。教师应根据《网页设计》课程的特点以及学生需要掌握的内容，进行项目的选取与分解。此过程需要注意以下几个方面:第一，项目的选取在于精，而不在于多。整个教学过程一般只需三个有代表性的项目即可，每个项目均具备一定的综合性，能够解决若干个问题，同时能够将若干个知识点串联起来。第二，项目应具有使用价值，话题要有吸引力。网络技术日新月异，教师应选取最新的项目技术作为教学内容，否则没有实用价值。同时，为了激发学生的学习兴趣，教师应以当前流行话题或学生关心的问题为主题进行网页设计，由易到难，唤醒学生的求知欲望，提高教学效果。第三，分解项目到每一个知识点，并逐一讲解。教学初期，学生几乎没什么基础，从整体的项目分析到具体的基本技能，教师需要逐一讲解。这样多个项目的教学，能提高学生的思维能力。笔者从教学实践中发现，随着学生知识的积累，他们掌握每个项目所需要的时间会越来越短。其次，案例的讲解与分析。案例教学强调学生的主体地位，重视师生互动教学模式。案例教学具体又分为案例分析和案例讲解两步。案例分析:教师引入相关案例，通过最终效果图与网页素材的对比，激发学生好奇心，给学生想象空间，培养学生的思维能力。接着，教师对主要知识点进行分析、归纳，组织学生对案例实施过程以及所需技术进行讨论，使学生对网页制作全过程(即项目分析、网页设计、网页制作、项目测试和网页)有个整体上的认识。案例讲解:对应用性很强的知识点，如网页中嵌入图片、动画、视频等多媒体元素，以及表格、表单、层、链表等基本概念，教师需要仔细讲解，让学生掌握基本技能。对综合性很强的网页，教师除教授学生基本技能外，还要引导学生动手实践。在教学过程中，教师应采用开放的教学模式，根据学生的能力水平，在课堂上创设富有挑战性的问题情境，激发学生的学习兴趣，通过展示高水平、高质量的网页范例，开阔学生视野，扩展学生思路。最后，以任务作为驱动进行教、学、练。在任务驱动教学过程中，教师先布置任务，接着师生一起分析任务，然后由学生执行任务，最后由教师评价任务。任务驱动作为案例教学的有益补充，很好地融合了教、学、练，可以让学生更好地掌握理论知识和实践技能，充分调动学生学习的积极性，培养学生分析问题、解决问题的能力和动手实践能力。在第一阶段的教学过程中，教师将实际项目与课程知识相结合，遵循由浅入深、由易到难的原则，对任务进行分解，并检视学生在教学过程中所持有的态度和情感体验。
(二)第二阶段:项目合作设计阶段
在项目合作设计阶段，教师将学生分为若干个项目小组，每组四五人，并推选出一名项目负责人。根据网页设计相关知识以及个人兴趣，小组成员自拟题目，共同制订项目计划和实施方案，由项目负责人负责任务分工以及项目材料的整理。小组成员的具体分工如下:美工负责前台、后台网页美工设计，如网页布局、网页所需素材(如图片、音乐)、网页字体及网页色彩搭配等;前台代码设计人员负责前台程序代码设计，如数据库数据的提取、网页展示、留言板数据录入等;后台代码设计人员负责后台数据库设计以及数据维护，确保网页正常运行。在整个项目设计过程中，学生完全处于主动学习状态，每个小组拥有充分的自，遇到问题，各小组成员共同讨论，合作完成任务。这样能充分调动学生的积极性，激发他们的探索冲动和创造激情，加强团队协作能力。在整个项目设计阶段，教师应引导学生分析、解读网页设计过程中发现的共性问题，并对项目设计过程中涉及的理论知识与操作技巧进行补充。另外，教师需要参与各小组任务制订以及最终案例总结，表扬学生的优点，指出其不足之处，这样不但可以巩固教学成果，弥补学生的学习漏洞，而且能加强教师与学生之间的交流。通过第二阶段的学习，学生不仅能掌握知识与技能，而且能形成积极的学习态度与情感。
(三)第三阶段:校企合作实践阶段
基于校企合作的课程改革是学校发展的需要。第一，学校应依托行业构建校企合作机制，聘请相关企业技术骨干为指导教师，根据不同岗位分工，有重点、有针对性地进行课程制订和教学。同时，教师应根据企业的相关要求和标准来规范学生的行为。第二，建立职场环境下的学生工作室。《网页设计》课程的教学课时有限，部分对网页设计感兴趣又极具操作能力的学生，希望在课后能继续深入学习网页设计的实用技术。为了满足这部分学生的实际需求，各学校可根据本校的具体情况，与企业合作建立学生工作室。学生工作室完全按照企业模式进行管理，并可承接校外的网页设计项目。在工作室中，教师将学生分组，并和学生共同完成项目开发，以培养学生在实际项目开发中的分工协作能力，让学生进一步感受企业的工作氛围，提高学生的协作能力、解决问题能力、抗压能力等。第三，校企合作模式下，课程教学将作为社会需求和个体需求的结合体。专业课程校企合作阶段，学校应以企业需求为前提，将课程内容与企业生产项目对接，实现课程理论教学与实践一体化。这种理论与实践相结合的教学方式针对性强，不仅能与企业用人要求接轨，而且能激发学生的学习兴趣。
三、结论
关键词：艺术设计网页设计课程教学实践
一、艺术设计专业的网页设计课程的教学现状
目前，艺术设计专业在网页设计课程教学实践中普遍存在着缺乏专业优势、偏离学生就业需求等问题，这种教学与计算机专业的网页设计课大同小异，误导学生以为这门课程就是一个技术课，掌握了操作技术就可以独立完成网页设计和制作，极大地忽视了其艺术性。因此，我们需要对教学模式、教学内容和考核内容等进行改革，以真正发挥艺术设计专业在培养人才的优势。
二、教学改革的目的
通过教学改革，力图解决以下两个问题:一是学生设计网页缺乏美感，版式、色彩等语言和设计理念滞后;二是单独靠一个软件就来完成网页设计与制作。通过以上两个问题的解决，充分考虑艺术专业的特性和学生就业的社会市场需求，综合运用多软件培养学生的美工设计能力、动画设计能力、版式设计能力、界面设计能力，全面提高学生的想象能力、感受能力、创新能力和审美能力，为社会培养一大批高素质艺术设计人才。
三、教学改革的创新点
1．寻找艺术与技术的平衡点。
避免学生成为技术的奴隶，教学方案中增加艺术素养训练，充分体现专业特色，致力于培养学生的艺术设计和艺术审美和创新能力，通过研究性学习和网页设计的具体实践使学生有效地掌握网页艺术设计的精髓，为将来步入社会更好地满足市场需求从事网页设计、美工、界面设计等工作做好准备。
2．基于多媒体网络教学，合理构建教学内容。
构建既具有实用性又具有艺术性的教学内容，实现软件课与艺术设计课的整合，在学会软件应用的基础上，将其恰到好处地运用于艺术设计;实现理论课和实践课的整合，利用示范教学提高学生将理论应用于实践的能力，提升教学效果。
3．深化教学内容，开拓教学视野。
适用互联网技术的发展，不断加快教学内容的更新，做好教学信息的收集工作，实现教学内容的深化，保证教授给学生最前沿的知识。教学中运用多媒体充分调动起学生的视觉和听觉，激发学生的学习积极性。
四、主要改革与实践的方面
1．改革教学模式。
第一，采用项目教学。为了锻炼学生的实践能力，保证学生现场制作、解难和评析的参与度，实现课程理论和网页设计的有机融合，可以在教学中加大实用项目的引进，让学生参与到整个项目制作过程，包括初期的初稿设计、中期的客户反馈到最后的定稿。第二，采用跨学科教学。实现多学科整合的互动教学，将计算机专业和艺术设计专业的网页课程结合起来，让学生可以综合考虑到设计与程序的结合，依托于程序的可实现性设计出具有创意的网页方案。
2．改革教学内容。
第一，增加手绘创意草图教学环节。注重创意期的思维训练，通过这一教学内容帮助学生明确设计意图，培养学生的快速创作意识和能力。第二，增加版式设计构图教学环节。引导学生充分应用版式设计原理进行网页的整体布局，在有限的空间融合进了最多的视听多媒体元素，基本信息、导航、和正文结构安排合理美观，凸显设计者的理性思维、艺术个性和个人风格。第三，增加色彩运用训练环节。色彩的运用决定了网页的整体色调，训练学生在不同网站功能和风格下对色彩的准确把握。第四，增加创意字体教学环节。引导学生正确地运用字体设计方法，根据不同网页布局选择大小、颜色、色彩合适的字体，运用设计软件实现多样化字效和创意字体的设计。第五，增加网页交互功能教学，引导学生充分运用按钮和其他辅助设计以及页面之间的链接，从而实现网页的交互功能。第六，增加多软件综合运用教学，引导学生在网页设计中综合运用不同的软件，灵活掌握不同软件主要功能的基础上通过综合运用以实现丰富的效果。
3．改革考核内容。
第一，根据当堂内容布置对应的课堂练习和上机操作，及时发现学生学习中的盲点，教师适时调整课堂进度，此部分成绩占40%。第二，根据课程的教学目标布置综合作业，结合实际让学生自主选择设计一个政府网站、企事业网站、娱乐网站或者个人网站，对学生网站设计的总体布局和色彩、版式、功能等进行综合评价，此部分成绩占60%。
五、艺术设计专业的网页设计课程教学的趋势
第一，总结和探索艺术设计专业的内在规律，建立网页设计的跨学科教学模式。讲授理论知识的同时要培养学生调动多学科知识的能力，培养学生的创造力和想象力，提高学生的实践应用能力。第二，注重网页设计的主体风格，培养学生的企业品牌意识，企业品牌的形象设计依靠网页的展现和塑造，好的企业网页可以让企业品牌形象深入人心，教学中必将更加重视对学生品牌整体风格的把握和品牌意识的培养。
六、结语
目前，艺术设计专业的网页设计课程存在着偏重技术而忽略艺术素养训练的问题，教学改革就是要培养学生的艺术审美和艺术素养，力求寻找到艺术与技术的平衡点，基于多媒体网络教学，合理构建教学内容，开拓教学视野。教学模式上采用项目教学和跨学科互动教学，内容上增加创意草图、版式设计、色彩设计、字体运用、交互功能和多软件组合使用等教学环节，评价上更加注重实践动手能力，其发展趋势是追求技术和艺术的完美结合，培养学生的企业品牌意识。
参考文献:
［1］刘妤．艺术设计专业的网页设计课程教学改革与实践［J］．包装世界，2011，(04):72－73．
［2］周小丽．“网页设计与制作”课程教学改革实践探究［J］．教育与职业，2013，(08):127－128．
［3］张大伟，唐运乐．艺术高职院校网页设计教学的研究与实践［J］．计算机光盘软件与应用，2013，(16):161－162．
【分类号】：TP393文献标识码：A
关键字：项目教学法 电子商务 网页制作
据中国互联网信息中心统计，全国数千网万网民中37.8%有过网上购物的经历，随着网络和电子商务的快速发展，网页设计制作也成为网络时代重要的技能之一。电子商务网页制作是电子商务专业的核心课程，要想设计制作出精美的电子商务网页，需要学生多思考、多练习，如何选择一种教学方法使学生用专业网页制作工具构建商务网站，是值得我们关注和研究的，学生是教育的主体，要充分考虑技校学生的实际情况，在设计项目时要激发学生对活动的参与，在理论知识和工作任务之间建立联系，让学生掌握整个项目任务的工作过程，从教学实际出发，将项目教学法应用到电子商务网页课程的教学实践中，教学效果显著，学生能够积极探索，自主学习，注重的不是学生的最终学习效果，而是完成项目的过程。学生在项目实施的过程中合理运用知识和技能，体验创新的艰辛与乐趣，从而有效提升学生提出问题、分析问题及解决问题的能力。有针对性给予相关知识与技能的指导使学生对商务网站的制作有一个系统全面的掌握。
一、在电子商务网页制作教学中采用项目教学的理论依据
1、项目教学法介绍
项目教学法就是以项目为载体，以任务为中心并融合相关知识和技能，以学生为活动主体实施项目教学方法，也就是将教学内容融入项目实施过程的一种教学方法。项目教学法以项目为中心，有明确的任务，能让学生围绕已学习知识和学习资源，使学生学习的主动性、积极性得以发挥。在运用项目教学进行电子商务网页教学设计时，需要将网页的制作流程分成一个个的任务，每个任务先通过教师来演示所用到的知识要求，具体的任务安排由学生操作来贯穿整个教学，以实际的任务来驱动学生的学习，使学习过程是一个不断成功完成任务的过程。通过学习，一方面使学生能够综合运用已学的课程知识，真正做到理论结合实际，真正掌握电子商务专业的核心能力，并具备一定的原创水平。另一方面，通过实施分段项目培养模式，不仅可以及时发现学生的个性特长，而且对学生综合能力的培养和团队合作精神的训练，从而提高了学生的学习效率。
2电子商务网页制作课程运用项目教学的必要性
电子商务网页制作课程是电子商务专业的主干课程，是理论和实践相结合，借助Dreamweaver软件，进行商务网页的设计与制作，在以往的教学模式中，该课程是以教师讲授理论知识和案例为中心的教学方式，只针对学生能否掌握软件的基本操作，而忽视了培养学生专业知识的培养，从而造成了学生只会按照老师布置的实例操作，联系到具体的电子商务网页制作中就不知道如何操作，不能消化所学的知识，对学生未来适应多变的工作环境对理论知识的需要，而项目中的技能学习也不能给学生提供足够的使技能达到专业的水平。在电子商务网页制作教学中采用项目教学主要是带动专业知识的学习和能力的培养，以创作的商务网站来检验电子商务网页制作课程的教学效果。
二、在电子商务网页制作教学中实施“项目教学法”
运用“项目教学法”进行电子商务网页制作教学时，从“项目确定、项目分组、项目实施、项目检查”四个方面来完成。
1、确定项目
通过前期对威客网企业人才需求调查，选择设计一个好的适合电子商务网页制作课程的项目，对项目教学实施效果的好坏有着直接的影响。项目的设定要将教学任务的知识点和实际操作相结合，让学生在项目制作的过程中学习到相应的理论知识点，同时，要考虑到技校学生的认知能力、实践能力和兴趣特点等实际情况，同时还要考虑项目的实现价值，把不同类型的电子商务网站作为项目案例，如淘宝网、京东商城，美团网等，通过对不同商务类网站的制作了解不同的网页制作技巧和网页布局。具体过程如下：在电子商务网页制作这门课程中，选择制作一个主页和若干个辅页的商务网页作品。它涵盖了这门课程需要学习的所有工作任务。在进行电子商务网页课程项目设定时要求将电子商务网页课程划分为几个项目，每个项目里划分为不同的任务，要紧密联系课程设置、课程目标、课程内容、学时和学分等内容，在电子商务网页制作这门课程中，分别设置了网页设计概述、超链接的制作、网页布局、网页修饰、网页特效、动态网页和电子商务网页综合制作这7个项目来进行课程的设置。课程内容从简单到复杂，每个项目都包括电子商务网页制作课程全部任务所构成的完整的工作过程，如网页修饰项目中，我设计了两个任务，第一个是制作精美的网页内容，涵盖的所用的文字、图像与文字的位置关系、图片边框等技能要点，第二个是制作公司的主页，主要内容网页中表格的制作、网页中插入flash、文字滚动等效果的制作。通过这个项目让电子商务网页制作学习由浅入深，循序渐进。
2、项目分组
项目确定下来之后，学生分组是一个重要环节，在练习项目这一教学层次中，一般5～6个人一组，分组时根据学生的知识结构，学习能力，性格特点等形成互补搭配，并选出一名组织能力较强的学生为组长。并选定一位组长，组长负责成员任务的分配，并监督实施各方面的工作。在项目分组阶段提出项目创作的要求和说明，给出项目评价方案，并制定小组的管理制度。按照已确定的工作步骤和程序进行项目的制作。
3、项目实施
项目实施过程中主要以学生相互协作为主，教师在指导一些理论知识和给出与企业岗位相关的情境，在学生学习的过程中，如在设计电子商务网页制作的流程项目中通过具体网站的制作，分别设计了整体规划，网页布局、网页制作、网站和网页测试这五个任务，让学生有充足的制作时间和空间，到网上搜集一些知名的电子商务网站，引导学生一步步学习网页设计，并动手进行项目的制作，在制作过程中，如网页整体规划这个任务中，如何设计企业的LOGO、表现商家广告内容的图片（Banner）以及网页色彩的搭配技巧等方面，找一些比较好的文字内容、图片处理效果、好看的主页引导动画效果等处理逐步先完成各个小项目，最终完成整个项目。学生按照电子商务网页制作的流程进行素材的收集、小组成员之间的信息交流、小组讨论、小组合作，合成项目作品并进行完善，选择制作一个项目要尽量来源于实际的工作情境，以更为有效的培养学生的实际工作能力。
4、项目检查
项目教学结果的检查是开展项目教学活动不可缺少的一个重要环节，在电子商务网页制作课程中，采取成果展示，小组互评，教师评价相结合的方式，当学生完成了作品，要对各项目小组进行项目成果的展示和作品交流，在展示过程中对每个项目小组遇到的问题、困难及解决办法收获与感受，活动小结等多个方面进行交流。教师应尽量让学生发表自己的意见，从而达到取长补短的效果。之后再由教师对整个项目工作成绩进行评价或评分。评价学生掌握了哪些理论和技能知识，并对存在的问题进行分析，以学生完成项目的情况来评价学生的学习效果。
三、项目教学中在电子商务网页教学中的效果
在应用项目教学法进行电子商务网页制作教学后，学生能真正理解该课程的学习目的和价值，提高了学生对电子商务网页制作流程的深刻理解和应用能力。项目教学法强调以学生为主体，调动学生的积极性，增加学生的参与能力，提高学习的效率，如教网页中的框架项目时，框架对于学生来说是比较难学的，在设计教学任务时，首先由教师来讲解框架的基础知识和演示框架的设计，突破难点，培养学生的学习兴趣，学生通过学习、实践、使所学的知识转变为实际运用能力。
项目教学法吸取了探究教学法，任务驱动教学法与案例教学法优点，以项目作为教学对象，通过协作学习的方式开展学习，只要我们能在电子商务网页制作教学过程中充分合理地运用“项目教学法”，就一定可以为学生找到一种行之有效的学习方法，从而增加学生对电子商务专业学习的兴趣。为今后的工作打下一个坚实的基础。
参考文献：
【1】 郑琦；肖红；；以能力为本位、项目化的高职课程改革与实践[J]；广西教育；2011年09期2、【2】月商；广东省电子商务技师学院要把“新供销班”办成学校的示范班[N]；中华合作时报；2011年
1、全面掌握模块教学中的课程
运用模块化教学模式，对《网页设计》模块进行了细致、具体的分析。该模块中包括 Photoshop、Flash、Fireworks、Dreamweaver 四门课，这四门课的讲授要根据网站建设的规律来安排。由于在制作网站的初期需要制作画面来装饰页面，所以应该提前讲授 Photoshop、Flash，让学生们制作一些精美的网站修饰图片和动画效果，为完成整体网站的制作打下基础。然后完成 Dreamweaver、Fireworks 和 ASP 的讲授，以使学生对网站进行整体布局。为使学生对制作网站有一个清晰的认识，最后再讲解制作整体网站的全过程。
2、改变传统考试方式，采用技能测试衡量教学效果
考试是模块化教学过程的一部分，由于《网页设计》模块这门课程它以培养学生动手操作能力为主，同时，模块中包含多门课程，因此，更适合采用技能考试的形式考察学生的学习效果和教学效果（1）仔细斟酌考试内容。为了能全面地考察学生的学习效果，必须慎重地确定考试内容。考试内容可定为制作小型网站，网站主题可多种多样，例如，网上商店，校园网等。（2）细化评分标准。评分标准是评价学生考试作品的主要依据，评分标准中应以多项指标评价学生的考试作品，比如，网站整体布局、色彩、文字内容，网站子页数量和超级链接数量，网站动画效果等。（3）严格考场纪律，保证学生考出真实水平。《网页设计》模块课程的考察方式特殊，考试地点定在机房，考试过程中中断网络服务，学生必须在规定时间内完成网站制作任务。同时，学校机房的监控系统也保证了考场纪律，确保了考试能顺利进行。（4）考试结果分析。通过察看学生们的考试作品，我发现学生们所做网站各具风格，内容也很丰富，其中有几名学生的作品尤为突出。比如，有一名学生在自己的网站上巧妙的加入音乐特效，为网站增色不少；另外还有几名学生制作了颇具特色的小动画来装饰网站，使整个网站看起来动感十足。
3 、“模块项目化”教学法在网页设计与制作课程中的应用
本文是根据网页设计与制作教学大纲的要求，把模块项目化教学方法应用于教学过程中。同时以学生为主，教师为主导作用，以教、学、练相结合的教学模式，调动学生的学习兴趣，启发学生思维，以实践为主的教学方法。
3.1 网页设计与制作课程模块化任务设计
以项目开发为主要出发点，将该课程分为网站首页制作、网站设计、网站效果设计、网站特效设计四个项目，每个项目再细化为若干个模块任务。 项目一：FAQ 网站首页制作（模块 1-2）、项目二：FAQ 网站设计（模块 3-6）、项目三：FAQ 网站效果设计（模块 1-5）、项目四：FAQ 网站特效设计（模块 1-4）。
3.2 网页设计与制作课程模块项目化设计
模块项目化教学法的关键在于项目的选取，教师所设计的项目，应将培养学生的职业能力为出发点，联系市场发展，从企业需要出发，以实际项目开发流程来确定课程的知识体系，使得知识体系中的各个知识点以模块形式传递给学生，帮助学生有目标的掌握网页设计与制作的知识能力。
3.3依照本课程的模块项目化模式进行教学
依照本课程的模块项目化模式，当一个模块讲解部分结束后，教师安排一定时间来进行模块设计训练。教师根据模块内容选择一个具有代表性，不太复杂的教学案例。学生首先分析，模仿案例，进行操作，培养对这个模块知识的实践应用能力；然后要求学生根据此案例，自己根据收集资料素材（也可以由教师提供）设计网页作品，在设计过程中教师给予正确引导，在深度方面给予拓展。这样既可完成操作实训任务，还可以使学生学习掌握知识点，学生通过自己独立完成作品，感受到学习的兴趣。
关键词：“高职网页设计与制作”；微课；课程教学；存在问题；实际应用
中图分类号：G642文献标识码：A文章编号：1009-3044（2017）30-0199-02
《网页设计与制作》课程在高职计算机类专业领域是必修课程，它的理论与实践应用结合性强且注重基础知识内容发挥，在实际的教学应用中对学生的基础理论知识巩固和实操能力培养还是很有效果的。当前伴随新媒体时代的到来，像微课这样的先进信息化教学手段也融入到高职院校的该学科教育体系中，改善了教学过程与教学质量效果。
1微课在《网页设计与制作》课程教学中的应用现状及存在问题
微课在当前的教育领域应用广泛，它极强的信息处理能力与知识传播扩展能力都受到各级教育体系的青睐。在高职院校的计算机类专业领域中，运用微课这一新媒体开展授课过程已经成为潮流，它深入探索了当前学科教育的教学思路与教学模式，在不断发展进步的同时也面临着诸多困境。
1.1应用现状
微课作为当前一种创新的教学手段已经被引入到高职院校当中。以学校中计算机专业领域的《网页设计与制作》课程为例，它就首先在高职院校内部建立了教学资源平台，营造现代化教学环境，并以微课作为切入点来推动教学改革进程，某些学校也推出了像“一师一优课、一课一名师”的教育活动。《网页设计与制作》课程本身是具备专业性、复杂性和综合性特征的，它所谈到的“设计”主要对应于艺术层面，而“制作”则与技术层面相对应，所以可以将其称为是一门技术综合艺术的复合型学科。在具体的《网页设计与制作》操作过程中，应该将每一个知识操作点都作为微课视频来制作，即通过微课视频形式来导入课程案例，并整合知识点，深化教学课程的系统性、规范性和完整性。
1.2存在的问题
当然，在《网页设计与制作》课程中引入微课教学模式，它也存在一定现实问题，这些问题或来自于教学本身，也来自于学生和学校，具体来讲可以总结归纳3点内容。
首先在教学方面，《网页设计与制作》课程本身在学术性质方面存在复杂性，即它所涉及的知识点体系规模非常庞大且复杂，可能学生在短时间内无法理解和熟练掌握这些知识点。举例来说，它就涉及Css语言、Html语言、Dreamweaver、Photoshop软件等等。教师在教学过程中要教会学生有关“Photoshop的图像与图形基础处理”技术，也要综合多种软件来教会学生在实际设计操作过程中的软件应用功能转换能力。但实际上，由于知识体系太过庞大和复杂，高职生很可能无法做到多点知识技巧兼顾，也常常会出现顾此失彼的情况。
其次在学生方面，客观讲高职生的文化与专业能力都存在严重的参差不齐，相比于普通高校学生有一定差距，这是我国职业教育领域所一直存在的弊端问题，难以回避。高职生整体素质偏差，特别是基础教育功底薄弱，没有良好的学习习惯，在课堂学习过程中也表现出定力和认知能力不足的严重缺陷，这也一定程度上影响了微课在《网页设计与制作》实际教学过程中的技术运用和作用发挥。
最后是学校方面，许多高职院校在信息技术教学领域的应用研究并不到位，甚至还存在软硬件及师资水平滞后问题。再一点师资力量的薄弱也影响了像微课这样的新媒体技术在实际课程教学过程中的有效功能发挥。实际上有些教师在教学过程中根本不会利用微课技术，其所设计的教学方案还仅仅停留在课件制作表层层面，不能基于信息技术深入教学辅助过程，无法有效发挥微课在高职院校《网页设计与制作》课程中的实际作用，导致微课应用前景并不理想[1]。
2微课融入《网页设计与制作》课程教学中的意义
微课融入《网页设计与制作》课程教学具有它重要的现实意义，如果将其现实意义细分，还可分为狭义与广义两方面来谈。
从狭义角度讲，实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性，初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开，但微课在高职计算机专业中《网页设计与制作》的应用几近空白，还未有可参考的教学应用经验，所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式，对推进该专业领域的教学改革固然是非常值得期待的有益尝试，它既能够为学生创设良性的学习空间，也能够丰富教师的专业教学手段，一举多得[2]。
从广义角度讲，微课是新型的教学模式和学习方式，它更是一种全新形式的教学资源模式。在该课程体系构建过程中，学生和教师同样得到成长机会，这也让整个教学过程变得更有意义。细致来说，它存在3点现实意义。
第一，它从广义范围上扩大了高职院校的微课应用范围，是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者，微课也实现了对传统计算机专业学科领域的有效补充，从正面提升了学生的学习兴趣与学习欲望，这让未来微课教学常规化成为可能。
第二，它也拓展了教师的教研方式，让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变，教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性，也能够与学生实现更多教学过程互动，提高教师本身的教学交流能力与教学互动能力，促进高职教学业务水平的提高。
第三，它满足了学生对于学科学习的个性化需求，微课以碎片化信息教学理念开展，它所谓学生提供的是基于不同知识点的个性化教学过程，能够在某种程度上满足学生的个性化学习需求，让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中，学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者，微课实现了对学生课堂学习内容的有效延伸，它不但能够组织当堂教学，也能在课下组织第二课堂，这就兑现了对知识的关键优化与弥补，让学生随时随地都能开始学习并享受学习体验。综上所述，在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的，具有革新学科教育发展进程的现实意义[3]。
3微课在《网页设计与制作》课程教学中的实际应用
基于微课教学模式的《网页设计与制作》课程教学应该首先强调多元化元素的优先整合，例如将网页中有关文本、图片、文字、段落、表格等等基本元素捏合起来，然后再进行相应的教学知识点延展，配合文字、图片、声音和动画素材来在网页设计中展开应用实践过程，在动手动脑制作过程中激发他们的设计学习兴趣，促成探究式深入学习过程。
本文以《江南水乡》的网页设计与制作教学为例，教师先要教会学生如何创建网页，包括对文本信息的插入与文本内容的设置，以及表格布局网页的基本方法技巧，最终独立制作完成简单的文字网页与网页背景，为整个教学过程奠定基础。如上文所述，该课程就运用到了自主探究式教学模式，教师会为学生创设情境，然后要求学生进行自主探究，在探究过程中发现新知，最后渐渐掌握知识技能，实现教学设计与应用过程的程程递进。在该过程中，教师需要引导学生去不断深入探究，并辅助他们发现问题，同时寻求问题解决的有效途径。
3.1知识提取
在《网页设计与制作》这一课中，对《江南水乡》的内容设计之前要进行相关知识要点梳理和提取，提取那些典型的、适合于微课开发的重要知识点。在教学环节，教师要为学生创设情境，激发他们了解江南水乡的学习兴趣，通过播放多媒体课件（约3分钟）来让学生了解江南风光的同时，也明确该微课设计脚本中所涉及的关键知识内容，例如许多文人墨客在江南美景下所勾勒的绘画、所创作的诗篇等等，先从人文角度让学生总结归纳关键知识内容，进一步了解江南。
第二步，教师要为学生引入与网页制作相关的更多网页页面设计理论知识，比如对江南水乡素材的选择、文字信息与图片信息的提取与展示、视频音频文件的使用、包括动画素材的点缀等等。教师要在知识提取过程中教会学生如何将如此之多的媒体信息资源都插入到网页中，促成网页设计与制作过程。举例来说，像图片插入，它就包含了菜单插入法、代码以及快捷键（Ctrl+Alt+I），教师要让学生去逐一探究这些图片插入方法，并能够灵活运用于实际操作过程当中。同理，插入音乐与插入flash动画也要基于该探究式教学方法来引导学生循序渐进，最终达成知识提取目标，让学生明确自己所学习的知识内容。上述知识提取是基于需求分析与任务驱动来展开的，它们对于学生深入学习《网页设计与制作》具有关键意义。
3.2教学过程设计
该教学过程设计的重点在于如何正确插入图片、视频音频文件，并了解该插入设计方法的基本功能属性，特别是在插入flash动画的透明属性设置。另外，教师也要教授学生更多元素的插入方法及相应属性，并教会他们如何表格布局，将网页设计得更美观，并能够灵活运用这些网页设计制作技巧。
在实际的教学过程设计中，教师会首先个创设情境，引入本课的主要教学内容，即《江南水乡》的网页设计与制作，为学生列出微课学习任务列表，为学生播放微课内容。微课播放完毕后，教师就会再次引导学生思考各类网页设计与制作过程中的重要元素及它们的使用方法，提出问题任务，让学生或独立或小组合作完成任务，快速推进教学进程。
3.3教学总结
最后教师要进行教学点评总结，先要展示学生的《江南水乡》网页设计制作成品，并要求学生进行作品汇报，随后由师生共同讨论评价该作品中的优缺点。在汇报总结过程中，制作者也应该总结自己在设计制作过程中所遇到的各种问题，与大家共同分享制作过程经验与难点，这样更能提高师生对自身作品的关注度，并在总结评价过程中总结经验教训，为下一次更好的作品设计制作奠定经验基础。
将微课引入高职网页设计与制作课程就是希望利用它信息碎片化的知識点推广应用特色来锻炼学生对知识点的快速掌握与提炼运用能力，转变他们传统的计算机专业课程学习方式，为他们营造基于新媒体环境的新学习空间环境并创新学习手段，实现对整个学科教育体系的全面革新。
作者：支馨悦
参考文献：
[1] 赵永红.高职院校微课教学策略探究[J].中小企业管理与科技，2014（5）：263-264，265.
关键词：课件,设计策略,页面优化
一、引 言
课件是在一定的学习理论指导下，根据教学目标设计的，反映某种教学策略和教学内容的计算机软件。基于web的课件又称网络课件，是在网络环境下让不同地域、不同年龄、不同阶层的人通过网络途径在任何时段获取教学内容的教学工具。目前网络课件，大多是图、文、声、像样样具备，大量地采用动画、交互等设计，故Web课件是对网络带宽要求最高的应用之一。
二、网页课件的设计
随着信息技术的发展，网络教学逐渐显示出其独特的优势,它逐步发展成为现代教育的重要组成部分,然而要真正发挥网络教学的优势，还应注意网页课件的教学设计与制作工作。
1.网络教学的设计
1）对象分析
现代教育理论认为学习者是网络教学活动的中心和主体，对学习者进行分析是网络教学系统设计的关键环节。
2）目标
教学目标是教师和学生从事教学活动的指南和出发点，也是评价教学活动过程的依据。网络教学目标的设计应考虑到不同层次学习者的学习需求，其制定要体现差异性。
3）策略
教学策略的设计就是解决“如何教学”的问题，是实现教学目标的方式。
①结构清晰、操作灵活方便
②创设教学情境、激发学习兴趣
③创设良好的交互性、引导学习者积极参与
4）评价
完整的教学过程必须包括评价。由于网络化课堂教学设计的方案是开放的，因此，评价也是开放的，在网络化学习评价过程中学习者应该作为评价的核心对象加以考察。
2.网页课件设计的解决方案
WEB课件在设计上应体现如下的教学策略：重视问题与回答方式，提高学生的参与程度；加强对学生的引导和帮助，促进学生对知识的建构；提供丰富的多媒体资源，创设有意义的学习情境；对于课件WEB的设计，可包括如下：
1）体现学生个性化。
2）注重师生合作化。
3）增强课件娱乐性。
4）着重网络交互性。
5）提高软件开放性。
Web课件可以说是学生利用网络进行远程学习的教材，根据网上教学的特点和人才培养的需要，基于Internet的Web课件的基本结构设计之解决方案如图1所示。
三、页面的优化
1.课件页面优化的原则和方法
页面优化问题其根本的目的是以下两个：一是加快页面下载速度;另一个则是使页面能像设计者所设想的那样在用户眼前显示。下面就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。
2.1加快页面下载速度的优化
传统上加快下载速度仅局限于减少多媒体使用数量和降低使用质量,以取得较小的文件，从而达到加快速度的目的。所谓的页面下载速度便可分成三部分：下载时间，渲染时间和可视性。好的设计者应通过页面优化找到一个平衡点，进而产生理想的下载。论文参考网。
2.1.1加快页面下载的普遍原则
1）去除不必要的多媒体效果和内容: 可以用普通按钮取代图形动态按钮，用静态图像取代动画，减少图形化的花哨文字标题等。
2）减少各种多媒体元素的大小。
3）优先使用相同的图形或多媒体内容: 缺省的Netscape和IE都会在RAM或硬盘上设置缓存来保存最近使用图形和文件，如果浏览器认识相同文件名，则它会读缓存大大提高效率。
4）提供低带宽备用内容: 如果你的文件格式不被认识或浏览器关掉了图形开关，这些备用内容就可派上用场了。
5）对不是所有人都有必要或想看到的大型多媒体文件另置一页。
2.1.2 对图形的优化处理
1）减少图形文件大小:
· 减小图形面积---这可以通过剪切图形或按比例收缩图形来实现，要注意的是按比例收缩后有可能在图形上出现一些色斑。
· 注意颜色安排---通过降低色彩深度，使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩，这对GIF文件更加有效。
· 调整图像中的对比水平---大多数图像软件都提供重润色选项，缩减这些值，通常可以减少文件尺寸。
· 抑制抖动---抖动是指用现有调色板中颜色值来接近调色板中没有的颜色，它倾向于增大GIF文件大小。
2）在HTML文件中为图形设置WIDTH和HEIGHT属性: 用WIDTH和HEIGHT属性来放大和压缩图示面积，虽不能加快下载，但它可以在下载图片前确定正确的页布局。论文参考网。
3）随同符号使用 LOWSRC属性: 这个属性允许我们指定另一个图形文件，它将首先下载，一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形，这样下载将变快。
4）使用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。论文参考网。尽管他们不能加快下载速度，但用户的感觉却是加快的。
2.1.3 对表格〈TABLE〉的优化处理
表格是目前网页中用得最多的布局元素，虽然这部分优化并不能减少下载时间，但由于浏览器需要在填充表格内容前完全理解表格的结构，所以适当的表格运用将大大缩短网页的渲染时间。
1) 将一个单一的大表格拆成多个小表格：这将加快页面显示速度，尤其当页面很长而用表格进行整体布局时。
2) 对〈TABLE〉、〈TD〉适当使用Width属性：在这一点上应注意单元格内的内容的宽度，你定义的单元格宽度至少应与内容宽度一致，以避免浏览器的过滤作用进行两次渲染。
3) 千万不要嵌套表格：这将使表格处理时间以几倍速上升，如果一定要嵌套，至少应尽使被嵌套表格保持简单。
4) 不要将太新的扩展多媒体元素放入表格：这将使浏览器迅速崩溃。
其他多媒体元素的优化处理
4.1) 对动画部分的优化：对Direct或 Authorware动画应尽量压缩帧数，并使用shareware流式传输处理，对一般网页上常见的GIF动画，FLASH动画或JavaScript动画应尽量少用。
4.2) 对背景音乐的优化：优先选用midi格式，采样仅需8位、11kHz即可
4.3) 对脚本程序的优化：大多数的脚本语言都是解释语言，而非编译语言，这就意味着他们装载后还需被分析，这也构成了页面渲染时间的一部分。应注意做到：
· 尽量将脚本嵌入页面中，而不使用SRC属性，因为这将引起对服务器的另一次请求，既加重了服务器负荷，又延长了下载时间。
· 如果用脚本控制Plug-in 或 DHTML，尽量用一个内置的装载和运行更快的函数来替代自己编写的函数。
四、结束语
基于Web的课件是未来多媒体课件的主要形式，也是将来发展网上教学的一个资源基础。但目前已完成的优质课件还很少，对此类课件的开发模型，开发工具，开发技术等的研究也很少。因此，开发大量高质量的基于WEB的课件，是促进基于Internet的远程教学深入发展的前提，也是当前现代教育技术工作的重要内容。
参考资料
[1] 余胜泉《网络课程的设计与开发》教育技术通讯
[2] 王左辉，《于红光》《网页与web课件制作基础教程》电子工业出版社
