开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页设计制作教案，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。

第1篇

关键词： 案例教学 网页设计与制作课程教学 教学设计

一、案例教学概念

案例教学法就是教师列举案例进行教学的方法。教师根据教学目标、教学内容的要求，组织学生对典型案例进行分析、讨论、交流，学习掌握知识，加深对基本概念和基本原理的理解，同时提高学生分析问题和解决问题的能力。

二、案例教学设计实例

（一）教学内容分析

《网页设计与制作》课程的教材有很多种。网页开发软件也有很多选择，如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.

第2篇

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结束语

现代职业教育理念对高职教育提出了更高的要求，也对高职教育改革指出了明确的方向。《网页设计与制作》课程的教学在通过与职业岗位相衔接，与职业资格标准相衔接，与实际职业情景相衔接的改革路径，更能突出其实用性、应用性和职业特性，让学生在学习过程中不仅能学到应该掌握的技能，还能学到即将作为一个职业人所应有的职业素养。

第3篇

关键词：网页；设计与制作；教学模式；改革；实践

《网页设计与制作》作为一门高校网络与新媒体相关专业强化学生学习兴趣点的专业基础课程，开展课程教学模式改革与实践研究有着十分重要的现实意义[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).

第4篇

1网页设计与制作教学现状与不足

笔者总结几年的课堂教学经验，得出几点传统教学的不足：第一，课程理论教学方面，因为学生均为非计算机专业学生，没有相关的项目实战背景，在学习理论时普遍感觉概念抽象，难以理解。学生不是在实际需求的驱动下去学习理解相关概念，而是为了掌握概念而学习概念，由于理解层面的欠缺，虽然“掌握”了概念本身，但是很难学以致用。另外，理论学习的过程枯燥乏味，加之学生无法体会理论的用处，从而使得其学习处于被动状态。第二，课程实验教学方面，由于学生被枯燥的理论学习搞得身心疲惫，加之理解不全面、缺乏兴趣、没有实验的目标和方向，更没有意识到网页设计与制作学习过程中上机实验的重要性，因此上机实验效率较差，实验没有主动性，没有合理规划。而实验内容也因为缺乏新意，缺乏刺激学生的兴趣点的举措，失去了提高学生学习能力的辅助作用。第三，传统的教学模式下一般都是第一环节介绍网站基础知识，第二环节讲解Photoshop、Flash、Dreamweaver等软件，第三环节再讲解综合案例，将上述各软件综合组织起来制作完整的网站系统。这种方式在前三个环节中都是孤立地介绍本部分内容，学生学习起来没有明确的目标性，对于未来自己在制作网页过程中到底需要掌握哪些操作技巧没有头绪，也就是说学生在学习绝大部分时间里，没有明确的目标，没有直观的感受，这对于学生的学习主动性和兴趣的培养是非常不利的。

2从“宏观”到“微观”的教学新模式的实施

在教师引导下，学生自主选择能力所及的专题，采用从“宏观”到“微观”的方法去逐步完成自己的网站系统。在这种教学模式中，充分发挥主动性和创造性，通过查阅资料、调查来获取素材，对素材进行分析、讨论、加工处理并最终得到符合自己要求的素材，以备使用。在这种教学模式中，更为重要的是教学次序的精心安排，重塑网站开发的“原生态”流程。通过该教学模式的教学，学生可以从宏观上了解网站制作的全过程，目的性明确，努力的目标也是明确，提高其分析问题、解决问题的能力，在实践中充分体验学习、创造和获取成功的愉悦，进一步促进他们更加积极主动地学习知识、探究问题、深入思考和追求真理的信心。对于大学教育而言，积极研究开发研究型课程，并在教学实践中鼓励运用研究型学习的方法，是培养研究型人才的可行途径之一。

2.1网站开发的“原生态”流程

即需求分析、栏目规划、绘制草图、收集制作图像类素材、设计首页平面图、首页平面设计图切片、制作静态页面、充实首页页面内容，制作二级页面模板、利用模板制作各个二级页面、充实二级页面内容、测试网站。让非计算机专业学生以计算机专业学生的思维模式去开发网站系统，以网站开发的“原生态”流程去学习开发网站无疑是一项扭转以往学生学习被动性的有效举措，让学生在学习的每个环节中都有目的性、方向性，不是被动地接受，而是积极主动地学习所需知识点和操作技能，从“宏观”到“微观”地逐步提高制作自己网站系统所需的理论知识和操作技能。

2.2前导式案例式教学

案例教学法已成为一种较为成功的教学方法。传统的案例式教学一般是先讲述基本概念、原理，再给出有关的典型事例加深理解，从而一目了然地帮助学习者建立相关的图式。研究型教学模式提倡在学习理论之前给学生充分的思考空间，只有真正经过研究的问题，学生在学习过程中才能掌握好，记得牢。将往届学生的成功案例展示给学生，让学生接触到实实在在的东西，从而对要制作的网站系统有总体上的把握，让学生观察各级页面组成，适时提出问题，例如如何将各级页面有机地组成网站系统，网页布局如何实现等。当然往届学生的案例可能会有一些缺陷，但是较之设计完整、功能完善的大型网站，这些小网站更能引起学生的学习兴趣，激发他们的学习热情。通过演示案例，简单介绍网站系统制作流程，使用相关软件的功能，让学生有个总体上的把握，为后续分模块详细介绍案例打好基础。通过第一次课中的案例引出为什么要学习《网页设计与制作》这门课，学习了这门课能干什么事情，并且把案例中的知识重点分散到各个章节中去，让学生了解《网页设计与制作》各章节的连贯性，能够全局把握本书的内容，做到有目的地主动地学习。

3结束语

网页设计与制作技术是信息技术领域发展较快的技术之一，《网页设计与制作》课程进行教学改革也是为了紧跟新技术，更好地培养应用型人才。本文分析了《网页设计与制作》课程教学的现状，进一步阐述改革的重点是调整授课顺序并且重视实验教学，提出了从“宏观”到“微观”的教学新模式，以网页设计的“原生态”流程重塑《网页设计与制作》课程的教学顺序，在实际教学过程中取得了良好的教学效果。

第5篇

论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力

平面设计软件实训是配合《平面设计软件》课程开设的为时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）网页色彩设计。网页的色彩是网页最重要的部分，是给访问者登录页面时的第一印象，好的页面色彩能给人带来很强的视觉冲击力，可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计，网站最后的视觉效果可能与客户期望不匹配。因此，设计时需要先了解网站的定位、网页的风格，学习有关的色彩知识，在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内，一般而言，网页的背景色应该柔和一些、素雅一些，如配上深色的文字，会使人看起来自然、舒畅，文字的颜色在不同底色的衬托下，会给人不同的视觉效果，设计时应综合考虑多方面的因素，设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识，教师可以给学生提供一些资料，让学生通过自主学习掌握这些知识，提高学生的自学能力。

第6篇

