时间：2022-04-10 09:35:09
关键词： 案例教学 网页设计与制作课程教学 教学设计
一、案例教学概念
案例教学法就是教师列举案例进行教学的方法。教师根据教学目标、教学内容的要求，组织学生对典型案例进行分析、讨论、交流，学习掌握知识，加深对基本概念和基本原理的理解，同时提高学生分析问题和解决问题的能力。
二、案例教学设计实例
（一）教学内容分析
《网页设计与制作》课程的教材有很多种。网页开发软件也有很多选择，如Dreamweaver，FrontPage等。我校选择的教材是《DreamweaverCS5中文版基础与实例教程》。在讲解过程中不能完全按照教材的章节内容进行教学，必须根据课程内容的逻辑关系进行合理教学设计。在教学设计过程中按照知识点的难易程度和各章的逻辑关系，将本书的知识点归纳为下图：
（二）学习者分析
1.一般特征
《网页设计与制作》课程是计算机网页设计专业的一门专业必修课，是计算机专业的核心课程。授课对象是计算机网页设计专业一年级学生。这些学生年龄基本在十七八岁，这一阶段的学生直觉思维能力较强，思维活跃，喜欢学习技巧性的知识。如果在教学中能合理地对学生进行引导，能够发挥出学生潜在的创新能力。该教学班的学生以男生为主，女生占很小比例。每个班45人，女生只有6-10人。在教学过程中要注意观察学生的行为，及时提醒学生进行有意注意。职业学校的学生在个性差异方面和普通中小学生差别很大。职业学校的学生对于学习动机中的认知内驱力很弱。在长期的不良学习习惯影响下，他们不会主动学习自己想知道的知识。反过来只要是他感兴趣的知识，他的学习动机就会很强。所以教师的主导作用很重要。他们不善于语言文字的表达，可是这些学生特别聪明，尤其在逻辑、身体运动、人际交往、自然观察等方面表现突出 。所以进行在教学设计时让学生多参与，多发言，注重技能练习是很有必要的。在学习风格方面，职业学校的学生喜欢听觉、视觉、触觉上的刺激，而不喜欢枯燥的文字说明。职业学校的学生不好管理的一个最重要的问题就是学生的情绪不稳定，容易冲动。所以在讲课过程中教师要格外注意学生的情绪变动，变换不同教学组织方式吸引学生注意，维持他们的学习动机。
2.初始能力
中等职业学校的学生生源比较广泛。学生分布不集中，由于地域限制，个体差异较大，学生的学习基础也不同。有的学生经常接触计算机，已经掌握了计算机的基础应用，有的学生很少接触计算机，连基本的计算机操作都不会。但是计算机专业不只有网页设计专业，还有计算机应用、计算机网络专业。学生既然选择网页设计专业，就应该对本专业进行过了解，对网页设计有浓厚兴趣。
3.信息素养
职业学校的学生普遍喜欢上网，对于计算机的基本使用方法已经初步掌握。有些学生家里也有计算机，所以他们的信息检索能力很强。接受和使用电子新设备的能力也很好。能够运用所学知识解决实际问题。
（三）学习目标
知识和技能：了解网站开发的流程，学会建立站点，能够用自己的话对网站的总体规划进行描述。
过程和方法：在教师的指导下分析确定主题下的目标用户，掌握网站的总体规划，清晰划分网站模块，版面设计合理，完成预期的网页跳转。
情感态度和价值观：在网站设计过程中，学生依据网站评价标准，不断对网页的色彩搭配、整体风格进行完善，这样才能锻炼学生对色彩的审美能力、创新能力。
（四）教学重点和难点
教学重点：网站的整体规划
教学难点：首页版面布局的合理设计
（五）教学策略
本节课的内容是理论性知识，学生在学习时没有学习兴趣，如果仍然按照教师讲解、学生接受的教学方式进行教学，则教学效果不理想。应选择基于案例的探究型的集体学习模式进行学习，让学生通过对案例的学习，反过来总结出知识。这样学生才能够更深刻地理解知识。
（六）教学流程
[情境导入]
师：大家是通过什么渠道知道这个学校的？生：朋友，同学，亲戚介绍，学校招生（引起学生注意，激发学生学习兴趣，并引导学生明确网站的用户定位）。
师：看过学校的招生简章后，大家对学校进行了了解，那么有没有同学上过咱们学校的网站呢？学生回答：有（使学生对学校网站产生浓厚的兴趣）。
现在我们一起来欣赏学校网站，并提问：同学们自己能够设计出一个完整的网站吗？怎样设计？生：能（调动学生的积极性）。
[展示案例]
这是学校网站的首页，这个网页中包含哪些网页元素？学生回答：文字，图片，导航栏，超级链接，滚动文字，视频，友情链接等（复习知识）（引导学生选择适合的布局方法）。
这些内容是怎么组织起来的？学生回答：表格布局，层布局，框架，DIV+CSS。
[学生探究]
1.首页版面设计
师：大家试着先将网站首页的版面进行整体规划。学生实践操作。
2.确定网站整体风格
师：布局规划好后确定一种色彩作为网站的主色调，包括文字，背景，导航，模块的色彩。
学生讨论， 并使用CSS定义文字、图片的背景色。
3.收集素材
师：网站首页中的元素是怎么获取的？学生回答：上网收集。
4.网页的设计制作
师：我将这些元素给大家发下去，大家将这些元素添加到设计好的布局中，并记录下问题和困难。
学生分别讨论网页中图片、文字、视频的添加方法，并对元素进行添加，对遇到的问题进行记录。
师：网站的首页基本信息添加完成，但是网站并不是只有一页，那么其他页和首页怎样进行跳转？学生讨论导航栏的设置和各网页的层次结构，并进行链接。
5.动态模块添加
师：现在的网页内容都是静态的，我们学过哪些知识可以实现动态效果？学生回忆代码设置文字，图片滚动，SPRY构件添加选项卡效果。师：最后不要忘记学校的地址和联系方式。学生设置下方模块内容并输入版权信息。
6.测试运行
师：大家的网站能够正常运行吗？学生进行运行调试。
[知识总结]
师：从大家设计网站首页的实践可知网站开发的流程是什么？学生回答：整体规划，确定网站的整体风格，收集资源，设计制作网页，添加动态网站代码，运行测试（引导学生对实践过程进行总结，归纳出新知）。
老师补充：设计网站的第一步是明确主题，分析用户需求。之后进行草图的设计。学生梳理知识。（教师的总结能够使学生对新知识掌握得更加牢固深刻。）
[评价]
对各组学生作品进行评价，并对遇到的问题进行解答。学生评价，反思，领会（评价、反思、反馈能更好地促进学生对知识的建构）。
三、教学反思
案例教学法的成功运用需要教师依据教学目标、教学内容、教学重难点知识精心设计好案例，并在教学过程中运用适当的方法对学生进行提问，引导学生进行分析、讨论、总结、评价，最后教师让学生进行自主创作。学生充分运用所学知识与技能，进行创造性的实践操作。上交作品后，师生共同对学生作品进行评价，进一步促进学生对知识的建构。
参考文献：
[1]刘勇.案例教学法在网页设计教学中的应用研究[J].南昌高专学报，2010（6）：107-109.
1基于职业发展的教学改革路径选择
1.1教学目标与职业岗位相衔接
高职《网页设计与制作》课程相关的职业岗位主要有：网页设计与制作、网页美工、网站管理、界面设计、网页编辑等。教学目标的制定应包括技能目标和职业素养目标两个方面。从技能要求方面，传统的《网页设计与制作》设计课程的教学目标要求主要包括掌握网站的建设与管理；熟练使用Dream－weaver，Flash和Potoshop，也是就是俗称的“网页三剑客”制作静态页面。而对于计算机网络专业、计算机应用专业和电子商务专业的学生来说，Flash和Potoshop只能达到会使用软件，与同样开设《网页设计与制作》的美术专业的学生相比，他们显然没有优势，也达不到网页美工和界面设计岗位要求。因此，计算机网络专业、计算机应用专业和电子商务专业的《网页设计与制作》课程相关的职业岗位主要有：网页设计与制作、网站管理和网页编辑等。由于web2．0标准的出现，现在网页设计与制作以及网页编辑等工作不仅要求会用Dreamweaver软件，而且要用web2．0标准的要求进行网页设计与编辑，对JavaScript网页脚本编辑要求也比较高。因此《网页设计与制作》教学目标中对技能的要求应该是掌握网站的建设与管理；熟练使用Dreamweaver制作静态页面；熟练掌握CSS与DIV对网页进行布局与设计；掌握JavaScript的基本语法并能使用JavaS－cript做简单的动态页面效果。由于JavaScript属于网页脚本编程，也可以将JavaScript作为独立的课程放在《网页设计与制作》课程之后学习。从职业素养方面，传统的《网页设计与制作》课程的教学目标中对于职业素养的培养提及得较少，而对于企业来说，职业素养是很重要的。从图1电子商务网站开发流程中不难看出，一个网站的建立到页面设计，再到网站的运行与管理必须有一个团队才能完成，团队里的每一个人都需要有合作精神，要对自己所负责的工作尽心尽力；网站是为客户而建，页面的设计也是需要满足客户的需要，因此，与客户的沟通显得格外重要；网页设计技术不断更新，网页内容可涉及到各行各业，因此，从业人员也需要不断提高自己的技术水平，同时能够涉足更广的知识，这些对于从业人员的自学能力提出了一定的要求。根据职业岗位对职业素养的要求，《网页设计与制作》课程应培养学生的团队合作精神、敬业精神、沟通能力和自学能力。
1.2课程设置和内容与职业资格标准相衔接
高等职业教育主要培养适应社会需求的高技术人才，衡量培养出来的学生是否是高技术人才，目前主要以取得职业资格证书为标准。与《网页设计与制作》课程相关的职业资格证书主要是CIW认证网页设计师，国内是CIW中国认证网页设计师，主要是对网页设计制作人员、Web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效Web设计与制作能力的权威认定。图2中显示的是CIW中国认证体系，从图中可见，CIW认证网页设计师证书需要“网页制作专家”、“动画制作专家”和“图像处理专家／平面设计专家／平面设计师”三科认证证书才能获得，《网页设计与制作》课程可以将“网页制作专家”认证的考试体系和考试内容作为课程设置与课程内容选择的标准，这样可以使课程设置和课程内容与职业资格取证相衔接。教师在教学过程中，可将所选的教材为基础，参考CIW网页制作专家认证考试大纲，将考试大纲的培训内容部分和认证考试要点部分作为主要的教学内容和教学目标，将教材内容进行调整，突出教学重点和难点。由于教学学时有限，学生又是从零点开始学习，教师可向学生提供网络学习资料，并提供近年来的CIW网页制作专家认证考试试题给学生练习。这样不仅巩固了课堂教学效果，而且还能培养学生的自学能力。
1.3教学过程与实际职业情景相衔接
职业教育突出的是教育的职业性，而一般高职学校的教学环境和教学条件还是传统的教学环境和教学条件，《网页设计与制作》课程的教学过程一般是在教室和机房里完成，无法让学生走进真正的职业情景。近年来，通过采用项目教学法、案例教学法、“教学做”一体化等新的教学方法以弥补这一空白，教学案例从简单的页面制作案例已经向项目化案例转变，教学内容从以前的重“理论”轻“实践”已经向以“理论”促“实践”，在“实践”中学“理论”转变。但学生如果毕业后直接从事网站建设、网页设计等工作，仍然不能很快地适应，因为教学中的“案例”和“项目”并不是真正的项目，教师和学生所处的教学情景不是实际的职业情景。要做到教学过程与实际职业情景相衔接，首先要了解实际的网站开发流程。首先是设计者与客户沟通制作意向，然后为用户制作网站规划方案，再同客户洽谈设计细节，如果双方达成共识，客户要提交网站相关资料，接下来设计者设计网站首页，客户对首页审核通过后，设计者再做整体设计，得到客户的最终确认后，将网站上传到服务器上，一个网站的开发才算完成。从这个开发过程中不难看出，仅仅靠教师在教学中让学生做若干个网页是无法达到一个项目对设计者的要求。学生要成为一个好的网页设计师，首先要会和客户沟通，了解客户的意图，才能做出客户想要的网页效果。其次要有团队精神，一个网站开发一般是由一个设计团队完成，如有人负责与客户沟通，做整体设计；有人负责美工部分；有人负责页面设计；有人负责页面脚本编程等，团队中的每个人都需要合作才能完成整个网站的开发。再是实际操作能力，对网页设计所需要的技能掌握得比较熟练，才能在规定的时间内完成任务。因此，教师在教学工程中也需要尽可能地让学生感受到实际职业情景。如在学习开始的时候就把学生分成几个团队，学生在团队中的角色是设计者，而教师在团队的角色不仅是教师，还可以是客户。当学生掌握一个章节的知识和操作技能后，教师可提出一项设计任务，让团队中负责设计的学生提出若干问题，以了解任务的需求，再给每个团队同样的设计素材，让团队拿出1－2个设计方案，最后拿出最终的页面设计。在学习完整个教学内容后，可提出一个综合性的设计任务，每个团队在规定时间内拿出自己的作品，然后进行演示和讲解，由每个团队代表进行打分，每个团队所取得的成绩可作为团队成员考试成绩的加法项目。这样的教学情景设置，不仅符合网页设计实际职业情景，通过工作过程导向教学，而且培养的学生的沟通能力和团队精神。学生在做项目的过程中肯定会遇到课堂中没有讲过的问题，这就促使他们课后去找资料来解决，从而锻炼了他们的自学能力。
2结束语
现代职业教育理念对高职教育提出了更高的要求，也对高职教育改革指出了明确的方向。《网页设计与制作》课程的教学在通过与职业岗位相衔接，与职业资格标准相衔接，与实际职业情景相衔接的改革路径，更能突出其实用性、应用性和职业特性，让学生在学习过程中不仅能学到应该掌握的技能，还能学到即将作为一个职业人所应有的职业素养。
作者：梁静琳 单位：武汉工程职业技术学院
关键词：网页；设计与制作；教学模式；改革；实践
《网页设计与制作》作为一门高校网络与新媒体相关专业强化学生学习兴趣点的专业基础课程，开展课程教学模式改革与实践研究有着十分重要的现实意义[1].
1《网页设计与制作》课程教学中存在的问题
结合学生就业实际情况、已从事与网站建设相关岗位的毕业生反馈信息，现阶段《网页设计与制作》课程教学中存在的问题，具体而言：
1.1不够积极主动，学生实践能力不足
长时间以来，《网页设计与制作》课程大多推行理论课与实践课交替开展的教学模式，起先由教师对相关专业知识、软件技术操作内容进行教授示范，之后由学生通过随堂笔记或者学习记忆对教师教授内容开展模仿操作.教师占据课程教学主体地位，教学内容缺乏生动形象性，学生学习过于被动，学习主观能动性难以得到有效调动.一些学生对教师教授的理论知识、布置的上机作业等不感兴趣，沉溺于网络游戏、手机游戏等，致使专业知识教学成效不尽如人意.学生受基础理论知识与专业理论知识不扎实影响，对于自身面临的疑难问题难以迅速反应并开展自主解决.再加上理论教学内容与实践教学内容未能实现有效衔接，使学生在对于“何为过程性知识、何为陈述性知识？”、“何为理论性知识、何为实践性知识？”等认识上模棱两可，即便学生能够对教师所教授知识展开有效模仿操作，也难以将它们运用至实际工作中去.
1.2不够实事求是，学生动手能力不足
教师在《网页设计与制作》课程教学中通过操作鼠标进行示范，学生片面的认识十分简单，学习过程中不实事求是，等到进入实践课要求他们独立开展操作时，面对提供完备操作流程的学习任务不屑一顾，认为太过简单；面对未提供相关操作流程的学习认识则无从着手，进而产生“高不成低不就”的局面.学生未能基于独立自主实践队专业知识进行掌握，致使难以建立隶属自身特有的知识、经验架构，一旦进入社会职业岗位中便不知所措，无法独立自主制定工作方案，更别谈是付诸实际行动，难以有效将所学知识与实际结合，不具备自主解决问题的能力.
1.3各方缺乏沟通，学生适应能力不足
结合毕业生反馈信息，普遍存在学生沟通意识欠缺，不具备客户至上理念等问题，致使难以对职业岗位进行有效适应.一些学生不明确客户要求，亦或对客户要求抛之脑后，而凭借自身主管意识开展设计；一些学生对客户要求形成错误认识，为客户带来不必要的麻烦.受各方缺乏沟通或沟通能力不足影响，致使返工情况屡见不鲜，不但降低了工作效率，还会对客户信任造成负面影响，不利于企业的有序发展.这些不良后果极易使学生产生负面情绪，进而对后续工作造成不良影响，由此进入恶性循环；进而这些学生对工作产生厌烦心理，没有成就感，不具备工作的动力.
2《网页设计与制作》课程教学模式改革策略
在时展新形势下全国高校网络与新媒体专业，必须与时俱进，大胆进行改革与创新，引入先进的科技和成功发展的经验，进一步强化《网页设计与制作》课程教学模式改革与实践，对促进《网页设计与制作》课程教学模式改革与实践逐步开展可以从以下几个方面着手：
2.1强化教学内容改革
高校《网页设计与制作》课程强调对设计人员实践操作能力和基本功训练，对于网页设计等一系列相关操作技术要求每个学生必须能够娴熟掌握，具有管理、开发和维护小型网站的能力.鉴于此，《网页设计与制作》课程开展教学内容改革的重要前提是用人企业的需求.结合企业用人需求从事不同高校网页设计与制作专业、网上招聘启示及人才市场相关信息等，对不同行业需求开展总结：（1）以企业局域网为重要前提的操作，好比对等网的组建与维护、office文档的存储与整理、B/S企业MIS系统的管理与维护、计算机一系列软件的安装与使用等；（2）企业网站的管理，好比企业网站建设、企业网站文件管理、企业网站策划等；（3）企业电子商务活动，好比在线商务活动、产品在线宣传、互联网信息处理等；（4）具备相应计算机图形设计、软件设计能力，具备相应B/S应用程序开发能力；（5）娴熟掌握Flash、Dreamweaver等网页设计工具，精通CGI网页交互语言，熟悉HTML设计等[2].在此基础上，《网页设计与制作》课程在侧重Flash、Dreamweaver及Fireworks网页教学前提下，应当进一步关注HTML设计、图形设计与处理、JavaScript代码等的教学，以强化学生计算机图形设计能力、软件设计能力；此外，还应当强调网站建设、管理，强化学生对网站组建、管理、维护等内容的系统认识.
2.2强化教学方法改革
2.2.1案例教学法要想调动起学生学习主观能动性，避免传统灌输式教学模式，在教学期间应当推行案例教学法.结合教学进度、要求引入案例并开展好备课工作，对案例涉及理论、技能进行教授讲解，探讨案例中存在的相关问题及处理对策等，同时案例要具备针对性、典型性，自符合学生接受能力开展选取、设计.好比，可选取介绍“民族传统”、“家乡美景”等的门户网站，教师通过向学生开展讲解此类网站涉及的知识点，要求学生制订学期学习计划，设计制作一个小型网站，且网站制作过程要与课程教学内容保持协调.2.2.2项目化教学法选取实际项目为前提，加大对学生分析、解决问题能力培养的力度.在专业网站设计与制作过程的前提下建立学习项目，沿着职业岗位任务主要方向明确不同模块内容，包括网站建设方案制作、网站制作以及网站设计等，依托紧贴职业实际的教学内容，有效调动起学生浓厚的学习兴趣.依据职业岗位任务主要方向提取各项能力目标，并融入进制作网站建设方案、网页基础知识储备等多个不同模拟制作任务中，达到对学生分析、解决问题能力培养的目的.与此同时，制定一系列相关独立实践任务，以使学生在完成任务的同时，对自身所学知识理论进行巩固，进而娴熟掌握各项网页制作技能.2.2.3任务驱动教学法将实践操作任务、模拟制作任务作为载体，关注对学生学习能力、技术应用能力及工作能力等方面的培养.在教学中部署一系列模拟制作任务，并与其中插入相应的知识内容，经由任务背景介绍、操作流程讲述、知识点拓展等布置，引导学生进行自主思考.学生通过解决问题来掌握知识，经由任务把所掌握知识应用于实际问题解决中，进而强化自身动手、解决问题的能力.与此同时，需要学生自主完成实践操作任务环节，以增强学生自学能力、技能应用能力等方面训练.以某学院网站引导页任务制作为例，应展开下述操作：（1）背景介绍，经由该学院网站，提升学院影响力，为师生相互、校企相互、家校相互等往来提供便利；（2）任务要求，对学院网站特色进行尽可能凸显，吸引更多网页浏览者，并为浏览者留下深刻印象；（3）任务分析，设计前对学院网站用户相关需求展开全面研究，找准网站风格定位，可选取图片或者Flash动作用以引导页，将图片用以引导页第一步通过PS设计好引导页效果图及Flas，然后开展切片，最后完成表格设置工作，并将图片、Flas添加进网页引来浏览者，提升网站流量；（4）延伸知识点，包括表格属性设置、切片优势、切片方法等；（5）处理问题，要想加快网页浏览速度，通常要求将大图切为小图.基于任务制作过程开展知识点延伸教学，结合实际情况让掌握理论知识的同时，了解知识的获取渠道及方法，改善学生学习效率.由于伴随技术发展，学生职业生涯会受到一定影响，因此教师一方面要权衡知识的够用情况，一方面要权衡知识点的系统性.应当尽可能拓宽学生知识面，在知识点选定过程中不仅要结合岗位群，又要自技术发展、设备软件更新所对学生职业造成的影响出发，留有一定的余量.在全面教学期间，强调对学生综合职业能力、职业素质等方面的培养，汇集教、学、做于一体，尽量适应学生为主体、教师为主导的新型教学模式的需求.各模拟制作任务均很好地融入知识目标、能力目标，侧重能用什么做什么，尽可能凸显《网页设计与制作》课程教学与职业岗位能力需求的紧密联系，强化学生专业学习针对性、实用性.2.2.4激励教学法要想激发学生对网页设计的学习兴趣，锻造学生自学能力、创造能力，学校应当积极组织各式各样种类的就业技能大赛、Flash设计大赛、网页设计大赛等活动，通过激励性活动一方面促进学生对所学知识的实践应用，一方面有效发挥学生团队协助能力、设计创新能力.
2.3强化教学手段改革
2.3.1联机教学借助网络开展好《网页设计与制作》课程教学.《网页设计与制作》是一实践性强、应用广泛的技术，要想说明网页设计的性质及相关实践应用，实时展示极为关键，所以在网络教学中接入互联网，通过互联网对一系列理论知识开展详实说明，如此可有效提升教学课堂生动形象性，强化学生对《网页设计与制作》课程实用性、重要性的明确认识.2.3.2开设《网页设计与制作》在线课堂要想进一步改善《网页设计与制作》课程教学成效，可考虑开设该课程的在线课堂，促进教师与师生之间的互动，实时了解学生意见，优化整合教学方法、教学进度，对学生学习遇见的疑难困惑进行及时解答.此外，还可将该课程全部课程资源传输上网，诸如教学大纲、教案、课件等资料，还可依据课程章节补充相关设计案例等.如此，学生一方面可通过网络获取课堂教学的各项内容，一方面可借助多媒体优势满足自身自主学习需求.
3结束语
总而言之，高校网络与新媒体专业《网页设计与制作》课程教学模式的改革与实践，是一项十分复杂的系统工程.其是对传统课堂教学方式的一种挑战，对教师和学生均提出了极为严苛的要求.鉴于此，相关人员务必要不断钻研研究、总结经验，清楚认识《网页设计与制作》课程性质、教学特征及教学目标，全面分析《网页设计与制作》课程教学中存在的问题，“强化教学内容改革”、“强化教学方法改革”、“强化教学手段改革”等，积极促进促进《网页设计与制作》课程教学模式改革与实践有序开展.
参考文献：
〔1〕刘万辉,宋桂岭.基于工作过程的““网页设计与制作”课程改革的探索与实践[J].计算机教育，2010(02).
1网页设计与制作教学现状与不足
笔者总结几年的课堂教学经验，得出几点传统教学的不足：第一，课程理论教学方面，因为学生均为非计算机专业学生，没有相关的项目实战背景，在学习理论时普遍感觉概念抽象，难以理解。学生不是在实际需求的驱动下去学习理解相关概念，而是为了掌握概念而学习概念，由于理解层面的欠缺，虽然“掌握”了概念本身，但是很难学以致用。另外，理论学习的过程枯燥乏味，加之学生无法体会理论的用处，从而使得其学习处于被动状态。第二，课程实验教学方面，由于学生被枯燥的理论学习搞得身心疲惫，加之理解不全面、缺乏兴趣、没有实验的目标和方向，更没有意识到网页设计与制作学习过程中上机实验的重要性，因此上机实验效率较差，实验没有主动性，没有合理规划。而实验内容也因为缺乏新意，缺乏刺激学生的兴趣点的举措，失去了提高学生学习能力的辅助作用。第三，传统的教学模式下一般都是第一环节介绍网站基础知识，第二环节讲解Photoshop、Flash、Dreamweaver等软件，第三环节再讲解综合案例，将上述各软件综合组织起来制作完整的网站系统。这种方式在前三个环节中都是孤立地介绍本部分内容，学生学习起来没有明确的目标性，对于未来自己在制作网页过程中到底需要掌握哪些操作技巧没有头绪，也就是说学生在学习绝大部分时间里，没有明确的目标，没有直观的感受，这对于学生的学习主动性和兴趣的培养是非常不利的。
2从“宏观”到“微观”的教学新模式的实施
在教师引导下，学生自主选择能力所及的专题，采用从“宏观”到“微观”的方法去逐步完成自己的网站系统。在这种教学模式中，充分发挥主动性和创造性，通过查阅资料、调查来获取素材，对素材进行分析、讨论、加工处理并最终得到符合自己要求的素材，以备使用。在这种教学模式中，更为重要的是教学次序的精心安排，重塑网站开发的“原生态”流程。通过该教学模式的教学，学生可以从宏观上了解网站制作的全过程，目的性明确，努力的目标也是明确，提高其分析问题、解决问题的能力，在实践中充分体验学习、创造和获取成功的愉悦，进一步促进他们更加积极主动地学习知识、探究问题、深入思考和追求真理的信心。对于大学教育而言，积极研究开发研究型课程，并在教学实践中鼓励运用研究型学习的方法，是培养研究型人才的可行途径之一。
2.1网站开发的“原生态”流程
即需求分析、栏目规划、绘制草图、收集制作图像类素材、设计首页平面图、首页平面设计图切片、制作静态页面、充实首页页面内容，制作二级页面模板、利用模板制作各个二级页面、充实二级页面内容、测试网站。让非计算机专业学生以计算机专业学生的思维模式去开发网站系统，以网站开发的“原生态”流程去学习开发网站无疑是一项扭转以往学生学习被动性的有效举措，让学生在学习的每个环节中都有目的性、方向性，不是被动地接受，而是积极主动地学习所需知识点和操作技能，从“宏观”到“微观”地逐步提高制作自己网站系统所需的理论知识和操作技能。
2.2前导式案例式教学
案例教学法已成为一种较为成功的教学方法。传统的案例式教学一般是先讲述基本概念、原理，再给出有关的典型事例加深理解，从而一目了然地帮助学习者建立相关的图式。研究型教学模式提倡在学习理论之前给学生充分的思考空间，只有真正经过研究的问题，学生在学习过程中才能掌握好，记得牢。将往届学生的成功案例展示给学生，让学生接触到实实在在的东西，从而对要制作的网站系统有总体上的把握，让学生观察各级页面组成，适时提出问题，例如如何将各级页面有机地组成网站系统，网页布局如何实现等。当然往届学生的案例可能会有一些缺陷，但是较之设计完整、功能完善的大型网站，这些小网站更能引起学生的学习兴趣，激发他们的学习热情。通过演示案例，简单介绍网站系统制作流程，使用相关软件的功能，让学生有个总体上的把握，为后续分模块详细介绍案例打好基础。通过第一次课中的案例引出为什么要学习《网页设计与制作》这门课，学习了这门课能干什么事情，并且把案例中的知识重点分散到各个章节中去，让学生了解《网页设计与制作》各章节的连贯性，能够全局把握本书的内容，做到有目的地主动地学习。
3结束语
网页设计与制作技术是信息技术领域发展较快的技术之一，《网页设计与制作》课程进行教学改革也是为了紧跟新技术，更好地培养应用型人才。本文分析了《网页设计与制作》课程教学的现状，进一步阐述改革的重点是调整授课顺序并且重视实验教学，提出了从“宏观”到“微观”的教学新模式，以网页设计的“原生态”流程重塑《网页设计与制作》课程的教学顺序，在实际教学过程中取得了良好的教学效果。
作者：李涛 王伊蕾 单位：鲁东大学信息与电气工程学院
论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力
平面设计软件实训是配合《平面设计软件》课程开设的为时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）网页色彩设计。网页的色彩是网页最重要的部分，是给访问者登录页面时的第一印象，好的页面色彩能给人带来很强的视觉冲击力，可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计，网站最后的视觉效果可能与客户期望不匹配。因此，设计时需要先了解网站的定位、网页的风格，学习有关的色彩知识，在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内，一般而言，网页的背景色应该柔和一些、素雅一些，如配上深色的文字，会使人看起来自然、舒畅，文字的颜色在不同底色的衬托下，会给人不同的视觉效果，设计时应综合考虑多方面的因素，设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识，教师可以给学生提供一些资料，让学生通过自主学习掌握这些知识，提高学生的自学能力。
>> 《网页设计与制作》 网页制作课程的实践教学 浅谈HTML与网页制作 “倒叙式”网页制作教学 《静态网页制作》教学体会 网页制作课教学初探 “网页设计与制作”课程教学探索 《网页设计与制作》课程教学的创新与实践 “网页设计与制作”课程教学改革实践探究 网页设计与制作课程现状研究 中职网页制作课程教学设计探讨 网页制作课程的教学探讨 网页制作课程教学模式探讨 《网页制作》课程教学方法探讨 Dreamweaver网页设计与制作教学探讨 《网页设计与制作》教学模式探究 浅谈“网页制作”之网页版面的教学设计 《网页设计与制作》课程的开发与实践探析 网页设计与制作课程创新与实践 《网页设计与制作》课程建设的认知与实践 常见问题解答 当前所在位置：l)。教材内容注重实践能力的培养,引导学习者使用习得技能完成操作练习,同时也指点学习者观察操作带来的改变,全面加深对技能功能的认知。与国内相关网页设计教材比较,这本教材的内容相对简单,介绍也很仔细,用大量篇幅和实例介绍和比较了简单操作,在重视技能的基础上反复强调网页设计的可接受性(Accessibility)。
好的教材对教学过程的设计有很大影响,教材语言风格也对学生英语语言能力的提高有深刻的影响。英文原版教材用语都很简单,对专业术语的解释也很地道,学生感受原文的文体风格,就是感受另一种文化下的思维方式。开展双语教学,教材应尽可能使用英语原文教材,虽然教师增加了工作量,教学之初也可能使教学进度偏慢,但可以使师生都尽早沉浸于正确的语境,早日适应原著者的著书思想,并在教学中后期逐渐弥补进度。
3教学环境
教学环境会影响教学效果,环境设置应该紧密依循教学内容。对于一些理论性较强的课程,教师在教室授课,与学生面对面沟通,更容易集中学生的注意力,了解学生对知识的掌握程度。而对于实践性较强的知识技能学习,在应用环境中学习将会取得更好的效果。
“Web Design”课程对实践操作要求很强,教学目标就是要学生掌握制作网页的原则、技艺,所以安排学生在计算机实验室中学习能够取得较好的效果。实践中,我们保证每人都有一台计算机,学生能够根据要求在计算机上演练。由于有了立即验证的环境,学生的学习兴趣非常浓厚,能够在操作过程中及时验证课本知识,获得强大的成功感与满足感;同时也能迅速发现操作中的问题,及时请求帮助并获得解决。
为了体现教师对学生的示范作用,实验室还安装了多媒体投影设备,教师可以将计算机上的内容投影到大屏幕上,指导学生做模仿练习。
教学实践中,我们发现实验室环境下的教学效果很大程度上受到教学规模的影响。当同时学习人数较多时,学生的个体差异就很明显:部分学生操作顺利,能够迅速完成任务;部分学生则会遇到困难,甚至无法在教师限定的时间内完成任务。如果学生人数不多,教师对困难学生的指导往往会比较迅速,甚至还能够有效运用学生的互助活动协调学生进度;当学生人数较多时,我们曾尝试增加辅导教师和组织互助活动的方案,但是效果并不令人满意。
4教学过程
由于是在实验室环境授课,必须合理分配理论讲授与实验操作的时间,以练习为主,以交流为主。
根据授课具体内容,教师有时选择从课本入手,挑出课本的部分段落讲解,提出问题,要求学生分析作答。提问时一般不会直接给出答案,而是指导学生阅读课本的某些段落,寻找答案,再对学生的答案进行分析和评价。提问、分析和评价都用英文完成,学生回答问题时也必须使用英文。学生通常能够在书本中找到一些答案,回答时往往照本宣科,对使用英语没有畏惧心理,课堂氛围还是比较活跃的。在此基础上,教师应该引导学生对答案进行扩展分析,增加学生综合分析问题的能力,推动学生跳出书本之外练习英语。
有时授课从练习着手,教师需要帮助学生分析练习要求,使每个学生对练习要求心知肚明。网页设计技能对IT专业学生有很大吸引力,有些学生在上课之前已经学习过设计技巧,对课本内容是有些了解的。但是过去他们都是在中文环境下学习,结果不能准确理解练习要求,反而成为无法动手的障碍。在分析练习要求时,我发现由于学生的英文水平远不如中
文,阅读要求时反而更加认真,几乎是逐字逐句地翻译,结果学生对要求的理解更加全面。
无论是讲授理论知识还是做练习,教师都必须确切地知道学生在做什么,做到了什么程度。讲授理论课时,学生很容易分心,教师需要设计相应的活动(Activity)辅助教学,鼓励学生自主学习,大胆说出自己的想法,开展全班范围内的沟通与交流,使学生有参与感和成就感,教师也能够比较准确把握学生对知识的掌握情况。学生练习时,教师在教室内走动并查看活动,力争掌握每个学生正在做什么事情,及时了解学生操作过程中遇到的问题。一般来讲,教师不要对学生的操作进行太多干涉,即使学生使用了明显不正确的方法,教师也不要随便阻止,有时候失败的操作更能帮助学生加深印象。
5课程考核
课程考核分为两个部分:全球课业(Globle Assignment)和本地考试(Local Exam),每部分均按百分制评价。全球课业要求学生独立制作一个静态网站,课业题目对网站的主题、基本构成做出了明确的规定,学生只要按照要求完成每一部分则可通过。课业分为Introduction、Scenario和 Task三个部分,对制作网站的基本步骤又做了一次强化,实用性很强。本地考试为闭卷笔试,题目分为问答和综合两部分,前者类似一些名词解释题目,后者则询问一些网站设计原则、方法的问题,要求学生能够结合实际综合论述。测试从理论和实践两方面对学生进行全面考核,教师能够从试卷和作品中了解学生掌握知识的状况。
6总结
在专业课中实施双语教学,学生能够准确理解和认识到本学科的核心与前沿知识,有利于在更广阔的范围里吸取营养,成为既精通专业又熟练使用外语、具有开拓创新精神的高层次复合型人才。[1]从本课程的教学案例来看,我们应该对双语教学的课程方案设计、教学计划制定、教学实施与评测以及反馈方面进行全面研究与实践,真正落实双语教学的优势。
关键词：网页制作；课程改革；以就业为导向
中图分类号：G712？摇 文献标志码：A 文章编号：1674-9324（2013）16-0220-02
网页制作方面的书籍很多，却很难找到适合中职学生的网页制作入门级书籍，借着我校国家示范校创建的春风，本人尝试去规划一本适合计算机专业学生的网页制作入门级教材。
一、教材总体规划
1.指导思想：本着以学生为本，从学生实际和特点出发来规划教材。结合我们中职学生“轻理论、重实践”的特点，入门级的网页制作教材应言简意赅，但却要联系网页制作行业的具体实际，培养可持续成长IT人才，遵循“以就业为导向”的指导思想。
2.教材目标：了解网页制作的相关概念、熟悉Dreamweaver CS3的基本操作、能完成教材中的静态网站项目、能独立制作一个静态网站。
3.适用对象：所有网页制作初学者，特别是中职学生。
4.前导课程：PHOTOSHOP、FLASH
二、教材具体实现
1.教材主要内容如下。
第一章 什么是网页、网站、网页制作
网页、网站、网页制作的概念
网站建设的流程
简易网站的搭建
第二章 Dreamweaver CS3软件介绍
软件及界面简介
站点管理
编写第一个页面
第三章 表格处理与页面布局
教学案例：全运会网站
练习案例：世博会网站
教学案例：上海新貌网站
练习案例：七彩云南网站
第五章 创建超级链接
教学案例：四川旅游网站
练习案例：庐山风景网站
第六章 插入多媒体元素
教学案例：在线教育网站
练习案例：中职教育网站
第七章 建立表单
教学案例：用户调查表
练习案例：网上定书单
第八章 CSS样式表
教学案例：科讯公司网站
练习案例：今日新闻网站
第九章 项目实战
教学案例：班级网站
练习案例：自拟主题
2.各章节内容安排理由及教学处理。第一章介绍什么是网页、网站、网页制作，对于一名网页制作初学者，应该对所学学科有大致的认识，对网页、网站的理解要从原来的非专业角度提升到专业角度，对网页制作的流程要有更系统的认识，要了解一个网站从输入它的网址到能看到网站内容，这之间发生了什么？最后我们可以利用WINDOWS自带的服务器功能建立一个站点，并可在互联网上申请虚拟空间，将我们的简易网站上传上去，为互联网上的用户所浏览。这一系列的过程能极大的激发学生学习网页的兴趣，从实战的角度感受建站的乐趣。教师在讲解这一章时，确实要带领学生真实地申请虚拟空间，并上传网站，只有将此落到实处，才可真正激发学生动手的兴趣。
第二章Dreamweaver CS3软件介绍，作为所见即所得的网页制作软件，适合网页制作的初学者使用，在这一章中教师应强调拆分视图的使用，通过效果与代码的对比，促进学生对HTML代码的学习，当然并不只是这一章，接下来的学习，教师也应该常使用拆分视图引导学生为可持续性的学习打下良好的基础。
第三章表格处理与页面布局，关于页面的布局有两大模式：一是传统的表格、二是大势所趋的DIV+CSS，为什么笔者仍然选择表格布局模式？原因如下：表格布局效果直观，有利于初学者的学习，表格布局的学习更为简单，更易上手，学习者更有成就感，表格与DIV+CSS的布局模式并不冲突，不会对将来的DIV+CSS的学习造成更大的困难。所以结合学习者特征，笔者仍然采用表格作为布局的手段。在教学上教师要重视表格的学习，在后续的学习中，表格是基础是重要的，学习者对表格布局掌握好了，就能降低学习的难度、加快学习的进度。特别要强调的是对标签选择器的使用，教师要强调标签选择器的使用，这是制作网页的利器，应该反复强调。从第三章开始，每一章节都会有一个教学案例和练习案例，有利于案例教学法及自主实践教学法的实施。
第四章图像的插入与编辑，关于图像的插入其实非常简单，如果只是单纯的讲解方法，可以一笔带过，但为什么要花一个章节来讲解呢？在网页制作的学习过程中，笔者更认可完整网站的制作，网站可以是只有三、四个页面的小网站，但完整性的网站可以让学习者在制作中感受网站的规划与设计风格，为最后一章的项目实战打下基础，之前有些教材如网页制作百例之类的，笔者认为不适合初学者的学习。这一章的教学处理上，也应让学习者完成两个案例的制作。
第五章创建超级链接，这一章的内容也是网页制作的重要操作，在教学处理上，考虑到前两章已经对表格布局操作有了充分的练习以及课时的安排，可以考虑将练习案例作为课后练习，将课时补充给后续的章节。
第六章插入多媒体元素，虽然文字是网页不可或缺的元素，但声音、动画、视频可以丰富网页内容，增强网页可观性，这部分的内容也是能激发学习者兴趣的内容，在教学处理上可结合自主探究方法，锻炼学习者自主实践能力，在内容处理上，也可将练习案例做为课后练习。
第七章建立表单，本教材只讲述静态网页的制作，表单的制作为今后的动态网页制作打下基础，教师在讲述表单内容时可以提及动态网页的内容，结合真实网站注册页面来讲解，效果会更佳，并仍然强调代码与效果的结合。
第八章CSS样式表，学习者要理解和区分Dreamweaver中的三种样式，要明白样式定义中分类的功能，并结合代码来学习。这部分的学习对学习者而言是有些困难的，教师要引领学生多去尝试分类各自的使用，在参与中体验感悟CSS的作用。
第九章项目实战，这一章是最后一章，教学案例是一个班级网站，详尽得讲解了从网站的规划、资料的收集、设计图的制作再到Dreamweaver的整合的过程，贴近真实的市场动作，从无到有的网站制作过程，通过这一章的实践，学习者会有很大的收获。最后的练习案例是由学生自主选题，可以小组形式完成。
三、教法指导
本教材的编写结构适合于案例教学、任务驱动、学生自主实践教学法的实施，充分让学生能“参与、体验、感悟”网页制作的过程。
四、学习评价
采用过程性评价机制，结合最后一章的网站项目，综合学生自评、他评、教师评价，全面考核学习者的学习成绩。
五、结语
以上是笔者结合《网页制作》教学一线工作对中职学校教材编写的实践和体验，“以服务为宗旨、以就业为导向”为指导思想，以“参与、体验、感悟”为改革思路，吸引更多的中职学生主动参与网页制作、在体验中感受到设计的乐趣，在感悟中得到自信与力量，中职教师任重而道远！
参考文献：
[l]陆莹.网页制作DreamweaverCS3[M].华东师范大学出版社，2010.
[2]常丽丽.中等职业学校网页制作课程教学的探讨[J].计算机光盘软件与应用，2011，（24）.
关键词：教学方法 改革和创新 评价 中职计算机专业课
中图分类号：G718.3 文献标识码：C DOI：10.3969/j.issn.1672-8181.2014.02.076
众所周知，中职学校的学生是经历过一次“大浪淘沙”“淘”出来的学生，他们绝大多数在初中阶段也是“被遗忘的一群”， 他们缺乏明确的学习目标和学习动机，没有养成较好的学习习惯，对学习不感兴趣，纪律意识和自控能力较差，课堂上学生睡倒一大片是普遍现象。造成这种现象的原因是什么呢？很多老师只归咎于是学生不可教也。笔者持否定观点，因为中职学生同样有他们的闪光点。应该也要归咎于我们传统的教学模式，归咎于部分老师没有针对我们学生的特点进行相应教学方法的改革。大势所趋，老师要想在学生面前有成就感，想让每一堂课都受学生欢迎，我们要在教学方法上不断摸索和探讨。几年来，笔者在备《网页设计》这门课程的教学方法上因地制宜地创新课堂教学模式，在这里跟大家一起进行分享和探讨。
1 《网页设计》专业教学的指导思想和具体做法
1.1 真正认识网页，明确网页设计的思想和流程
第一，对中职学生进行网页设计的指导思想是：功能性和美观性齐驱并驾。
一个好的网站，之所以吸引人，不仅是因为它的内容和功能吸引人，还有重要的一点是它的网站风格和独特的创意吸引人的眼球，让人有赏心悦目的感觉。流连忘返的感觉，而我们就要知道怎样设计网页，设计网页看上去赏心悦目，创意独特。
第二，指导学生在网页设计中，制作流程环环相扣，严格把关。
网页设计流程由“确定主题、网站策划、搜集素材、设计版面、制作作品、共同评价、修改完善”七大环节组成。
但在中职学校里，我们往往看到老师可能会不自然地降低对学生的要求，只注重对学生进行操作技能和技巧的培养。具体做法表现就是：单纯安排简单的小功能操作，比如图片插入、超链接制作、框架的布局、多媒体元素的插入等，拼命让学生熟练这些小功能的操作。这样一来，使我们的教学偏重于功能性教学，只在“制作作品”环节上下了苦功，而却严重忽略网页设计的艺术性与观赏性的表现。在中职学校里，我们不能只是片面着重于学生技能的操作，更重要的是通过教师、同学及网络的帮助，感受实际工作中网站设计的一般工作流程，学会表达解决问题的过程和方法，培养学生综合运用知识分析、处理实际问题的能力；锻炼学生发现问题的能力，提高学生组织能力、交往与合作能力、学习技能。因此，在网页设计教学过程中，网页设计七大环节一个也不能少，老师都要有计划、有目的地让学生去做好，并严格把关。
1.2 与德育渗透相结合，以赛促学，以赛促教
2008年，教育部提出“普通教育有高考，职业教育有技能大赛”。江苏省决定从2009年起每年举办全省中等职业学校技能大赛，并形成定期举办的长效机制。通过技能大赛制度，技能大赛的影响是深远的，通过技能大赛实现“以赛促建、以赛促学、以赛促教”的目标。
作为一名中职学生，能从校园中体会到成就感、成功感，这将会对他三年职中生涯有很大的帮助。因此，作为中职教师，我们要善于给他们提供创造成功感的机会，从而提高他们的自信心。因此，结合自己的网页设计教学，笔者在自己的教学过程中，结合省、学校的技能大赛的要求，在自己所教班里同样形成“以赛促学”的学习风气。
教学中，根据学生掌握技能的程度，让学生有自己实践制作主题网站的机会，于是结合学生的兴趣、提升爱国情操的主题，开展了“自己动手制作网站”活动，并进行相应的评比活动。比赛之前，笔者跟学生明确制作网站活动要求，和学生共同制定评比方案以及评比标准。创作过程中，引导学生借助于多媒体手段、电子机房、教学网站、电子邮箱和QQ等教学资源，积极参与，互相帮助，共同发展，设计出优秀网站作品。创作后，笔者精心准备好了一堂专门的评比分享课。在评比过程中，采取分小组，小组推荐作品或者自荐作品的形式进行展示，学生之间相互评分的形式。整堂课学生的展示，让老师眼前一亮：学生争先展示作品，自信心非常高涨；好作品层出不穷，设计独特创新。通过此次比赛，学生“尝到了甜头”。于是，在同学和老师的倡导下，网页设计课程根据教学内容和模块，一学期相应地举行了几次这样的比赛评比活动。
通过在班级里举行“网页制作评比活动”以及学校每年一度的“学生技能大赛”，给学生搭建了交流学习的平台。从学生层面来说，调动了学生的学习热情，对学生的学习主动性有了极大的促进作用，对学生的学习方法和努力方向有明确的引导作用，对学生的实际动手能力有明显的强化作用，对学生的求知欲和上进心有强烈的激励作用。从专业建设层面来说，有效发掘网页设计的好苗子，为今后的省、市各类竞赛储备人才；借助优才生的“以点带面”效应，牵动整个专业的学生积极投入到专业学习，从而形成 “以赛促学，以赛促教” 良好的教学风气。
2 大胆改革和创新网页设计专业教学方法
2.1 微观教学采用“四阶段教学法”，将“引、学、练、评”融为一体，教学体现“教师为主导，学生为主体，训练为主线”的原则
第一阶段，案例引进课堂， 明确解决的问题。
从《网页设计》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，在线教育网、用户调查网、书店网站、江苏旅游信息网等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。用具体案例引路，将学生带进网页、网站的设计之中。
第二阶段，案例分析，学生讨论，归纳方案。
先由老师对案例进行分析，找到解决问题的方法和操作技能。教师对于关键性技术内容应尽可能精讲、可详讲，必要时还可补充一些内容；而类似的技术略讲，只是告诉学生如何去学。同时，吸收学生参与课堂教学活动，鼓励学生参加讨论、分析案例，小组最终定出解决的方案。
第三阶段，分组合作，完成任务。
网站的案例往往具有综合性和复杂性，通过个人的制作一般要花比较长的时间，而且效果不明显。但通过小组的分工合作，取长补短，容易调动学生的积极性，学习效果也比较好。
第四阶段，展评结合，分享学习。
各组的组长向全班汇报、展示、交流本组设计的最终作品，在介绍过程中要求说明各组平面布置图的设计思路以及制作过程中遇到过什么问题，这些问题是如何解决的，同时，其他组的同学也可提出问题，让设计者解释设计所用的相关技术及特点。
最后各组之间进行互评，互相学习，通过相互评价进一步修改各自的设计，评选出客户最满意的作品，教师点评。
2.2 建设网络教学环境、促进学生主动学习
在中职学校里，有这样一种现象：老师比较抗拒给学生在课堂上网，因为中职学生自我约束能力比较差。一开网，学生就有可能在QQ或者游戏，严重影响了教学效果。这就对教师提出了更高的要求：要更好地组织课堂教学，更好地引导学生上网辅助教学。根据《网页设计》这门课程的特点，利用计算机网络，可以搭建课程网络教学平台和技能学习网站，在网站上集成了教学大纲、实验大纲、在线答疑、在线测试等课程建设的相关教学资源，使学生通过计算机网络在线学习，通过在线答疑和教师在线交流，通过在线测试检验学习效果，促进学生主动学习。
通过建设网络教学环境打破传统的以课堂为主的灌输式教学方式，探索建立多渠道的获取式教学方式：即坚持以学生为中心的教学理念，在教师的必要指导和宽松学习环境条件下，学生主动地利用计算机网络系统环境的渠道，自主地、创造性地去主动获取知识和技能。
2.3 鼓励学生参与校园内外的各类专业实践活动
中职学校在教学理念上提倡 “引进来，走出去”。结合《网页设计》这门专业课程的特点，在课外鼓励学生走入社会开展各种社会实践活动，包括建立个人网站，建立模拟企业网站，设计个人主页，租赁虚拟服务器，租赁空间，委托方式等。通过专业能力和社会实践的相结合，可以让学生提前体会到自己专业能力的好坏直接和以后的工作能力和社会适应能力有很大的关系，从而促进学生在校加强专业技能的学习，而不抱着“做一天和尚撞一天钟――得过且过”的消极想法。
3 多元主体共同评价和考核学生的学习成果，发挥考核的激励功能
3.1 实行全面跟踪考核
针对《网页设计》这门课程，笔者对学生平时课堂参与状况、作业完成情况、特别是实践教学中的表现等进行全面考核，记入成绩，并加大日常考核的比重（日常考核占60%；期末和期中考试只占40%）。这样，大大激励了学生平常实践上机过程的积极性和自觉性。使考试不再是检验学习效果的唯一目标。
3.2 加大实训过程所设计的网站作品的评价力度
《网页设计》课程对几大专业技能，比如Flash、Fireworks、Dreamweaver的操作技能以及美工设计能力都要求比较高。因此，能熟练操作网页设计工具，制作出一个优秀的网站作品，那么这位学生在网页设计上绝对顶呱呱的，那自然这门课程的专业成绩就相对比较高分了。过分强调理论笔试考核，只会摧毁学生尚存的那么一点点学习积极性，结果就是造成“学风日下”的不良后果。因此，在这门课程的考核上，笔者一般不采取笔试的方式，更着重于学生平常网站作品的积累和创作，加大网站作品的评价力度。这样，才能激发学生专业学习的兴趣，才能真正反映学生的综合知识、技能水平，才更加有利于培养具有创新精神的应用型专门人才。
总之，职业教育是任重而道远的一项任务，其专业课程的教学方法改革与创新也是无止境的。有理由相信，只要我们在教学过程中大胆实践、勇于创新，精心设计教学过程，努力创设互动合作、探究创新的学习情境，实现教学理念、教学模式、评价体系及教材结构的根本变革，就一定能提高职业中学计算机专业课堂教学效益，进而提高学生实践动手能力，增强综合运用能力，适应现代社会的需要。
参考文献：
[1]李艺，李冬梅.信息技术教学方法――继承与创新[M].高等教育出版社.
基于工作过程导向课程设计理念，从目标定位、内容设计、教学模式、教学手段、评价方法等方面探索中职网页设计课程的教学改革。
【关键词】
工作过程导向；网页设计课程；教学探索
基于工作过程导向的课程模式以校企合作为基础，以职业岗位能力为目标，以工作过程为内容，改革了传统教学方式和评价方法，秉承了市场导向和服务社会的职业教育人才培养宗旨，引领新时期职教改革潮流。网页设计课程源于互联网技术迅速发展和网站服务的深入应用，具有极强的技术性、理论性和实践性。网页设计是IT业的一门关键技术，理论逻辑性强而且操作灵活性大，同时底层技术演进迅速，相关规范标准迭代更新频繁，如果把所有细节都教授给学生难度很大、实用性不强、效果也不好。把这门课程上好，对老师和学生都是极大的挑战。本文基于工作过程导向课程设计理念，从目标定位、内容设计、教学模式、教学手段、评价方法等方面探索中职网页设计课程的教学改革。
一、课程目标
以工作过程为导向的课程，不以知识的理论体系和逻辑结构为目标，而是强调职业岗位能力，课程目标从职业岗位而来，不能理想化地设计出现实工作中没有的课程任务。工作过程导向课程设计自然地要求走校企合作的人才培养之路，要通过下企业调查，和企业专家、岗位员工交流学习，才能确定课程的岗位能力目标。在对多家网络公司和数字媒体公司进行调研，并在企业实践专家的帮助下，笔者对网页设计工作所对应的企业岗位能力、工作任务等进行了深入分析，重新定位了本课程目标。
（一）职业岗位能力。通过对校企合作单位调研、和企业专家交流、就业跟踪调查等手段，得到课程相应职业岗位有网站管理员、网站美工人员、网站设计人员、网站编辑等，主要岗位能力有网页欣赏能力、审美能力，网页基本元素设计、布局调整能力，网页色彩、风格搭配能力，网页交互设计和脚本编程能力，网页设计工具和图形动画软件的使用能力，网站建设、运维能力，项目的沟通、协作能力。在以上这些需求中，有些是基础能力，有些是专业能力，不同规模的公司对个人的综合能力要求不同。
（二）课程教学目标。根据企业岗位能力分析和网页设计技术要求，制定网页设计课程如下教学目标。学生学完本课程后应具备下列能力：掌握网页的相关概念和术语；以小组为单位完成网页设计的需求分析书；运用图像处理软件制作网站首页和子页的效果图；运用动画软件制作网站通栏和导航栏的动画效果；掌握一定的色彩构成原理和网页色彩搭配能力；运用网页工具制作具有动画效果的静态网页；掌握网站的上传、、优化和维护的方法；掌握互联网信息安全相关的法律法规；具有和客户及同事进行有效沟通的能力。学生学完本课程后能够承担下列任务：网站页面效果图的制作、网站页面动画效果的制作、网站页面的制作与开发。
二、课程内容
改变传统课程的知识结构和理论体系，行动导向课程的教学内容主要为典型的工作任务、案例、项目。工作任务书、项目策划书、案例手册成为课程内容的承载，以工作任务和项目为课程内容单元，把知识、技术、信息、能力、情感和过程等连接起来，形成完整、独立、具体、形象和鲜活的课程逻辑。可以根据内容的规模、特点、关联度、难易度等灵活组织、安排和设计项目内容。本课程把网页设计的职业岗位能力设计成课程中的工作案例和项目需求，针对岗位特点和要求，把工作任务落实、分解到各个课程案例项目中。通过相应的工作过程和任务内容来培养岗位能力与职业素养，设计了以下12个案例项目对应相关的网页制作专题。
三、教学措施
工作过程导向课程的教学模式是其创新的核心部分，其教学过程是工作内容的动态展开形态，是知识和能力有机构建的流程，是职业岗位情景的再现和感知，是社会角色交流、协作和竞争能力的演练，是完成工作任务的同时组织教学任务，是工作任务环节间交互、反馈、激励和迭代流程。以工作过程导向的理念重新设计网页设计课程的教学模式，主要从以下几点突破教学困境：
（一）确立学生的主体地位，明确工作任务目标，开展工作过程导向教学活动。把课程任务明确落实到学生，确立学生的主体地位和工作角色，每个网页案例都有明晰的目标，规定学生对任务的完成标准和结果。责任的下达和目标的确定，使教学过程具有了方向性和目标性，学生回归到了教学活动的自主和参与的地位，使知识链条和职业能力得以主动建构，激发了教学的动力和活力。
（二）引导学生以工作过程导向模式开展项目，形成知识能力逐步上升的环路。教学过程开展以项目工作过程为基础，把工作过程的基本执行模式——调查、计划、决策、执行、检查、评估、反馈等应用在教学项目开展过程。如在办公用品网教学项目中，首先，学生通过项目任务说明书调查了解项目工作要求，根据工作页和引导问题等主动了解相关知识点、技术点和工具操作等。接着，依据掌握的信息制订计划，进行技术、方法、工具等选择及方案的对比得出较优方案，在方案的指导下开展项目实施、难点攻关。同时，不断对比任务结果和目标及时反馈修正，最终完成工作任务得出网页设计成果。工作过程的每个环节都有阶段性目标和结果，给任务主体不断得到反馈和引导，并且持续地推进和激励工作任务的完成，形成逐级上升的知识技能回路，这便是工作过程导向的基本内涵。
（三）灵活运用多种教学方法，增强学习的实效性和趣味性。工作过程导向课程除了项目驱动教学法，还可根据项目特点和内容采用情景教学法、角色扮演法、小组讨论法等教学形式，以贴近工作任务和过程的组织结构、合作关系、交流方式等。例如对于综合性网页设计，可以用角色扮演法，以项目经理、网页美工、网页程序员、客户等角色的分工、交流、合作来共同完成案例项目。这些教学活动更多地再现了实际工作过程中人的沟通、协作方式和信息的交流、传递过程，更重要的是这些活动过程还原了学习者知识和能力的动态构建过程，不断增强个体可迁移的信息处理和知识学习能力。同时使学习者感受到个体对知识的个性化选择的积极情绪和端正态度，个体对工作各阶段完成的辛勤付出和成功喜悦，个体与别人沟通合作的健康心理和真挚情感。
（四）利用网络和多媒体教学手段，提升工作过程中知识搜索、积累、交流和技能。信息化和网络化极大地提高了工作环节的效率，甚至给工作过程带来工具的进步和流程的革新。如多媒体演示更能有效明确地下达工作任务，互联网的使用对项目相关信息的搜索十分便利，课程网站的建立对案例积累、问题解答、素材管理、操作视频共享等都具有重大意义。充分利用信息技术的成果，改进工作过程环节，优化工作流程机制，培养信息化素养和能力，提升工作过程导向的教学效率和效果。
（五）构建过程化和多元化评价，促进工作过程导向课程评价机制向全面、公平和可持续方向发展。甄别性和终结性评价不适应工作过程导向的学习和能力发展，不能体现其动态的知识能力构建过程，必须以新的评价模式来衡量教学改革的成效。首先，过程化和动态性是工作过程导向教学模式的基本特征，教学评价要体现出动态发展过程，工作任务的每个阶段都可进行灵活多样的评价，来反馈和推进工作过程向任务目标发展。例如，构建过程性评价目标反馈系统，引入徽章系统，积分排行和等级评定等评价措施，逐级彰显和激励目标状态，持续推进整体过程。其次，学习过程中同伴的交流、协作也是开展评价的环节，引入多元互评会改善和优化合作关系，而且通过小组互评才具有相近的考量视角和感知过程。再次，课程项目和案例虽然经过教学设计，但来自工作过程，有实际的企业原型，通过引入企业专家的评审，可使其评价更贴近实际工作规范和要求。最后，通过竞赛活动和机制，真实模拟实际工作过程的要求、标准、规范和规则等，既丰富活跃教学过程，又锻炼考验知识能力。
四、结论
基于工作过程导向的网页设计课程教学改革，探索应对信息技术快速发展下热门职业岗位能力的教学模式，解决今天的知识传授无法适应明天的工作要求的难题，以项目驱动等创新教学方法、教学手段和评价模式，通过工作过程的实施来激发学习者的主体能动性和动态构建知识和能力，并且通过评价机制的持续反馈和激励工作过程的推进，最终完成工作任务。而更为关键的是以工作过程承载知识能力构建过程、情感态度感知和培养过程、沟通协作体验和实践过程等，培养学生可迁移的学习能力和可应变化的职业能力。工作过程导向教学在有效培养学生专业知识能力的同时，也在显著地培养学生职业岗位能力和素养，为其通往职业岗位、社会生活乃至将来发展架起一座便捷的桥梁。
作者：文沛成 单位：南宁市一职校
【参考文献】
［1］赵志群.论职业教育工作过程导向的综合性课程开发［J］.职教论坛，2004（6）
摘要：本文结合多年笔者“网页设计”课程的教学实践，并根据这门课程的特点，从教学目标、教学内容、教学方法以及考核方式几个方面综合阐述了如何提高本课程的教学效果，并探讨了在教学中如何培养学生的实践能力，提高学生的综合素质，使“网页设计”课程的教学真正地适应市场的需要。
关键词：高职院校；网页设计；教学改革
中图分类号：G642
文献标识码：B
随着Internet的飞速发展，网络已深入到社会的各个阶层，成为企事业单位正常运行以及人们生活学习不可缺少的部分，《网页设计》成了目前高职高专院校计算机专业的必修课，甚至成了许多高职高专院校非计算机专业学生的公共选修课。但就是这样一门看似简单好学的技能课程，却往往得不到很好的教学效果。常常是在学生学过之后，不是不能独立地进行网站规划和页面设计，就是设计达不到应有的功能效果和视觉效果。为此，本人在《网页设计》课程的教学过程中，对教学目标、教学内容、教学方法、考核方式等进行了长期的探索和实践，收到了非常好的效果。
1突出高职特色，明确教学目标
计算机的发展很快，有可能今年学的内容，学生毕业时就过时了，真正用的时候又学无所用，这种现象也不无其例。因此设置网页设计课程时，尽量选择时下先进的版本，并及时对教学计划做出调整，删掉旧课程，补充新内容，以市场为导向，培养有足够的理论基础、较强的创新能力和扎实的实践动手能力的网页制作人才。通过本课程的学习，要求学生能够掌握一个网站建设设计的全过程，能够利用Dreamweaver设计不同类型的网页界面，开发出具有一定规模的网站。根据教学目标，授课时以Dreamweaver为主线，讲授网页界面设计、HTML语言、JavaScript语言及动态网页设计的基础知识。对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，让学生通过实践领会理论知识的运用。从实际需要和当前流行出发，需要哪些内容就重点讲解哪些内容，突出“学以致用”，而不是大而全地讲授所有相关理论知识。
2遵循高职教学规律，改进和加强教学工作
教学工作是指教学过程中的一系列工作。如何组织好网页设计课程的教学工作至关重要。
2.1选用合适的教材，适时调整教学内容
教材是教师实施教学计划的重要载体和主要依据，是学生获取知识、发展能力的重要渠道。高职教材要突出职业性、实践性、适应性、科学性和先进性。选用网页设计教材时，既要保证基本的知识要点，又要有典型的网页案例。随着计算机软件和硬件的不断更新，网页设计教学内容也应随着计算机科学技术的发展而有所调整，增加一些当前网页设计的流行元素，以适应社会发展的需要。当许多优秀网页设计软件陆续问世和应用时，在教学中就应及时安排这方面的内容，并根据具体情况安排课时量。
2.2采取多样化教学手段，及时改进教学方法
高职院校学生的学习带有较强的职业特色，针对学生在知识结构、学习习惯、认知心理等方面的特点，在教学方法上，应注重理论结合实际，避免空洞地讲解，要采用多样化教学手段，实行启发式教学、任务教学、案例教学以及精讲多练、边讲边练等多种教学方法，激发学生学习的兴趣。
(1) 采用任务驱动和案例教学，让学生变被动学习为主动学习。在开始上课时，给出本次课的任务或者案例，接着要求学生完成该任务或者案例作为驱动进行教学。例如，在讲到“超级链接”时，根据教学目的和教学内容选用典型案例，先对学生展示该案例使用超级链接的效果，然后再分步讲解“绝对链接、相对链接、锚链接”，每讲解完一部分知识点，马上让学生进行实践，利用超级链接把之前制作的单个网页链接起来；讲解完所有的知识点后，要求学生完成该案例；最后要求学生把完成的作业(案例)上传到服务器，避免学生因为不需要交作业而不积极学习，也让学生在以后的作业中还能使用以前做好的页面。这样可以激发学生的学习兴趣，提高学生的学习积极性。案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力。实践证明，这样的教学方式，学生不仅能实现课堂案例，而且能灵活运用课堂知识，运用所学知识完成自己的设计。
同时借助网络技术实现教学互动，达到随机进入式教学的目的。在实际教学中，学生计算机知识掌握程度不同、水平参差不齐的状况，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课后对课堂内容进一步复习巩固。为了学生能够更好地复习，教师可以将课件及相应的学习资料放到学校的网站上，对于重点和难点的知识，教师还可以录制教学过程视频，放在学校网站上，学生可以随时访问下载并进行学习。另外，教师还可以通过电子邮件或者QQ和学生交流，在课后也能随时解答学生的疑问。
(2) 以比赛促兴趣，发挥激励机制
每年计算机系都会举行一次“网页设计”大赛，学生可以独立参赛或者组成小组参赛，初评以后的作品，由设计者进行作品演示和陈述，然后由多名院内专家评委打分，并由其中一名专家进行点评，评选出优秀作品，同时对每个获奖者给予一定的奖励。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。
(3) 不断改进教学手段
网页设计教学不同于其它课程，授课要直观，利于学生学习和理解，因此，课时应该都安排在机房进行，教师每讲解完一个知识点，学生马上进行实践，达到事半功倍的效果。此外，在条件允许的情况下还可以将学生带出课堂，参与企业网站的设计，将现实职场变课堂，用事实说话，激发学生的认知能力，提高学生的认识。
3以提高就业能力为目标，优化实践教学环节
在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。通过实践教学，培养学生的实践动手能力。
3.1精心设计实验指导和作业
实验指导是对课堂内容的补充。在实验指导中根据上课内容，完整描述例子完成的全过程，学生能够根据实验步骤顺利完成例子，在学生进一步掌握操作的同时，介绍更多的操作注意事项及操作技巧。把一个完整的网站设计分阶段安排为每次课的作业，并且每次课学生的作业都紧密围绕上课内容安排学生完成相应的设计，尽量让作业有连贯性，当学生完成这些分阶段的作业后，也就完成了整个网站的的设计过程。这样有利于学生体验完整网站建设设计的过程，完成作业时，学生之间可以相互讨论、学习。
3.2课程实训，学以致用
在教学设计中，在学期末安排两周时间进行课程实训。课程实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。课程实训时，要求学生按照某个企业的要求为该企业完成网站设计(网站通常还包括了留言簿或者论坛的动态网页设计)。学生分组进行实训，鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，为了便于同学之间相互讨论、学习，要求学生自由组合，几个人一组完成一份作业，同时要求书写网站设计报告。教师定时检查每小组的进度，给予适当的指导和建议。最后，课堂演示作品进行评分，要求每小组派一人演示和讲解完成的网站，其他同学进行评议和打分，学生总体评价和教师评价各占实训成绩的50%。这样有利于学生共同讨论、解决设计中的难题，也有利于互相学习，能很好地锻炼学生的合作精神。
此外，提倡和鼓励学生积极参与校园网的建设和维护工作。如有些学生参与系网站建设和精品课程网站建设，通过实践应用，不但将课程中所学的知识融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；或者在校园网中开辟班级专栏和一些社团活动新闻专栏。我院长期和狮岭镇皮革加工市场校企合作(狮岭镇是全国最大的皮革加工市场)，部分皮革加工企业委托我院计算机系进行企业网站设计，教师鼓励学生也参与这些企业网站的设计。以此对学生进行市场磨练，从实践中巩固理论知识，使学生真正搞清市场的需求，掌握行业的背景、规则以及工作方式，同时还会使其更加明确专业的培养方向，进一步激发学生的学习热情。
3.3加强证书教育，考证促学
证书作为学生毕业的敲门砖，其地位越来越凸显。为了促进学生考取相应证书，可以将证书考试课程内容融入教学计划当中，组织学生参加劳动局国家职业资格考试，获取国家职业能力网页制作等级证书，促进学生的学习。此外，鼓励学生参加Macromedia网页设计师认证考试和Adobe网页设计师认证考试。这样，学生在学习的同时还可以获取证书，为其以后顺利就业打下了良好的基础。
4改进课程考核方式
在《网页设计》课程的考核模型中，主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此在教学后期阶段，就要求学生开始着手收集资料，设计自己特色的个人网站。教师给出作品的最低标准：每位学生自己设计一个个人网站，该网站必须是原创；网站除了首页以外，至少还必须有5个独立的内容不同的页面(该页面不能只是文字或者图片)；必须上交网站中使用的图片和动画的源文件(png文件、psd文件和fla文件)；网站应该有明确的主题和良好的导航，等等。作品评价时，网站总体设计占60%，色彩和动画占40%。该作品成绩占课程总成绩的70%，平时作业和上机实践成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。
5课程改革的进一步探讨
本课程目前是侧重于静态网页设计部分的讲授，对动态网页设计及图像处理技术只作简单的介绍。《网页设计》作为一门综合性的课程还涉及许多相关课程，可以根据不同的培养目标开设不同的选修课程。例如：为了进一步提高学生的网页图像和动画设计能力，可以开设Photoshop、Flash等课程；为了进一步提高学生的网站建设及维护能力，可以开设动态网页设计课程等。
6结束语
总之，高职院校的计算机课程教学模式的改革已经成为必然，它对于高职院校的应用人才的培养具有举足轻重的作用，为此，笔者对《网页设计》课程的教学模式进行了适当的改革，积极探索，用于实践，努力构造该课程教学的崭新模式。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。
参考文献：
[1] 娄枫. 浅谈高职院校计算机基础课程的教学改革[M]. 中国科技信息,2006(10):237-238.
关键词： 计算机 网页制作 教学模式 实践
一、职业学院网页制作课程开展实践教学的重要性
科学技术和知识经济对人才的素质和能力提出了更高的要求。传统职业教育在人文素质教育方面的薄弱和单一的职业定向教育的局限，使职业教育逐渐失去了往日的吸引力。因此，职业教育必须改革。教育部在2006年出台的《教育部关于全面提高高等职业教育教学质量的若干意见》中明确指出:“高等职业教育作为高等教育发展中的一个类型，肩负着培养面向生产、建设、服务和管理第一线需要的高技能人才的使命，在我国加快推进社会主义现代化建设进程中具有不可替代的作用。”
高职教育的发展方向，明确了职业院校的学生必须具备综合能力和全面的素质，突出了非专业能力对个人生存和发展的基础性、决定性作用。能力本位职业教育是当今世界职业教育改革的方向，能力本位渗透高等职业教育必定促进高等职业学校学生综合能力的发展。实验课教学有利于学生能力的培养和创新品质的形成。网页制作课程注重实践应用，在某些知识点的学习中，学生的上机实践显得比教师的讲解演示更为重要。学生通过上机实践，不仅可以加深对知识点的认识，提高实际动手能力，还可以开拓视野，培养非专业能力，更能促进学生创新品质的形成，对实现培养学生创新能力这一教学目标起到积极作用。以《计算机网页制作》为例，这一科目的教材分为理论教材和实验教材两部分。实验教材侧重于计算机软件的应用，如CSS样式菜单、脚本、Html语言、页面链接等。在课堂教学中，理论教材得到了较为充分的重视，内容得以系统讲授。但是，实验教材的内容往往不被重视，实验课的多数时间通常是在布置任务后用于学生自由练习，实验课缺乏精心的设计，发挥不了其应有的作用。教育者应充分认识到实验课作为实现理论与实践相互转化的桥梁作用，在教学中认真考虑和协调教学方法、实验内容、学生行为等教学互动因素，切实提高教学效果，促进学生创新品质的形成。
二、网页制作教学设计
据我了解，在我所教的班级中，部分学生在中学阶段学习过网页的制作，但时隔已久，而且中学阶段缺少实际操作的机会，基本已经淡忘；还有一部分学生以前没有学习过网页的制作，但他们喜欢上网，浏览网页；另有少数学生从未听说过网页一词。可见，对于网页制作的学习，学生的认知水平较低，通过问题情境能让学生产生认知上的冲突，激发学习兴趣。另外，通过分组的形式，可以将不同认知水平的学生聚集在一起，在讨论与合作中相互学习、促进，培养学生的合作意识和探究精神，为创新学习营造良好氛围。教学过程分以下几步：
1.创设问题情境，引导学生主动发现问题。
教师导入新课：“同学们，你们学习之余经常上网吗？”学生对这种贴近实际生活的问题很感兴趣，积极回应。教师又问：“大家上网一般都做些什么呢？”生：“可以网上和朋友聊天，进论坛，欣赏唯美的Flash作品,浏览各种时事新闻及小道消息等。”师：“那大家知道网页是什么吗？”生：“知道！我们点击IE浏览器，然后打开的就是网页，也可以输入一个网址打开相应的网页。”师：“大家的认识很正确！那么你们有没有想过这些网页是怎样设计的呢？有没有专业软件可以制作网页呢？”学生通过与教师的互动，发现并明确了学习任务，学习兴趣被激发，学习热情高涨。
2.学生自主学习，形成解题方案。
这一阶段，教师要帮助学生理清解决问题所需的各种条件。如使用的工具软件（Dreamweaver）、制作方法（参照实验教材）等。学生初步了解网页制作环境后，就会迫切地想动手制作，但现有的认知水平还不能顺利解决问题，于是在教师的引导下，开始自主学习网页制作软件。具体包括：创建网页、网页属性的设置、超链接的建立、框架网页及网页特效等。在这一过程中学生的认知结构将会发生重建或改组。教师在学生自主学习的过程中，要注意他们的学习进度，适时给予指导，促使学生形成解决问题的思路或方案。需要注意的是，在这一阶段要考虑到学生的原有知识水平，对于基础薄弱或完全没有基础的学生可适当调整要求。
3.合作讨论，解决问题。
教师了解学生思路或方案后，可将学生按一定方式进行分组，如按主题、网页类型、工作量等，一般一个小组不多于4人。学生在小组中提出各自的思路或方案，同组成员对方案进行讨论，论证其合理性、可操作性等，最终选出一致认为比较合理的方案。接着就是网页的制作，将涉及具体的分工问题。在这一过程中，教师要经常提醒学生遇到问题时小组成员之间要相互协作、相互讨论，并让每个小组随机选一名学生做记录员，同时鼓励学生自评和互评。教师也可以随机地参加小组的讨论，了解学生在这一过程的学习情况。
4.及时指导，恰当评价。
制作网页能考查学生计算机实际操作水平、艺术感及创新能力，实验中肯定会出现种种问题，教师应对存在的个别问题进行个别指导，如果问题比较普遍，则应占用课堂时间统一指导。因此，教师在这一过程中应注意观察。
5.拓展延伸，提出创新。
在这一阶段，合作小组暂时解散，每个学生都有充足的时间和空间。教师在此时要引导学生积极拓展思维，要求他们将作品在原有基础上加以创新，使其富有鲜明的个性。同时，教师仍应给予适时的指导，但需注意避免个人想法干扰学生思维的情况发生，保证学生的思维顺畅、灵活，充满个性及创新的火花。另外，学生创新能力的形成与提高不是一蹴而就的，教师在指导实验过程中要有耐心、细心观察、记录学生的逐步变化，不可急于求成。
三、结语
实验课是计算机网页制作教学的重要一环，通过实验学生不仅能获得知识，加强实际动手操作能力，还能不断提高自身的创新能力。实践证明，在实验课中引入计算机网页制作课程的创新教学模式，能够帮助学生尽快明确所需解决的问题，促使其主动学习相关知识，并在合作讨论中拿出解决问题的最佳方案，培养团队精神。这一教学模式有利于学生的认知结构逐步得到构建、完善，使学生思维开拓，敢于创新。
参考文献：
［1］程超.计算机应用与软件专业的课程设置和教学实施.中国电力教育，2008，（15）.
【关键词】中职教材 编写实践 网页设计
【中图分类号】G 【文献标识码】A
【文章编号】0450-9889（2015）11B-0024-02
中等职业教育的人才培养目标是为生产一线培养技能应用型人才。教材是实现这个目标的载体，是教师教和学生学的主要工具。教材建设是职业教育人才培养的重要组成部分，教材质量关系到培养技能型人才的质量和水平。
一、教材编写背景
2013年学校开展了国家改革示范校建设工作，对计算机专业实施教学改革，2014年笔者主持的课题《基于工作过程导向的〈网页设计〉精品课程开发》获得广西中职教育教学改革立项。在课题开题阶段，项目组通过深入企业调研，了解到中职计算机专业毕业生在网络科技公司主要从事网页制作员工作，其在校学习到的内容较少得到运用，所学的教材没有较好地体现知识的综合性，也没有相当程度的专业性。学生自学及独立操作的能力中等，解决问题的能力也为中等。学生上岗后一般需要几个月时间，最快的要3个月时间才能熟悉工作流程。企业认为学校应该开发理论与实践结合，操作能力强的课程，加强学生创新能力。经过企业调研和总结之后，在课题实施阶段笔者主编了《网页设计》（以下简称本教材）。
二、教材编写思路
《网页设计》课程是三年制中职计算机应用专业的一门主干专业课程。通过本课程的学习，使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备静态网页设计、制作及站点管理的基本知识和基本技能，能够独立制作中小型的网站。在课题开题阶段项目组深入企业进行调研，与资深技术专家召开工作任务分析会，通过对企业工作任务、职业素养目标与岗位能力目标的剖析，反复研究讨论后得到网页设计师岗位的典型工作任务。主要有：创建站点网页布局应用图像和多媒体设置超级链接用表单创建交互式网页使用CSS修饰页面模板和库的应用等。与企业合作，将与企业紧密结合的生产和项目常用案例作为载体引入到教学过程中，以工作过程系统化为出发点，构建了网页设计技术3个模块：基础入门、设计静态网页、项目实战，设计了7个学习情景，17个子学习情境。如表1所示。至此教材编写大纲已清晰明了。
三、教材编写实践
本教材采用了章节编写模式和行动导向教学模式相结合的编写模式。每节内容包含初步体验（展现案例效果并分析、解读操作步骤）、新知认识（介绍理论知识）、实践测评（实训内容、目标、成果验收表）、课后思考（课后作业）以及边学边练（拓展项目）五个环节。下面以第四章第一节《创建超级链接》为例进行阐述。
在初步体验环节呈现淘宝网文本链接、图片链接、锚记链接的案例效果图，分析案例任务，阐述创建超链接的方法和超链接在网页中的应用。在新知认识环节介绍链接的作用和意义，相对路径和绝对路径，内部链接和外部链接，创建超链接的三种方法。上述两个环节对应行动导向教学法的资讯、决策（明确任务、资料准备、确定工作方案）过程序列。
实践测评环节的实训内容是：（1）创建首页到商品展示页的文本链接和图片链接。（2）创建客服页的锚记链接、电子邮件链接以及下载文件链接。实训成果验收表如表2所示。该环节对应行动导向教学法的计划与实施、检查、评估过程序列。
课后思考环节设计了三道思考题：（1）举例说明相对路径与绝对路径的异同。（2）解释文本链接与图像链接的区别与联系。（3）简述创建锚记链接的步骤。目的是方便教师布置课后作业，让学生巩固本章节所学内容的理论知识。
由于中职学生的差异性明显，为了满足不同层次学生对知识的需求，我们为了完成基本教学任务的学生开发了“边学边练”内容，适用于学有余力的学生选学。“边学边练”内容以项目式教学模式编写，由“读一读”“议一议”“练一练”组成。学生通过项目学习，了解并掌握整个项目的过程，注重培养学生的自学能力和动手能力。“读一读”内容是与项目任务相关的理论知识，通过自学完成。“议一议”可以在教师的引导下，通过讨论完成。“练一练”将该项目分解成若干个具体的小任务，由学习者独立完成。
四、教材立体化建设思考
立体化教材开发是现代化教育的发展趋势。除了做好纸质主教材外，我们还进行了立体化教材的建设探索，开发了多媒体课件、微课视频、全套案例与项目的效果样式、网页设计用素材（包括文字、图片、音频、动画等）。
一个实用的多媒体课件，首先能节省教师备课时间，共享教学经验，其次，较好地解决了理论教学时长减少的矛盾，并且使教学活动直观、形象。多媒体课件以方便教学为目的，不是教材的简单搬家，所以我们开发课件的标准要求界面设计美观，布局合理，符合中职学生的认知特点，利于激发学生的学习兴趣， 恰当合理运用图、文、音、视、动画等多媒体形式做好教材的二次开发设计。例如在层的布局应用中，画布局草图很重要，用PPT动画分步演示布局设计过程，既形象又便于理解记忆。微课视频录制了教学案例的需求描述与实现案例的操作过程，教师可以在初步体验环节播放视频作案例分析，启发学生实现案例的思路。设计微课视频时我们注重立意新颖、设计巧妙，适用于实际教学有推广性。
中职教材伴随着中职教育的发展，将经历从无到有，从有到好，从好到精的成长过程。2015年学校计算机应用专业开始采用本教材教学，结果网页设计员考证通过率大幅提高，课题组在教学实践过程中不断进行完善，努力打造《网页设计》精品课程一流教材。
【参考文献】
[1]姜大源.职业教育学研究新论[M].北京：教育科学出版社，2007
[2]姜大庆.基于行动导向的项目化课程设计与实施研究[J].中国职业技术教育，2010（32）
[3]申凤琴.《电工电子技术基础》教材编写的实践与探索[J].中国职业技术教育，2014（19）
[4]黎华.工作过程系统化课程的特征分析[J].柳州职业技术学院学报，2009（11）