>> 《网页设计与制作》 网页制作课程的实践教学 浅谈HTML与网页制作 “倒叙式”网页制作教学 《静态网页制作》教学体会 网页制作课教学初探 “网页设计与制作”课程教学探索 《网页设计与制作》课程教学的创新与实践 “网页设计与制作”课程教学改革实践探究 网页设计与制作课程现状研究 中职网页制作课程教学设计探讨 网页制作课程的教学探讨 网页制作课程教学模式探讨 《网页制作》课程教学方法探讨 Dreamweaver网页设计与制作教学探讨 《网页设计与制作》教学模式探究 浅谈“网页制作”之网页版面的教学设计 《网页设计与制作》课程的开发与实践探析 网页设计与制作课程创新与实践 《网页设计与制作》课程建设的认知与实践 常见问题解答 当前所在位置：l)。教材内容注重实践能力的培养,引导学习者使用习得技能完成操作练习,同时也指点学习者观察操作带来的改变,全面加深对技能功能的认知。与国内相关网页设计教材比较,这本教材的内容相对简单,介绍也很仔细,用大量篇幅和实例介绍和比较了简单操作,在重视技能的基础上反复强调网页设计的可接受性(Accessibility)。

好的教材对教学过程的设计有很大影响,教材语言风格也对学生英语语言能力的提高有深刻的影响。英文原版教材用语都很简单,对专业术语的解释也很地道,学生感受原文的文体风格,就是感受另一种文化下的思维方式。开展双语教学,教材应尽可能使用英语原文教材,虽然教师增加了工作量,教学之初也可能使教学进度偏慢,但可以使师生都尽早沉浸于正确的语境,早日适应原著者的著书思想,并在教学中后期逐渐弥补进度。

3教学环境

教学环境会影响教学效果,环境设置应该紧密依循教学内容。对于一些理论性较强的课程,教师在教室授课,与学生面对面沟通,更容易集中学生的注意力,了解学生对知识的掌握程度。而对于实践性较强的知识技能学习,在应用环境中学习将会取得更好的效果。

“Web Design”课程对实践操作要求很强,教学目标就是要学生掌握制作网页的原则、技艺,所以安排学生在计算机实验室中学习能够取得较好的效果。实践中,我们保证每人都有一台计算机,学生能够根据要求在计算机上演练。由于有了立即验证的环境,学生的学习兴趣非常浓厚,能够在操作过程中及时验证课本知识,获得强大的成功感与满足感;同时也能迅速发现操作中的问题,及时请求帮助并获得解决。

为了体现教师对学生的示范作用,实验室还安装了多媒体投影设备,教师可以将计算机上的内容投影到大屏幕上,指导学生做模仿练习。

教学实践中,我们发现实验室环境下的教学效果很大程度上受到教学规模的影响。当同时学习人数较多时,学生的个体差异就很明显:部分学生操作顺利,能够迅速完成任务;部分学生则会遇到困难,甚至无法在教师限定的时间内完成任务。如果学生人数不多,教师对困难学生的指导往往会比较迅速,甚至还能够有效运用学生的互助活动协调学生进度;当学生人数较多时,我们曾尝试增加辅导教师和组织互助活动的方案,但是效果并不令人满意。

4教学过程

由于是在实验室环境授课,必须合理分配理论讲授与实验操作的时间,以练习为主,以交流为主。

根据授课具体内容,教师有时选择从课本入手,挑出课本的部分段落讲解,提出问题,要求学生分析作答。提问时一般不会直接给出答案,而是指导学生阅读课本的某些段落,寻找答案,再对学生的答案进行分析和评价。提问、分析和评价都用英文完成,学生回答问题时也必须使用英文。学生通常能够在书本中找到一些答案,回答时往往照本宣科,对使用英语没有畏惧心理,课堂氛围还是比较活跃的。在此基础上,教师应该引导学生对答案进行扩展分析,增加学生综合分析问题的能力,推动学生跳出书本之外练习英语。

有时授课从练习着手,教师需要帮助学生分析练习要求,使每个学生对练习要求心知肚明。网页设计技能对IT专业学生有很大吸引力,有些学生在上课之前已经学习过设计技巧,对课本内容是有些了解的。但是过去他们都是在中文环境下学习,结果不能准确理解练习要求,反而成为无法动手的障碍。在分析练习要求时,我发现由于学生的英文水平远不如中

文,阅读要求时反而更加认真,几乎是逐字逐句地翻译,结果学生对要求的理解更加全面。

无论是讲授理论知识还是做练习,教师都必须确切地知道学生在做什么,做到了什么程度。讲授理论课时,学生很容易分心,教师需要设计相应的活动(Activity)辅助教学,鼓励学生自主学习,大胆说出自己的想法,开展全班范围内的沟通与交流,使学生有参与感和成就感,教师也能够比较准确把握学生对知识的掌握情况。学生练习时,教师在教室内走动并查看活动,力争掌握每个学生正在做什么事情,及时了解学生操作过程中遇到的问题。一般来讲,教师不要对学生的操作进行太多干涉,即使学生使用了明显不正确的方法,教师也不要随便阻止,有时候失败的操作更能帮助学生加深印象。

5课程考核

课程考核分为两个部分:全球课业(Globle Assignment)和本地考试(Local Exam),每部分均按百分制评价。全球课业要求学生独立制作一个静态网站,课业题目对网站的主题、基本构成做出了明确的规定,学生只要按照要求完成每一部分则可通过。课业分为Introduction、Scenario和 Task三个部分,对制作网站的基本步骤又做了一次强化,实用性很强。本地考试为闭卷笔试,题目分为问答和综合两部分,前者类似一些名词解释题目,后者则询问一些网站设计原则、方法的问题,要求学生能够结合实际综合论述。测试从理论和实践两方面对学生进行全面考核,教师能够从试卷和作品中了解学生掌握知识的状况。

6总结

在专业课中实施双语教学,学生能够准确理解和认识到本学科的核心与前沿知识,有利于在更广阔的范围里吸取营养,成为既精通专业又熟练使用外语、具有开拓创新精神的高层次复合型人才。[1]从本课程的教学案例来看,我们应该对双语教学的课程方案设计、教学计划制定、教学实施与评测以及反馈方面进行全面研究与实践,真正落实双语教学的优势。

第7篇

关键词 JavaScript 网页特效 创新精神

中图分类号：TP3 文献标识码：A

随着我国高职招生人数的增加，学生就业形势也越来越严峻，教师必须掌握行业特点，为社会培养高技能的实践型人才，才能满足行业对人才的需求。对于JavaScript教学而言，必须注重学生技能的培养，因此，应采用工学结合的教学模式，提升学生的专业技能，培养具有创新意识的新时代人才。

1教学策略

（1）运用案例引发学生关注

案例教学法是通过在课堂内引入一定的教学案例，使学生在分析案例过程中学会知识的教学手段。案例的特点是较为直观，学生被案例吸引进入知识的探索中，然后思考所学知识。案例教学尤其适用于学生技能的培养，而JavaScript的网页特效属于一种专业技能，所以教师应积极运用案例进行课堂演示，可以用案例解决实施问题，以培养学生的发散思维，使将理论联系实际，具备解决实际问题的能力。

（2）重视启发引导

多数高职学生认为编程语言较为枯燥，因此，教师应注意选择趣味性较强，且学生比较感兴趣的内容作为教学内容或题材，课堂上运行多媒体技术等，以展示JavaScript的动态效果，进而引发学生对编程语言的兴趣，主动投入学习和探索中。同时，高职教师应转变教学理念，积极学习现代教学方法和技术，使教学本身更符合学生的心理需求。注重教学过程的中对学生的启发，还应强调开阔学生的眼界，鼓励学生学习课本以外的知识，并积极进行创新。

2教学实例分析

在JavaScript教学中，教师要注意让学生理解网页特效给网页本身带来的交互性，让学生具备合理使用网页特效提升网页设计设计水平的意识。同时，教师也深入分析学生未来的工作实际，从而有所侧重的锻炼学生的实践能力。高职学生是未来社会相关专业的重要人才储备力量，教师要注意将最先进的技术展示给学生，同时运用最先进的教学工具激发学生的学习兴趣。在实际教学过程中，教师以实例展示、演示为教学的开始，吸引学生注意力，并向学生展示具体的做法。下文以鼠标跟踪和分时问候为教学实例，使用多媒体联机为学生演示JavaScript的编制方法：

（1）鼠标跟踪

课堂开始时，教师以简单的网页特效实例，向同学们展示网页特效的动态性，并询问学生：“哪个同学想要上台试试？”经过教师的鼓励，选取学生上台为台下学生演示制作过程，教师可以从旁帮助，并展示学生的制作效果，如下图1所示。随后，教师总结制作方法要求，并开始学习下一种特效。

（2）分时问候

经过上述教学，学生已经掌握基本的程序制作方法，然后教师教授学生网页预览时根据系统时间显示相应的问候语。教师将该程序的代码展示给学生，并指导学生添加到需要显示的var _userid = '';var _siteid =2230;var _istoken = 1;var _model = 'Model03'; WebPageSpeed =313; UrchinTrack();之间，代码如下：

学生在学习后，教师可以给学生布置作业让学生在课后练习使用，以提高学生的学习兴趣。

3结束语

教师要在教学过程中，注重实例的导入和分析，教会学生使用网页特效提升网页制作的效果。学生已知JavaScript的代码，只需调整语句及参数，就可满足不同网页设计的需求。教师要注意启发学生的思维，拓宽其思路，鼓励学生运用奇思妙想，设计更加丰富多彩的网页特效。在网页制作中，不仅要重视制作技术，还要注重网页的艺术性。未来电子产品的用户，更注重产品的人性化和艺术性。因此，高职学生注意科学与艺术的结合，具备市场意识，从而使其在该行业内寻求更好的发展。

参考文献

[1] 张树芬，赵新建.JAV语言WEB页面设计[J].信阳师范学院学报（自然科学版），2012，13（2）：200-213.

第8篇

关键词：网页制作；教学改革；考核方式

中图分类号：G642文献标识码：A文章编号：1009-3044(2008)14-20900-03

《网页制作》是目前高职院校计算机、电子商务等专业的主干课程之一，与其它课程的教学相比，无论是教学内容还是教学方法上都有其特殊之处。这是一门实践性、应用性很强的课程，而且涉及计算机图形图像处理、计算机动画、文字版面设计、色彩搭配、脚本语言等相关知识。教学要求在多媒体环境下进行，理论课与上机实践课的比例差不多是1:1，本人这几年一直从事这方面课程的教学，在教学实践中总是碰到这样或那样的问题并努力尝试解决问题以达到较好的教学效果。本文旨在讨论在教学过程中对该课程教学及考核方式所做的一些尝试与探索。

1 明确《网页制作》课程的教学目标

《网页制作》是一门操作性和实践性非常强的课程，涉及到的内容、网页制作工具以及辅助工具非常多。一方面要求学生熟练掌握软件的基本操作和技能，另一方面，要求培养学生一定的解决具体问题的能力及创新能力，并能将基本操作技能综合地运用到具体项目中。教学的目标和任务是教会学生掌握网站设计、开发和维护的知识和技能，能制作出较高水平的网页。同时培养、训练和提高学生创新意识、协作精神及社会实践能力。教学的最终结果是让每个学生具备一定的网页设计与制作能力，并能提交具有一定技术含量和视觉效果的网页作品。

2 《网页制作》课程教学中存在的问题

2.1 教学模式陈旧，缺乏创新

目前网页制作课程教学模式陈旧，缺乏创新。从表面上看，教学都采用了现代化的教学手段，教师在多媒体演示环境中开展课堂教学；学生在机房进行上机实践，按教师和教材要求完成相关实验内容，使用了先进的教学设备。但教学仍然是以教师中心，即所谓的“换汤不换药”。学生仍然是知识的被灌输者，只会做教师教的，不会融汇贯通。教学中没有采用像探究性学习、项目型学习等新的教学模式，没有让学生在学习过程中主动去获取知识，解决实际操作中的问题，学生的创新意识得不到培养。

2.2 教材是课程内容的集中体现

目前《网页制作》教材可谓是淋琅满目，但大多数教材要么象工具书，要么只是一些实例的集锦；再者很多计算机教科书和参考书对速发展的计算机来说是滞后的。很难选到一本适合高职高专特点的教材，因此，开发一种既传授知识又培养能力，具有强调知识应用结构体系的教材十分迫切。

2.3 教学难点问题

学生学习网页制作时，一般会出现入门容易提高难的现象。教过网页制作课程的教师都有这样的体会，学生在刚开始学习这门课时兴趣很高，几个学时就可以入门，但在教学进行了一阶段之后，学生们网页制作的各种基本技术也都掌握了，但却难以设计出较高水平的网页。笔者在教学中一直在寻找如何突破学生网页制作水平提高的瓶颈。这门课程教学难点在于如何培养学生的综合设计能力、实践能力及创新能力。

3 课程教学的探索与尝试

3.1 教学内容的选择

教学内容应以就业为导向，将学生今后就业可能遇到的问题纳入到教学中，提高教学的针对性和适应性，突出“学以致用”，符合高职教育的特点。教学内容还应适应行业技术的发展，体现技术的先进性、前瞻性和延续性。由于计算机技术发展迅猛，若只注重理论或使用过时版本软件，很容易使学生产生厌学情绪，不利于具有创新思维和创新能力人才培养，违背高职教学目标。

教学内容具体包括:网页基础知识、HTML超文本标记语言、DreamWeaver网页制作软件、Flas制作软件、Firework和Photoshop图形图像处理软件、CSS层叠样式表、脚本语言及简单动态网站的设计等。理论内容选择以“必需够用”为原则，强调从实际需要出发，够用就行，从项目、案例出发，需要哪些内容就讲解、讲透哪些功能，突出“学以致用”。教学内容分三个阶段进行。

初级阶段，要求学生能把文字、图片、动画等各种现成的素材加入网页中，制作出几个网页，并能对网页进行简单的排版，将这些网页链接起来，构成一个完整的网站。学生能够制作出网页、网站就完成了这一阶段的教学目标，学生也就在网页制作这一领域中入门了。这一部分是学好后续网页知识的基础。

中级阶段，主要是对网页进行美化和规划设计。考虑教学对象主要为计算机等专业的学生，他们大多不具备制作图形图像和动画的基础，而这块内容恰恰是他们提高网页制作水平的瓶颈。教学内容包括各类网页素材的设计和处理，网站整体的色彩搭配、页面的布局、栏目的规划等。使用软件包括Flas制作软件、Firework和Photoshop图形图像处理软件等。教学中应特别强调网站标志Logo的制作、网站横幅的制作、网页按钮及小图标的制作、背景制作等。

高级阶段，这一阶段学习CSS样式表及表单的应用、层与行为、框架网页技术、脚本语言等，让制作的网页更有技术含量、更有动感。还应掌握中小型网站的建立方法，掌握ASP基础及简单动态网站的制作。

3.2 教材的选择与要求

3.2.1 符合高职高专教学的要求和特点

高职高专的教材应以“面向应用”的思想为指导，以能力为本位。要根据社会的需要、专业的发展来设计和编制教材。要把企业网站的真实案例编入教材中，以此提高学生社会生产与生活实践的能力。

3.2.2 任务驱动型教材

以前的教材注重理论、原理，“枯燥的理论”往往无法激起学生的学习兴趣。因此，以任务驱动的思想编排知识点，让学生多实践，可以激发学生的学习兴趣，提高学生解决问题的能力和创新能力。

为了实现课程教学目标，教师必须选择一本好的教材。还需要在教学过程中，在尊重教材基本精神和要求的前提下，主动剔除过时的内容和在实践中发现的错误，及时引进、补充新的教学内容和方法，把封闭的教材变为开放的教材。

3.3 教学方法的改革尝试

3.3.1 采用案例驱动的课程教学

在教学中采用案例驱动的课程教学方法，每一讲都有精心设计的教学案例，突出课程中的重点、难点，注重基本操作技能和应用能力的培养。具体做法：先用浏览器播放案例效果，然后针对案例进行分析，案例中实现了哪些效果，使用了哪些技术，该技术在Dreamweaver中的操作步骤等，然后才是操作步骤的演示。由于所设计案例具有很强的可模仿性，学生在主题任务的驱动下，在学习案例的过程中很自然的就能掌握相关的教学重点及难点，并引发学生的学习兴趣。

3.3.2 采用启发式教学

启发式教学是调动学生的创造力行之有效的方法之一。把教学的中心放到启发学生主动探索、主动发现上，整个教学过程围绕如何激发学生的学习兴趣进行。教师在整个教学过程中处于辅助的地位，是组织者、引导者和被咨询者。

3.3.3 采用项目教学法

从需要出发，以实际的项目开发流程创设学习环境。通过项目教学来体现前期教学内容在实际中的应用。采用项目教学法应以学生为中心，教师为指导，学生全方位投人项目开发。教师应从教学的主导者转型为引导者。首先，教师应以项目为实例，分析开发项目的流程结构，讲解项目涵盖的重要知识点和难点，激发学生参与项目开发的积极性并使学生明确在项目学习中应达到的目标。其次，引导学生组成开发小组，分工合作，按照开发流程自主开发项目。对初次接触项目开发的学生，他们虽然对自主开发有很大的热情，但往往在如何将理论应用于实践上找不到方向。因此，教师要善于引导学生完成项目开发各个阶段间的过渡，并从中培养学生学习的主动性及自学能力。第三，在学生进行项目开发的过程中，教师要注意观察学生的操作细节，检查小组开发的进程，在学生遇到挫折和困难时，应鼓励学生开拓思维，引导学生寻找解决问题的方法，并在课堂上对共性的问题做讲解。项目教学法有助于培养了学生的口头表达能力、团结协作能力、与人沟通能力，实现了综合能力的培养。

3.3.4 开设优秀网页作品评析课

由于学生一般都没有深厚的美术功底，有的甚至无任何美术基础。即使掌握了网页制作的相关技术，也无法一开始就出制作出一个视觉感较强的网页。

学生要做出较高水平的网页，必须扩大视野，见多才能识广。为此，任课教师平时上网时应注意收集一些有创意、有特色的优秀网站及网页。让学生学习、欣赏这些优秀网页，取他人之长，补已之短。教学中，用几个学时让学生欣赏这些网页，边欣赏、边评析。让学生从模仿他人作品着手，在模仿中逐步积累经验和技巧，开阔思路，经过不断的积累，最终达到潜移默化的作用。模仿和创新是网页设计水平提高的必由之路。增加优秀网页作品评析课学生普遍反映收获很大。

3.4 教学模式的改革尝试

由于目前网页制作课程教学模式陈旧，缺乏创新。在实际教学中只有突破以往的这种教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。常用教学模式可分为以下三种：

(1)协作学习式教学模式。该模式的特点是集体参与，在合作中学习。这种教学模式对于培养研究能力和合作品质有重要的意义。增加协作教学环节，以小组形式进行网页制作的实践活动，有助于学生在团队协作中克服困难，积极工作，完成制作任务。如项目教学法即是一种协作式教学模式。

(2)讨论式教学模式。该模式的特点是通过师生之间、学生之间的有主题的讨论来实现教学目标，教学采用启发式，注重对问题的讨论。

(3)个别化教学模式。该模式的特点是以学生为中心，自学与辅导相结合。

《网页制作》课程的实践性和技术性很强，在进行这门课的教学中，教师可以将上述三类教学模式综合运用，以期达到理想的教学效果。

3.5 实践教学的探索

本课程的实践性非常强，学生开始只能模仿老师做的一些实例，通过实例的学习，使学生掌握网页制作的基本技术和方法。要真正形成属于学生自己的创作能力，必须做大量的上机练习，才能由量变到质变。任课教师还要教会学生从实例的模仿练习中学会总结，创作能力才会逐步提高。为此，提高上机实践课的教学质量，就成为本课程教学中非常重要的一个步骤，在具体教学中必须做到上机实习任务明确，每位学生每次上机必须向老师提交作业，而老师也须对每个学生的每项作业认真检查并记录成绩，以促进学生的学习。

引导学生进行自主学习，学生在学习过程中碰到问题，在自己的努力下解决这个问题会激发他的自信心、学习积极性，在解决问题的过程中又培养了自主学习能力。使其带着解决问题的观念学习有关知识，他们的学习会更主动，也更有目的性和针对性。

4 考核方式的探索与创新

目前网页制作课程的考核方式大多采用笔试的方法，考核的重点是理论知识，这与该课程注重实践能力的要求相差甚远，让学生无所适从。学生为了考试有个好成绩不得不死记硬背, 最终沦为考试的机器和知识的被动接受者。这严重违背了《网页设计》课程的教学目标，忽视了对学生的实践能力、知识运用能力以及独立思考能力的培养，更谈不上对学生创新能力的培养。经过多年的探索与实践，我们深深地感到与其一味地考核学生对简单知识的记忆能力，不如改变思路，让学生自己动手丰富自己的知识，构建自己的知识结构。所以，决定改革《网页设计》课程的考核方式，减少理论考试的比重（40%），增加综合实践技能的考核，即“作品”考核方式（60%），教师根据课程中的各个知识点或技术点给出项目要求，让学生分组选择项目或者自己调研确定项目，小组合作完成项目规划和网页设计，最后提交作品。实行“作品”考核方式，教师应注意以下几项原则：

(1) 过程性原则。考核时不仅要重视结果的评价，还要重视形成性评价。要重视学生的学习过程，重视评价学生在遇到困难时所表现出来的态度，重视学生是否在作品中体现出了学到的知识，而不只通过作品来简单评价学生的学习结果。既要注重考察基本的理论知识，更要注重考察学生的创新意识、协作精神和实践能力。使考试不仅是体现成绩的手段，更是探求和掌握知识技能的思路与方法。

(2) 协作性原则。通过学生自由组合、自由选题、查找素材、设计作品等一系列实践环节，使学生从一开始就受到多种思维方式和设计方法的熏陶，并通过作品形式提高和升华自己的设计成果，从而使学生从认知、情感到行为等各个方面都积极主动地投入到学习的全过程中。在完成作品的过程中，项目小组的同学反复讨论，甚至进行激烈的争论、辩论，找教师答疑咨询，反复修改项目作品。学生涉及的知识已经远远超出课本讲授的内容，知识面得到了有效地扩展，加深了对知识的理解，并学会交流、学会表达、学会协作，在共同努力中完成学习的目标。

(3) 激励性原则。可对学生的作品进行展示，将学生上交的网页作品通过大屏幕投影仪展示，并让学生对作品进行设计说明与阐述。让全体学生都担任评委对对作品进行评分，学生们在评价别人作品优劣的同时，也收获了知识、知道了自己的不足。由于作品展示的激励，使同学们在学习及制作网页作品时均表现出明显的努力。

采用“作品”考核方式，教师的作用也不再是监督和管理考试过程，而是通过课堂讲授、给出项目要求、课间和课下指导及作品修改等手段，最大限度地给学生提供思考、设计和创造的时间和空间，从而将灌输知识的过程转变为引导学生学会学习、学会规划、学会设计、学会协作、学会创造的过程。

5 结束语

综上所述，在《网页设计》课程的教学中，教师应根据课程的特点，走出长期以来在教学中形成的重理论知识传授、轻实践能力和创新精神培养的思维定势与教学模式。明确教学任务和教学目标，在教学中积极探索、勇于创新。尝试教学方法和教学模式的改革，采用案例教学法、项目教学法，激发学生学习的积极性、主动性和创造性。尝试考核方式的改革，突出综合实践技能的考核，采用“作品”考核方式，培养学生的实践能力、协作精神和创新意识。教师也应不断的学习、提高，更新知识结构，对课程及教学对象进行深入细致的研究，对教学中的瓶颈问题和难点问题进行研究与探索，敢于创新。只的这样，才有可能取得令人满意的效果。

参考文献：

[1] 张洪星. 高职高专《网页设计》课程考核方式的研究与探索[J]．教育与职业，2007,2.

第9篇

基于工作过程导向课程设计理念，从目标定位、内容设计、教学模式、教学手段、评价方法等方面探索中职网页设计课程的教学改革。

【关键词】

工作过程导向；网页设计课程；教学探索

基于工作过程导向的课程模式以校企合作为基础，以职业岗位能力为目标，以工作过程为内容，改革了传统教学方式和评价方法，秉承了市场导向和服务社会的职业教育人才培养宗旨，引领新时期职教改革潮流。网页设计课程源于互联网技术迅速发展和网站服务的深入应用，具有极强的技术性、理论性和实践性。网页设计是IT业的一门关键技术，理论逻辑性强而且操作灵活性大，同时底层技术演进迅速，相关规范标准迭代更新频繁，如果把所有细节都教授给学生难度很大、实用性不强、效果也不好。把这门课程上好，对老师和学生都是极大的挑战。本文基于工作过程导向课程设计理念，从目标定位、内容设计、教学模式、教学手段、评价方法等方面探索中职网页设计课程的教学改革。

一、课程目标

以工作过程为导向的课程，不以知识的理论体系和逻辑结构为目标，而是强调职业岗位能力，课程目标从职业岗位而来，不能理想化地设计出现实工作中没有的课程任务。工作过程导向课程设计自然地要求走校企合作的人才培养之路，要通过下企业调查，和企业专家、岗位员工交流学习，才能确定课程的岗位能力目标。在对多家网络公司和数字媒体公司进行调研，并在企业实践专家的帮助下，笔者对网页设计工作所对应的企业岗位能力、工作任务等进行了深入分析，重新定位了本课程目标。

（一）职业岗位能力。通过对校企合作单位调研、和企业专家交流、就业跟踪调查等手段，得到课程相应职业岗位有网站管理员、网站美工人员、网站设计人员、网站编辑等，主要岗位能力有网页欣赏能力、审美能力，网页基本元素设计、布局调整能力，网页色彩、风格搭配能力，网页交互设计和脚本编程能力，网页设计工具和图形动画软件的使用能力，网站建设、运维能力，项目的沟通、协作能力。在以上这些需求中，有些是基础能力，有些是专业能力，不同规模的公司对个人的综合能力要求不同。

（二）课程教学目标。根据企业岗位能力分析和网页设计技术要求，制定网页设计课程如下教学目标。学生学完本课程后应具备下列能力：掌握网页的相关概念和术语；以小组为单位完成网页设计的需求分析书；运用图像处理软件制作网站首页和子页的效果图；运用动画软件制作网站通栏和导航栏的动画效果；掌握一定的色彩构成原理和网页色彩搭配能力；运用网页工具制作具有动画效果的静态网页；掌握网站的上传、、优化和维护的方法；掌握互联网信息安全相关的法律法规；具有和客户及同事进行有效沟通的能力。学生学完本课程后能够承担下列任务：网站页面效果图的制作、网站页面动画效果的制作、网站页面的制作与开发。

二、课程内容

改变传统课程的知识结构和理论体系，行动导向课程的教学内容主要为典型的工作任务、案例、项目。工作任务书、项目策划书、案例手册成为课程内容的承载，以工作任务和项目为课程内容单元，把知识、技术、信息、能力、情感和过程等连接起来，形成完整、独立、具体、形象和鲜活的课程逻辑。可以根据内容的规模、特点、关联度、难易度等灵活组织、安排和设计项目内容。本课程把网页设计的职业岗位能力设计成课程中的工作案例和项目需求，针对岗位特点和要求，把工作任务落实、分解到各个课程案例项目中。通过相应的工作过程和任务内容来培养岗位能力与职业素养，设计了以下12个案例项目对应相关的网页制作专题。

三、教学措施

工作过程导向课程的教学模式是其创新的核心部分，其教学过程是工作内容的动态展开形态，是知识和能力有机构建的流程，是职业岗位情景的再现和感知，是社会角色交流、协作和竞争能力的演练，是完成工作任务的同时组织教学任务，是工作任务环节间交互、反馈、激励和迭代流程。以工作过程导向的理念重新设计网页设计课程的教学模式，主要从以下几点突破教学困境：

（一）确立学生的主体地位，明确工作任务目标，开展工作过程导向教学活动。把课程任务明确落实到学生，确立学生的主体地位和工作角色，每个网页案例都有明晰的目标，规定学生对任务的完成标准和结果。责任的下达和目标的确定，使教学过程具有了方向性和目标性，学生回归到了教学活动的自主和参与的地位，使知识链条和职业能力得以主动建构，激发了教学的动力和活力。

（二）引导学生以工作过程导向模式开展项目，形成知识能力逐步上升的环路。教学过程开展以项目工作过程为基础，把工作过程的基本执行模式——调查、计划、决策、执行、检查、评估、反馈等应用在教学项目开展过程。如在办公用品网教学项目中，首先，学生通过项目任务说明书调查了解项目工作要求，根据工作页和引导问题等主动了解相关知识点、技术点和工具操作等。接着，依据掌握的信息制订计划，进行技术、方法、工具等选择及方案的对比得出较优方案，在方案的指导下开展项目实施、难点攻关。同时，不断对比任务结果和目标及时反馈修正，最终完成工作任务得出网页设计成果。工作过程的每个环节都有阶段性目标和结果，给任务主体不断得到反馈和引导，并且持续地推进和激励工作任务的完成，形成逐级上升的知识技能回路，这便是工作过程导向的基本内涵。

（三）灵活运用多种教学方法，增强学习的实效性和趣味性。工作过程导向课程除了项目驱动教学法，还可根据项目特点和内容采用情景教学法、角色扮演法、小组讨论法等教学形式，以贴近工作任务和过程的组织结构、合作关系、交流方式等。例如对于综合性网页设计，可以用角色扮演法，以项目经理、网页美工、网页程序员、客户等角色的分工、交流、合作来共同完成案例项目。这些教学活动更多地再现了实际工作过程中人的沟通、协作方式和信息的交流、传递过程，更重要的是这些活动过程还原了学习者知识和能力的动态构建过程，不断增强个体可迁移的信息处理和知识学习能力。同时使学习者感受到个体对知识的个性化选择的积极情绪和端正态度，个体对工作各阶段完成的辛勤付出和成功喜悦，个体与别人沟通合作的健康心理和真挚情感。

（四）利用网络和多媒体教学手段，提升工作过程中知识搜索、积累、交流和技能。信息化和网络化极大地提高了工作环节的效率，甚至给工作过程带来工具的进步和流程的革新。如多媒体演示更能有效明确地下达工作任务，互联网的使用对项目相关信息的搜索十分便利，课程网站的建立对案例积累、问题解答、素材管理、操作视频共享等都具有重大意义。充分利用信息技术的成果，改进工作过程环节，优化工作流程机制，培养信息化素养和能力，提升工作过程导向的教学效率和效果。

（五）构建过程化和多元化评价，促进工作过程导向课程评价机制向全面、公平和可持续方向发展。甄别性和终结性评价不适应工作过程导向的学习和能力发展，不能体现其动态的知识能力构建过程，必须以新的评价模式来衡量教学改革的成效。首先，过程化和动态性是工作过程导向教学模式的基本特征，教学评价要体现出动态发展过程，工作任务的每个阶段都可进行灵活多样的评价，来反馈和推进工作过程向任务目标发展。例如，构建过程性评价目标反馈系统，引入徽章系统，积分排行和等级评定等评价措施，逐级彰显和激励目标状态，持续推进整体过程。其次，学习过程中同伴的交流、协作也是开展评价的环节，引入多元互评会改善和优化合作关系，而且通过小组互评才具有相近的考量视角和感知过程。再次，课程项目和案例虽然经过教学设计，但来自工作过程，有实际的企业原型，通过引入企业专家的评审，可使其评价更贴近实际工作规范和要求。最后，通过竞赛活动和机制，真实模拟实际工作过程的要求、标准、规范和规则等，既丰富活跃教学过程，又锻炼考验知识能力。

四、结论

基于工作过程导向的网页设计课程教学改革，探索应对信息技术快速发展下热门职业岗位能力的教学模式，解决今天的知识传授无法适应明天的工作要求的难题，以项目驱动等创新教学方法、教学手段和评价模式，通过工作过程的实施来激发学习者的主体能动性和动态构建知识和能力，并且通过评价机制的持续反馈和激励工作过程的推进，最终完成工作任务。而更为关键的是以工作过程承载知识能力构建过程、情感态度感知和培养过程、沟通协作体验和实践过程等，培养学生可迁移的学习能力和可应变化的职业能力。工作过程导向教学在有效培养学生专业知识能力的同时，也在显著地培养学生职业岗位能力和素养，为其通往职业岗位、社会生活乃至将来发展架起一座便捷的桥梁。

【参考文献】

［1］赵志群.论职业教育工作过程导向的综合性课程开发［J］.职教论坛，2004（6）

第10篇

关键词:网页设计;网页教学;能力培养

中图分类号:G642文献标识码:A文章编号:1009-3044(2009)26-7472-02

Teaching Exploration and Practice of the Course "Web Design"

YE Gen-mei

(Maanshan Teachers's College, Maanshan 243041, China)

Abstract: With the web page's widely using in people's life, higher vocationa and teacher's colleges pay more attention to web teaching. According to the teaching practice in Ma anshan teacher's college, from aspects such as the content, method and test,the author explored how to improve the quality of web teaching and the practical ability of students.

Key words: web design; web teaching; capacity building

随着计算机技术的快速发展和应用的普及,网页技术的发展也随之迅猛。越来越多的单位或企业通过网站来为自己的文化和服务等做宣传,信息,与之同时,越来越多的用户习惯并趋向于借助网络获取相关信息,以足不出户就能享受网络的快捷与方便,而网页无疑成为或获取信息的主要渠道。同时,随着我国经济和教育的发展,以市场人才需求和就业为导向,培养具有综合素质的、能在生产一线从事生产、服务、管理和技术的应用型、技能型高级人才已成为高职高专教育的一个重要目标。基于网页的巨大市场和需求,高职高专院校必须进一步加快高职高专院校网页课程的建设与发展,使得学生切实具备理论和实践上的能力,同时要求教学的内容和知识的实践性、应用性以及知识的更新跟上网页技术的发展和要求。这无疑对网页的教学提出了更高的要求。

1 分层次分专业教学,突出教学重点

基于网页技术的巨大需求和市场,目前计算机很多相关专业都开设了网页制作课程,如我校的计算机多媒体技术专业、软件专业、网络专业、计算机教育专业均在不同的阶段设置了网页课程。如何根据学生和专业的特点,结合网页课程的教学目标进行分层次分专业教学就成为亟待解决的问题。采用“一刀切”的教学方式只会偏离教学目标,学生也不能各取其应用所需。因此,有必要集合网页教学相关教师,明确各专业学生的基础及发展需要,了解学生已具备基础知识及后续课程的需求,分层次分专业制定教学大纲,突出教学重点,拟定教学计划,并以各专业课程体系和网页技术的更新发展为导向,不断调整方案,以适应不同的需求。

对于不同的专业和层次的学生,网页课程的重点设置有所不同,但对于基础性知识及网页制作必需知识在教学中应当给予强调并有所体现。

首先,对于网页设计而言,学生最基本的要求是能够运用至少一门网页制作软件编辑简单的页面,这也是教学的一个基本目标。因此,负责教学的教师应该选择一门合适的软件进行教学。目前进行网页制作的软件比较多,大多具有“所见即所得”的可视化界面。但是运用得更为普遍的当推Frontpage和Dreamweaver。Dreamweaver是Macromedia公司的产品,软件的综合性较Frontpage强,是建立 Web 站点和应用程序的专业工具,扩展性好,功能强大,与Firewords、Flash统称“网页三剑客”,能较好地一起完成网页中的图像、动画等元素的处理。目前教学中广泛使用的 Macromedia Dreamweaver 8。

其次,理解HTML的地位和作用。HTML是超文本标记语言(HyperText Markup Language)的缩写,是制作网页的一种标准语言,以代码的方式来进行网页设计。由于目前的网页编辑软件均能自动生成HTML代码,且在教学中不提倡直接用HTML代码来编辑实现网页,因此不少学生对HTML的学习缺乏重视,认为无关紧要。事实上,HTML是网页的灵魂,无论什么类型的网页其本质均是由HTML标记控制和显示,学习好HTML语言,对于用户从根本上了解网页设计和使用Dreamweaver十分有益,掌握了HTML也有助于理解并学习别人网页的结构和部分内容,学习动态网页更需要较好的HTML基础。

再次,重视网站结构的规划。刚接触网页制作的学生往往把重点都放在了具体页面的实现上,而对网站的规划敷衍了事。事实上,随着页面的增多,网站的规划显得尤为重要,杂乱无序的网页不仅容易出错,且维护起来也相当的困难,因此,必须从一开始就建立学生网站规划的意识和习惯,从规范的文件命名做起,做好站点结构的搭建。

另外,理解并掌握CSS的使用。一个精美的网页离不开CSS的设置和使用。CSS是层叠样式表(Cascading Style Sheets)的缩写,是一系列的格式规则。使用CSS可以非常灵活并且更好地控制网页外观,它不仅弥补了HTML对标记属性控制的不足,而且能够更精确、更细致地布局网页,如行间距、字间距、段落缩进、段间距和图片定位等属性,再者,利用CSS可以极大地提高网页设计和运行的效率,一个CSS样式,可以同时应用于多个网页,既减少了代码的长度,减轻下载负担,又提高了浏览器的浏览速度和网页的更新速度。

2 以能力培养为导向,灵活应用多种教学方法

2.1 课堂教学

根据计算机课程的实际要求,网页制作课程的教学一般在多媒体教室进行,通过投影仪使得教师的讲解内容和操作过程同步显示在屏幕上,从而使得上课的内容更加直观形象,加深学生的理解。同时,根据教学内容的需要,合理安排学生上机,以上机操作巩固学生对知识的理解和运用,从而形成自己的知识体系。多媒体网络教学环境,充分发挥了教师在教学中的主导作用和学生在学习过程中的主体作用,但是,为了达到大容量、高效率的教学效果,培养学生网页制作的实际能力,教师必须探索研究更好的教学方法。传统的教师传递、学生接受的教学模式和复习旧课―讲授新课―作业布置的教学过程已不能很好地发挥学生的主体作用,且使学生的学习陷入很大的盲目和被动的境地。为了切实提高教学效果,顺应市场经济下对培养高质量的技能型人才的需求,经过教学工作者的不断摸索和实践,形成了两种主要的课堂教学方法,即任务驱动教学法和案例驱动教学法。

任务驱动法,是一种问题推进式的教学方法,即教师将教学内容巧妙地设计在一个个“任务”中,学生根据教师提出的“任务”,在自己的思考或教师的引导下提出解决“任务”的思路和方法,然后进行具体操作,循序渐进地解决问题,从中学习并运用新概念、新知识。其流程为:呈现任务―明确任务―解决任务―任务评价。在这种教学方法下,教师的角色由“主角”转换成了“配角”,学生根据任务需求来学习知识,从而由被动地接受学习向主动地寻求知识转变。这种教学方法,能充分调动学生的学习积极性,让学生自发地学习知识,完成任务,从而主动学习、乐于学习。这种教学方法要求,教师将教学内容中的关键知识点分成若干模块,合理地隐含在具体的“任务”中,任务的提出要具有明确性、可操作性,由浅入深,循序渐进。

案例驱动教学法,是一种以案例为基础的教学法,一般通过三个阶段来完成教学内容,实现教学目标:第一阶段是设计范例、呈现范例、分析范例、利用范例引出知识点的学习;第二阶段是设计任务、布置任务、完成任务,通过任务完成知识迁移,巩固知识点;第三阶段是作品评价,总结提炼知识点。其中,在第一阶段,课前,教师根据教学内容和教学目标,把握重难点,结合学生水平和操作技能设计范例。教学中,教师首先呈现范例,通过对范例的分析,引导学生发现问题, 继而引入新知识,并作必要的演示和讲解,以解决问题、掌握技能;第二阶段,教师在课前设计任务,给学生搭建学习平台,设置好相关的软硬件环境,提供学习资源,安排学生上机,并在课上提出明确的上机任务,要求学生提交个人作品。教师参与学生的学习活动,及时发现问题,点拨指导,引导学生完成知识迁移,尽量自主完成任务。同时,根据学生反馈的问题和课堂中发现的问题作出及时的调整和补救;第三阶段,收集学生的作品,进行集中展示,同样在教师的引导下让学生对自己和他人作品中的优点与不足形成认识。展示的作品应体现一定的层次,既有典型性,又有风格特点,让学生自己从中发现问题,找到解决的办法,吸取优秀作品的设计和构思,体验不同的风格,从而充分调动学生的主观能动性和提高学习的兴趣。在这种教学方法的实施过程中,范例和任务的设计至关重要,要求教师精选范例甚至根据实际情况自行设计范例,任务的设计要以学生为主体,有一定的实际意义,能涵盖要学习的知识技能。范例教学方法将传授知识、发展智力、培养情感结合起来,使学生处在不断接受教育和培养的状态中,强化了学生的问题意识,提高了教学质量。

2.2 课程考核

考核是检测教与学的重要手段,也是教学中一个重要环节。但是,对于网页这门课程而言,闭卷考试不能反映学生掌握和运用知识的实际情况,因此有必要采取一种灵活多样的考核方式来替代完全的闭卷考试。一种较为全面的考核方式是学生成绩采用由平时成绩、综合大作业和期末考试三部分组成的综合成绩。三者按照一定的比例进行分布。学生的平时成绩由每次上机作业和课堂考勤组成;综合大作业是学生在临近期末、已掌握大部分知识内容的时候给学生布置的一份综合作业;期末考试则是给学生一份已经完成的网站规划图和网页效果图,提供说明文档和网页制作所需的文字、图片等素材,让学生在指定的上机时间内完成文档和图片中要求的制作效果。需要提出的是期末大作业,其具体的操作为:首先由教师提供一些网站主题或学生自主确定一些主题,让学生进行选题,然后布置学生通过查询网上资料或自己对网站主题的理解写出书面的网站设计方案,包括网站的选题、网站的结构、网页的版面设计等,教师对方案给予审查,给出改进意见,最后,学生进入具体的设计和制作阶段,完成后上传至教师的ftp。这种作业方式充分强调了实践性教学,又培养了学生自己独立完成网站设计和制作的能力。我校基于更好地为学生拓展实习和就业门槛、为用人单位更好地选拔所需的网页人才的目的,不断调整提高对学生作品质量的要求,将学生的期末大作业作为体现学生能力的一个方面提供给用人单位作为参考,从而很好地将教学工作与学生就业准备相结合。

2.3 多方位拓展教学

为了使学生能获取更多的学习机会,学校还可以通过兴趣小组、学生社团的方式,对学生的自主学习加以引导。网页课程本身的特点也决定了可以充分发挥网络资源的巨大优势,开设网页制作的讨论平台BBS,集中网页的学习资源供学生下载使用。另外,每学期还可以举办网页制作大赛,将参赛学生的作品放在网站上,组织学生和评委教师进行评选。这些活动不仅能调动学生的兴趣,也极大地丰富了学生的生活。

3 结论

网页技术的发展突飞猛进,人们对网页的要求也越来越高,这就要求网页的教学要紧跟市场和时代的发展,教师必须紧密关注网页发展动向,及时调整教学内容,不断改进教学方法,以培养真正适应市场需求的人才。

参考文献:

[1] 陈恩润.我国高等职业教育的现状与发展对策[J].教育探索,2008(2):12-13.

[2] 张丽香.高校《网页设计》课程教学探讨[J].大众科技,2008(5):104-150.

[3] 姜楠,师肖红.Dreamweaver 8完美网页设计与制作[M].北京:中国青年出版社,2006.

第11篇

关键词： 计算机 网页制作 教学模式 实践

一、职业学院网页制作课程开展实践教学的重要性

科学技术和知识经济对人才的素质和能力提出了更高的要求。传统职业教育在人文素质教育方面的薄弱和单一的职业定向教育的局限，使职业教育逐渐失去了往日的吸引力。因此，职业教育必须改革。教育部在2006年出台的《教育部关于全面提高高等职业教育教学质量的若干意见》中明确指出:“高等职业教育作为高等教育发展中的一个类型，肩负着培养面向生产、建设、服务和管理第一线需要的高技能人才的使命，在我国加快推进社会主义现代化建设进程中具有不可替代的作用。”

高职教育的发展方向，明确了职业院校的学生必须具备综合能力和全面的素质，突出了非专业能力对个人生存和发展的基础性、决定性作用。能力本位职业教育是当今世界职业教育改革的方向，能力本位渗透高等职业教育必定促进高等职业学校学生综合能力的发展。实验课教学有利于学生能力的培养和创新品质的形成。网页制作课程注重实践应用，在某些知识点的学习中，学生的上机实践显得比教师的讲解演示更为重要。学生通过上机实践，不仅可以加深对知识点的认识，提高实际动手能力，还可以开拓视野，培养非专业能力，更能促进学生创新品质的形成，对实现培养学生创新能力这一教学目标起到积极作用。以《计算机网页制作》为例，这一科目的教材分为理论教材和实验教材两部分。实验教材侧重于计算机软件的应用，如CSS样式菜单、脚本、Html语言、页面链接等。在课堂教学中，理论教材得到了较为充分的重视，内容得以系统讲授。但是，实验教材的内容往往不被重视，实验课的多数时间通常是在布置任务后用于学生自由练习，实验课缺乏精心的设计，发挥不了其应有的作用。教育者应充分认识到实验课作为实现理论与实践相互转化的桥梁作用，在教学中认真考虑和协调教学方法、实验内容、学生行为等教学互动因素，切实提高教学效果，促进学生创新品质的形成。

二、网页制作教学设计

据我了解，在我所教的班级中，部分学生在中学阶段学习过网页的制作，但时隔已久，而且中学阶段缺少实际操作的机会，基本已经淡忘；还有一部分学生以前没有学习过网页的制作，但他们喜欢上网，浏览网页；另有少数学生从未听说过网页一词。可见，对于网页制作的学习，学生的认知水平较低，通过问题情境能让学生产生认知上的冲突，激发学习兴趣。另外，通过分组的形式，可以将不同认知水平的学生聚集在一起，在讨论与合作中相互学习、促进，培养学生的合作意识和探究精神，为创新学习营造良好氛围。教学过程分以下几步：

1.创设问题情境，引导学生主动发现问题。

教师导入新课：“同学们，你们学习之余经常上网吗？”学生对这种贴近实际生活的问题很感兴趣，积极回应。教师又问：“大家上网一般都做些什么呢？”生：“可以网上和朋友聊天，进论坛，欣赏唯美的Flash作品,浏览各种时事新闻及小道消息等。”师：“那大家知道网页是什么吗？”生：“知道！我们点击IE浏览器，然后打开的就是网页，也可以输入一个网址打开相应的网页。”师：“大家的认识很正确！那么你们有没有想过这些网页是怎样设计的呢？有没有专业软件可以制作网页呢？”学生通过与教师的互动，发现并明确了学习任务，学习兴趣被激发，学习热情高涨。

2.学生自主学习，形成解题方案。

这一阶段，教师要帮助学生理清解决问题所需的各种条件。如使用的工具软件（Dreamweaver）、制作方法（参照实验教材）等。学生初步了解网页制作环境后，就会迫切地想动手制作，但现有的认知水平还不能顺利解决问题，于是在教师的引导下，开始自主学习网页制作软件。具体包括：创建网页、网页属性的设置、超链接的建立、框架网页及网页特效等。在这一过程中学生的认知结构将会发生重建或改组。教师在学生自主学习的过程中，要注意他们的学习进度，适时给予指导，促使学生形成解决问题的思路或方案。需要注意的是，在这一阶段要考虑到学生的原有知识水平，对于基础薄弱或完全没有基础的学生可适当调整要求。

3.合作讨论，解决问题。

教师了解学生思路或方案后，可将学生按一定方式进行分组，如按主题、网页类型、工作量等，一般一个小组不多于4人。学生在小组中提出各自的思路或方案，同组成员对方案进行讨论，论证其合理性、可操作性等，最终选出一致认为比较合理的方案。接着就是网页的制作，将涉及具体的分工问题。在这一过程中，教师要经常提醒学生遇到问题时小组成员之间要相互协作、相互讨论，并让每个小组随机选一名学生做记录员，同时鼓励学生自评和互评。教师也可以随机地参加小组的讨论，了解学生在这一过程的学习情况。

4.及时指导，恰当评价。

制作网页能考查学生计算机实际操作水平、艺术感及创新能力，实验中肯定会出现种种问题，教师应对存在的个别问题进行个别指导，如果问题比较普遍，则应占用课堂时间统一指导。因此，教师在这一过程中应注意观察。

5.拓展延伸，提出创新。

在这一阶段，合作小组暂时解散，每个学生都有充足的时间和空间。教师在此时要引导学生积极拓展思维，要求他们将作品在原有基础上加以创新，使其富有鲜明的个性。同时，教师仍应给予适时的指导，但需注意避免个人想法干扰学生思维的情况发生，保证学生的思维顺畅、灵活，充满个性及创新的火花。另外，学生创新能力的形成与提高不是一蹴而就的，教师在指导实验过程中要有耐心、细心观察、记录学生的逐步变化，不可急于求成。

三、结语

实验课是计算机网页制作教学的重要一环，通过实验学生不仅能获得知识，加强实际动手操作能力，还能不断提高自身的创新能力。实践证明，在实验课中引入计算机网页制作课程的创新教学模式，能够帮助学生尽快明确所需解决的问题，促使其主动学习相关知识，并在合作讨论中拿出解决问题的最佳方案，培养团队精神。这一教学模式有利于学生的认知结构逐步得到构建、完善，使学生思维开拓，敢于创新。

参考文献：

［1］程超.计算机应用与软件专业的课程设置和教学实施.中国电力教育，2008，（15）.

第12篇

【关键词】中职教材 编写实践 网页设计

【中图分类号】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）