网页实训总结范文

导语：如何才能写好一篇网页实训总结，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

过去数年，网络广告市场被视为互联网最有投资价值的金矿之一，好耶则是这个高速增长行业中最耀眼的。但分众收购好耶后并未如愿孵化“金蛋”，相反，尽管其仍然是国内营收规模最大的网络广告公司，但始终没有实现分众CEO江南春将其做大做强最终上市的目标。

江南春曾为好耶勾画诱人的商业进化路线：以其为主体打造网络广告媒体帝国，形成足够大的广告采购规模，再以广告主资源为依托，反向垄断网络媒体资源，成为网络流量经营公司后，以技术实现网络流量的增值。

但在目前的网络广告市场环境下，好耶很难完成这一战略构想。首先，网络广告市场的分散特点决定其不可能依靠并购实现规模化，好耶最多也只占据市场份额10%；其次，能够让其包下广告位的网络媒体很可能不成熟，而成熟媒体要价又很高，在上市公司的体系下，好耶如果激进购买网络流量将严重影响分众财务业绩；再次，好耶曾依赖的网络联盟面临越来越激烈的市场竞争，流量争夺之战变得非常艰难。

对网络公司更为不利的是，强势垂直网站的话语权正与日俱增。业内人士指出，像腾讯QQ、人人网和开心网等拥有庞大流量的网站，广告主愿意直接和他们谈网络营销策划，网络广告投放完全可以捆绑在一起。“好耶之前的战略是想基于产品提供服务，但最终产品化没有体现出来。这和技术无关，和整个网络广告业的环境有关。”原好耶总裁杨炯维指出。

好耶的失意表明整合网络广告各个环节的难度之大。两年前，阿里巴巴集团旗下的广告平台阿里妈妈遭遇同样挫折，该广告平台试图将中小网站流量转化为广告费，但并没有得到广告主的强烈认同，而在阿里巴巴与百度因后者进入电子商务领域失和后，阿里妈妈最终并入淘宝了事。

复杂的竞争环境使行业整合者需要付出超乎想象的资源和精力，但江南春已没有耐心。当笼罩在中国最大网络广告公司身上的光芒褪尽，尤其是独立上市短期内不再可能之后，他不得不重新审视好耶对分众的业绩贡献—尽管好耶近两年营收规模都达上亿美元，约占分众整体营收20%左右，但盈利远不能与分众主营的楼宇广告相比。分众财报显示，2007年好耶毛利率31.40%，2008年下降到22.30%，2009年仅有8.5%。“好耶一年净利才几百万美元，最多不过1000多万。与其赚这点钱，不如集中精力把主业做好。”江南春如此向《环球企业家》解释转手好耶的原因。

篇2

关键词：网页设计与制作；教学内容；教学方法

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03

"Webpage Design and Making" Curriculum Teaching Method Exploration

FAN Yi-hong

(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)

Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。

Key words: Webpage design and making; Content of courses; Teaching method

随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。

《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。

1理论教学

1.1课程目标

《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：

1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；

2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；

3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；

4)使学生能够用Flash进行网页动画的简单设计；

5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。

1.2课程内容

1.2.1 HTML网页设计

重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。

1.2.2 DIV+CSS网页设计

DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。

该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。

1.2.3 Photoshop图像处理

重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。

课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作

重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。

1.2.5 JavaScript程序设计

JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。

1.3教学方法

该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。

教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。

1.3.1模块教学法

根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。

1.3.2案例教学法

在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。

2课程实践

2.1实验题目的设计

结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。

2.1.1 HTML网页设计

实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。

2.1.2 DIV+CSS网页设计

实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。

2.1.3 Photoshop图像处理

实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。

2.1.4 Flas制作

实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。

2.1.5 JavaScript程序设计

实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。

2.2自学模式的创建

为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。

2.3参与教师科研，以研促学

鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。

2.4成立网页兴趣小组，拓宽知识面

组织成立网页课程的兴趣学习小组，具体活动包括：

1）举办讲座：资深开发人员的经验报告，网页知识讲座；

2）举办竞赛：我院已成功举办两届网页与flash设计大赛。

这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。

3课程实训

网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。

实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。

平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。

课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。

4结束语

明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。

参考文献：

[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.

篇3

关键词： 高职教育 动态网页设计 教学改革

作为一个重要组件，有较强的实用性，在现阶段的众多高职院校课程教学过程中发挥着非常重要的作用。然而对于这样一种具有较强抽象性与技术性的专业课程而言，若仍然沿用传统的灌输式教学模式，很难达到预期的教学效果。在学习该门课程过程中，大多数学生只掌握了一些基本的语句与片段，还没有形成一个完整的知识体系。因此，为了提升与增强该门课的教学质量与教学效果，应加强教学改革，强化对学生实践环节的重视，以最终提升学生的综合专业技能。

1.高职动态网页设计传统教学过程中存在的问题

对于传统的教学方法而言，注重学生的专业理论知识学习，根据教学内容与课程安排，由浅入深地对知识点进行讲解。在学生掌握了一定的理论知识后，再引导学生进行相对应的项目联系。但这种模式化的教学模式很容易感受到学习过程的枯燥乏味，并且从初期学习阶段就没有建立起与课程学习相适应的思维方式，从而导致学生学习效率低下，更谈不上理论知识与实践操作的有效结合。

对于大部分高职学生而言，原本就对编程设计的兴趣不大，而在传统的教学过程中多将和数据库的交互部分的内容放在了最后环节，很多学生在学到该部分重点内容时几乎完全失去了学习兴趣，对该部分的掌握情况也较差，这在很大程度上影响到了学生的整体专业技能。同时，对于部分高职院校而言，对动态网页设计的实训环节不够重视，并且没有形成一套完善的实训体系，在实训阶段大多是要求学生按照指定的题目来分阶段完成任务，并且将实训重点放在了注册、登录，以及数据库操作等功能，对项目的分析讨论、实施，以及总结等环节却很少设计，在很大程度上抑制了学生对专业技能的系统性掌握，并且给学生综合分析能力的提升造成了一定困难。

动态网页设计教学改革措施

2.1对教学内容进行改革

对于高职教育而言，其目的是为社会培养符合岗位需求的应用型技术人才。为此，在具体的职业教学过程中，应充分尊重学生毕业后的岗位需求，以提升教学工作的针对性与科学合理性。对于《动态网页设计》课程而言，其目的是引导学生掌握基本的网页设计基础知识，并能独立完成动态网站的制作。同时，随着计算机技术的不断发展，网页制作技术也在发生变化，新方法与新技术不断引入。为此，在教学内容的选择过程中，因根据岗位需求、学生自身需求，以及新技术特点及应用等因素，对教学内容进行不断完善与创新，增加新的知识点，调整教材内容顺序，选择一种更利于学生接受的课程设置方式，并定期召开网络交流会与研讨会，对学生在学习过程中遇到的困惑与问题及时解决。

2.2对教学方式进行改革

上文已经提到，《动态网页设计》是一门实践性较强的学科，学生有良好的动手能力，学生应掌握如CGI、ASP、、PHP、JSP等变成语言。在具体的教学过程中，教师还可根据具体授课内容进行实例教学，让学生自己动手在网上查找一些相关范例，在教师的现场指导下进行讲解，以调动起学生的学习积极性。同时，教师应摆脱各种客观条件的限制，注重实践环节的教学工作，既对学生的理论知识掌握情况进行检查，又促进学生理论知识与实践操作的有机结合，从而提升教学质量与教学效率。

为了提升学生的动态网页设计综合专业技能，在具体的教学工作过程中可引入项目驱动、课堂讨论等教学方式。在理论教学环节，学生已经对动态网页设计有了一定的认识，因此教师在课堂上要引导学生按照题目要求，发挥他们的主观能动性，对在学习过程中遇到的难点进行重点讨论与分析，从而引导学生掌握动态网页设计的重点内容。之后，教师可引入学生已经掌握的知识点，为学生布置一定的设计任务，以强化学生对所学知识的认知与理解。如可以引导学生根据他们自己的理解来分析一个登录界面都包含哪些控件，在实现界面之后，应连接到具体的数据库sql语句。之后，教师可根据学生的思路提出相应的意见，并根据讨论得出的思路与方法逐步设计实现。在完成这些基本的功能之后，还可引导学生对基本功能进行拓展，以使设计界面更加人性化。

3.注重实训环节，提升学生的综合专业技能

为了提升学生毕业后的岗位适应能力与综合专业技能，必须加强对实训环节的重视。在实训开始阶段应要求学生提出整体设计方案与思路，并在经过小组讨论之后获得统一的目标。在此过程中，应注意对项目进行模块划分，确定模式的时间完成顺序，以确保设计工作的有效性。

因每个学生学习能力与实践能力的不同，在实际的实训环节应根据学生的个体差异进行分组搭配。同时，对于不同的实训项目而言，应针对小组综合实力的差异选择难度不同的实训题目。对于基础相对较差的学生而言，应要求他们实现对注册、登录，以及数据库管理等工作，切实掌握与数据库之间的交互。而对于综合能力相对较强的学生而言，除了要求他们实现后台管理之外，还应完成对前台界面的管理，并初步完成简单的网页设计。在此过程中，应对每一个学生都严格要求，对每一个细节操作的要求都做到细致入微，以提高学生设计操作的准确度与实际操作技能。

4.结语

在现阶段的高职动态网页设计教学过程中，应加强教学改革，提升学生的动手实践与分析问题、解决问题的能力，为提升学生毕业后的岗位适应能力打下坚实的基础。为了提升教学质量，还应加强学生实践操作与教学改革的结合，针对学生自身需求，灵活选择教学方式与内容，以切实提升学生的动态网页设计技能。

参考文献：

篇4

关键词 网页设计 能力培养 教学改革

中图分类号：G424 文献标识码：A DOI：10.16400/ki.kjdks.2016.05.041

Abstract This paper analyzes the current problems in the teaching of web design courses， and according to the teaching objectives and students' learning characteristics， this paper expounds the reform and practice of curriculum teaching. Teaching in the use of case study， task learning and project training three closely linked to the teaching process， at the same time select the appropriate assessment and evaluation， can achieve the goal of training students' practical ability.

Key words web design； ability training； teaching reform

0 引言

网页设计课程是一门集实践性、创造性、时代性为一体的课程，学生只有经过充分的实践才能真正掌握知识和技能。①传统的教学方式往往重视教师的“教”，而轻视学生的“学”与“做”，忽视了培养学生独立思考的能力，不利于学生创新能力的培养，妨碍了学生个性和创造性的发挥，难以达到培养学生实践创新能力的教学目标。②如何在教学中更好地提高学生的实践创新能力，是此课程教学改革工作的一项重要内容。

通过近几年的教学探索和实践，笔者根据教学目标和学生学习特点，以新的教学理念和教学理论为指导，以学生实践创新能力培养为导向，改革传统的教学方法，在教学中采用案例讲解、任务学习和项目实训三个紧密衔接的教学环节，同时选用合适的考核与评价，取得了较好的教学效果，现综述如下。

1 教学中存在的问题

1.1 教学方法单调，难以激发学生学习兴趣

以往网页设计课程课堂教学与上机实践一般分开进行，教师先在课堂上讲解网页设计与制作的各个知识点，然后再安排学生上机验证教师之前讲授的内容。这种教学方式导致教学理论和教学实践严重脱节，难以激发学生学习兴趣，不利于调动学生学习的积极性和主动性。另外，在这种教学方式下，学生虽然能够掌握一定的网页制作理论和操作技能，但是很难承担实际的网站开发与制作工作。

1.2 项目教学在课程中的重视度偏低

项目教学法是以实际应用为目的，通过师生共同完成教学项目而使学生获知识和技能的一种教学方法。项目教学的关键在于在已制定项目任务的前提下如何督促每位学生最终顺利完成该项目。现行网页设计课程实训课时分配少，且实训内容也只是一些简单的书本实训案例，而不是综合性的应用型项目。在实训课上，教师一般要求学生独自地完成这些实训案例，所以学生难以达到培养项目创新设计与分工合作能力。

1.3 考核方式不到位，难以调动学生学习主动性

网页设计课程的总评成绩通常由平时成绩（30%）与期末成绩（70%）组成。平时成绩由学生出勤率与平时任务完成情况评定，而期末成绩由期末上机考试成绩或期末上交作品完成情况评定。实践表明，这种重视期末成绩而轻视平时成绩的评价方式，容易使部分学生平时放松了学习，更别说调动他们的学习主动性了。

2 教学改革与实践

笔者以新的教学理念和教学理论为指导，以学生实践创新能力培养为导向，针对教学中遇到的问题，对网页设计课程进行教学改革。实践表明，在多媒体课室辅助下，采用案例讲解、任务学习和项目实训三个紧密衔接的教学环节，同时选用合适的考核与评价，可以激发学生学习兴趣，调动学生学习积极性和主动性，达到培养学生实践创新能力的教学目标。

2.1 案例讲解

网页设计课程教学内容多，但课时安排少。在这种情况下，如果教师仍然采用传统的教学方式，按照章节逐一讲解知识点，那么将难以完成教学任务，更别说达到最佳教学效果了。因此，为了能在有限的学时内让学生掌握更丰富的知识这一目的，笔者采用案例教学法的方式讲解课程的理论知识。为此，笔者紧扣各章节的教学内容，把教学内容设计成一个个生动具体的案例，使各个分散的知识点融于案例中。通过案例讲解，使得学生在生动形象的案例教学中学习和理解每个知识点，这能够激发学生学习兴趣，有助于学生快速、准确地掌握理论知识。

例如，在讲解层叠样式CSS时，笔者首先给学生展示了一个蝴蝶图片网页。该网页以两行四列的格式整齐地显示八张形态各异的蝴蝶图片，且每张蝴蝶图片的边框都一样地添加了四种颜色：顶红、底蓝、右黄、左绿。观看后，学生会意地笑了，每个人都跃跃欲试。接着笔者引导学生分析案例效果及其隐含的知识点。在这个过程中，要先让学生互相交流，然后再由教师总结。经短暂讨论后，多数学生认为只需要应用表格布局、图片插入和边框修饰知识，便可以实现这个案例效果。紧接着，笔者明确地告诉了学生，使用已学过的表格布局，图片插入及边框修饰知识还难以实现这个案例效果，原因在于之前所学的边框修饰知识只能添加同种颜色。当学生明白后，笔者随即给学生提出了两个探索性问题：制作一个网页，如何保证每张图片的风格一致？如果要求一个网站中所有网页的图片风格一致，又该怎么办？当学生急切地想知道如何实现时，笔者再告诉学生今天所要学习的教学内容是层叠样式CSS。随后，笔者向学生讲解层叠样式CSS的概念及其使用方法，然后操作演示了如何使用CSS来实现刚才提出的问题中所期望的效果。通过案例讲解，学生不仅复习了已学过的知识，还能加深对新知识的理解和掌握。

2.2 任务学习

实践教学在网页设计课程教学中非常重要。通过实践，学生可以提高实际动手能力，以及分析问题、解决问题能力。教师应遵循“以学生学习为主，教师指导为辅”的原则，把学习的主动权交予学生。经过探索，笔者采用任务驱动教学法指导学生任务学习。当教师完成某个案例的示范操作后，应当给学生布置上机“任务”，让学生在完成“任务”中学习理论知识与操作技能。任务设计遵循从简单到复杂、从单一到综合的原则。③任务一般被设计成验证性任务和发散性思考任务。验证性任务只要求学生自己动手实现教师所讲的案例，而发散性思考任务则要求学生学会对案例举一反三，培养学生独自分析、解决任务的能力。

例如，当蝴蝶图片网页的示范操作演示结束后，笔者把八张蝴蝶图片素材发给学生，然后要求他们制作一个类似的蝴蝶图片网页。当学生能够正确地完成这个验证性任务后，笔者再给学生布置了一个发散性思考任务：在自己的蝴蝶图片网页上修改第一行的图片边框风格，但必须保证所做的修改不会影响到第二行的图片边框风格，然后应用层叠样式CSS给每行图片添加相同风格的标题。在多媒体教室上课，每位学生都可以及时上机操作，完成教师布置的“任务”，并且学生在完成“任务”的过程中，如果遇到问题，可以与教师进行讨论，及时解决。通过完成验证性任务，学生可以巩固刚学到的知识；通过完成发散性思考任务，学生可以掌握新的理论知识和操作技能，学会知识迁移应用，提高其综合能力。每堂课中学生都有所收获，这将逐步地增强他们对后续课程学习的积极性和主动性。

2.3 项目实训

网页设计课程的教学目标是使学生熟练掌握网页设计中的理论知识和技能，培养学生实践创新能力。另外，当今社会要求大学生具有较强的合作能力，在课程中加入小组合作环节有利于培养学生的团队合作意识。④在实训课中，教师可以运用项目教学法指导学生开发综合项目。⑤为此，笔者依照项目的选择要求，设计了几个综合实训项目。通过项目实训，使学生处于整个项目开发进程中，这样有利于锻炼他们开发项目的能力，以及培养他们互相沟通、协力合作的能力。

例如，在“班级网站制作”实训中，由学生自愿、教师调配的原则指导下，笔者将全班29位学生分为5组，每组5～6人，采取组长负责制，由组长统筹安排其组内成员的分工。在欣赏几个优秀的班级网站后，引导学生讨论“班级网站”的主题，并最终确定了五个主题：班级首页、班级动态、班级作品、班级相册和班级留言。接着让组长组织组员分析讨论各组的主题，制定一份确实可行的主题实施计划书，然后搜集素材并制作网页。在此过程中，针对学生遇到的一些易错性、关键性问题，教师要及时提示引导。在各小组作品完成后，笔者让每组选派一名组员对小组作品进行展示，介绍作品的主题、特色，所使用的技术，以及制作经验。最后要求学生对各组作品进行评价，并要求每组依据评价结果修改完善小组作品。评价方式采取小组互评和教师评价相结合的方式。在制作作品中遇到问题，学生可以在组内讨论解决，组员之间互相帮助、协力合作，这有利于培养他们的团队合作能力与意识。

2.4 建立合适的考核评价机制

合适的课程科目考核评价机制，可以有效调动学生的学习主动性。为了充分体现学生的实际学习情况，引导学生重视任务和项目实践，笔者改变以往“平时成绩（30%）+期末考试（70%）”的评价方式，取消期末上机考试，采取平时考核（10%），任务考核（40%）和项目考核（50%）相结合的考核评价方式。平时考核旨在考查学生出勤率与平时表现情况，任务考核旨在考查学生完成任务情况，而项目考核旨在考查学生在项目中完成的工作量、工作质量和表现情况。项目考核的最终评价由学生自评、小组互评和教师评价三者按比例组成。实践证明，这种综合性的考核评价体系能够有效地促进学生对本课程的学习。

3 结束语

网页设计课程既是一门计算机应用基础课程，又是一门包含网页技术和数据库技术的综合性课程。因此，它除了具有一般课程的普遍特征外，还具有自身的特性。只有采取符合学生学习特点的教学方法，才有可能达到预期的教学目标。实践表明，这些教学改革措施能够使学生真正成为教学活动的主体，能够激发学生的学习兴趣，切实提高了学生的实践创新能力，培养了学生的自我学习能力和团队合作意识，取得了良好的教学效果。

注释

① 倪宁.高职《网页设计》任务驱动改革的实践和思考[J].科技创新导报，2009（8）：135-135.

② 赵鑫.项目教学法在高职《网页设计与制作》课程教学中的应用[D].华中师范大学，2009.

③ 吴晓，沈亚强.基于行动导向的教学设计研究[J].吉林工程技术师范学院学报，2010.26（1）：27-31.

篇5

关键字：工作岗位；项目教学

随着社会的发展进步，经济产业结构也在不断优化和调整，企业对员工聘用的标准也在不断提高，高技能人才需求大于高学历的趋势越来越明显，高技能专门型人才的缺口越来越大。对于高职院校的人才培养来说，把基于工作岗位的项目教学引入到高职课程教学，借鉴企业培训员工的工作流程和工作标准，使高职学生通过课程学习不断熟悉今后岗位的工作标准和典型工作任务，使学生在今后就业中能迅速适应工作环境并进入工作状态，有着非常重要的意义。

1 基于工作岗位的教学目标

《网页设计与制作实训》是计算机应用技术专业面向当前IT 产业的快速发展，各类网站数量迅速增加，各级各类企事业单位都需要建设本单位网站以满足宣传产品、沟通信息的要求而开设的，因此，网页设计与制作是社会需求巨大且有很强竞争力的一个就业方向。通过调查分析和调研，结合计算机应用技术（网站建设与图像处理方向）的专业特点，并结合学生的实际需求，为该课程制定了以下教学目标：

（1）知识目标：了解基本的网页设计配色布局方案；掌握网站建设的基本方法和技术要求；具有网页制作的基本设计理念；能根据网站功能需求设计网页制作的基本方案。（2）能力目标：熟练掌握网页设计和制作的软件（网页三剑客）运用能力；根据功能需求设计网站的布局、框架和配色方案等综合能力；运用所学知识解决网页设计中所遇到的实际问题能力；收集、处理信息、准备、加工素材的实践能力。（3）素质目标：沟通能力和协作精神；勤于思考、认真踏实的工作作风；运用科学技术和创新创业的理念；自主学习、不断进取、理论联系实际的综合素养。

2 基于工作岗位的教学内容

通过企业调研和岗位能力分析，我们明确了学生在将来要面向的工作岗位上，需要哪些专业技能，应该掌握哪些常见网站类型的设计，那么在教学的过程中就需要考虑我们教学生学习什么内容、教他们什么技能、学生将来拿什么进行就业等问题，这也是每一个教师在授业的过程中应仔细加以思考的问题。

根据教学内容确定的原则和计算机应用技术专业的就业岗位，本着“以能力为本位、以职业实践为主线、以项目课程为主体”的原则，确定其教学内容为：模块一、设计网页效果图：Fireworks、Photoshop 美工基础；导航和切片、热区。模块二、网页动画处理：Flas制作；SWF动画运用；Gif动画图片的制作。模块三、网页制作方法：HTML语言基础；运用Dreamweaver制作网页；Javascript脚本语言；CSS样式；Div+CSS布局。模块四、基于项目的网站开发：模仿学院教务处网站开发；了解企业真实项目的工作过程；实践网站前台的整体开发。模块四、学生综合实训：自选主题，制作网站；培养综合实践能力；方案设计和实践操作能力。另外，每一个模块都采用项目任务的方式来讲授知识点和操作技能，课程内容序化与重构，遵循职业成长规律。

3 构建符合工作岗位的教学方法

对于计算机专业的高职学生来说，学生在学习这门课程时，主要表现出以下几种情况：学生英语基础薄弱，害怕编写网页代码，碰到简单的代码就产生恐惧感，且过分依赖于网页设计软件的视图编辑，势必阻碍了网页技能的提升；学生专业基础不强，学习主动性较弱，热情和兴趣持续时间短，这就需要老师为其设计出既能引发学生学习兴趣，又能涵盖较为全面的操作技能的项目案例来进行教学和练习；学生运用知识的能力较差，学习过的技能到真正动手操作练习和真正独立设计网页时，却不能根据实际条件灵活运用已学过的网页知识，此时才发现很多知识点并没有掌握，结果导致部分学生失去学习的信心，这也需要老师为学生提供更多的独立练习和实训的机会，为其巩固操作技能。

在教学过程中，我们主要采用模块化的教学内容，用项目法进行教学；案例教学，强化实训；启发引导，激发兴趣；分组活动，角色扮演。在教学过程中我们主要采用案例教学法、角色互换法、直观教学法、分组讨论法、任务驱动、教学做一体化等教学法，通过这些教学方法将学生的学习与教师的教学、理论知识与实践技能的掌握、实际案例的制作和学生的综合评价结合在一起，使学生的学习积极性、实践参与程度、职业技能的掌握程度得到一个较大幅度的提升。

在项目实践过程中，教师依据学生职业能力形成规律，采用网页设计与制作的实际工作过程来进行实训，其流程如下图1所示：

4 综合提高学生的岗位就业能力

毕业后的学生最终是走向市场，为了实现应用型人才的培养目标，让他们在走出校园后能快速地适应市场、顺利地进入面向的职业岗位就业，在教学过程中可以从以下几方面综合提高学生的岗位就业能力。

（1）以赛促学。为了更好地促进实践教学改革、提高学生的动手能力、增强毕业生的就业竞争力，我们鼓励学生参加各类网页设计大赛，培养学生创新创造精神、团队竞争意识、实践动手能力以及创业素质，是练兵和实战的好机会。如我们组织学生参加全国信息技术应用水平大赛，学生的动手能力、创新能力和自学能力有了很大的提高，为其今后的就业奠定了一定的基础。

（2）工学结合，引进实际项目进行教学。教学中要体现项目的真实有效性，充分激发学生活跃的思维和主观能动性，除了从真实的工作岗位中提取教学案例外，还要尊重学生的学习兴趣，找一些生动的项目案例供学生学习实践，让学生直观地看到自己进行动手实践后成果，清楚明了学习内容和工作任务。此外，教学项目的难易程度要与学生认知水平相符，并给出学生一定的思考和发挥创作的空间。如该课程中我们引入了浙江东方职业技术学院教务科研处网站这个真实项目进行实训，整个开发过程都模拟了实际的工作流程，在完成过程中老师给予指导和帮助，学生通过不断实践去熟悉企业工作模式，并在不断的实战演练中提高自己。

（3）顶岗实习，置身于真实工作岗位。学生顶岗实习是高职教育的特征，是教学与生产实际相联系、培养学生熟练职业技能和适应职业变化能力的重要保证。我们专业已与多家企业签署了顶岗实习合作协议，组织学生赴企业顶岗实习，聘请有深厚学术研究水平的专家担任本专业顾问，让他们结合专业发展以及专业教学等方面提出好的意见，为专业办学提供一些发展性的建议。通过以上的方式，学生不再对企业感到陌生，并能很快进入职业岗位，实现无障碍就业。

通过多年的教学，总结出授课教师也要具备过硬的专业岗位能力，在基于工作岗位的项目教学实施过程中，教师除对理论知识进行传授讲解外，还要负责实训环节的项目指导工作，更重要的是肩负着教学项目的设计、开发、管理和评价等多重工作，因此，授课教师必须具备过硬的专业岗位技能，要熟悉工作流程和岗位标准，制定出合理的工作任务分解表和任务量化考核表，这就要求教师一定要多去企业一线进行岗位实习锻炼，充分掌握工作岗位信息，并且要多了解目前行业发展和行业人才需要，掌握更多更优的技能操作，以便在教学实践中更好地指导学生进行项目操作。

参考文献

[1] 赵鑫. 项目教学法在高职《网页设计与制作》课程教学中的应用[D]. 华中师范大学，2009.

[2] 阮卫华.高职院校“网页制作”课程教学设计与实现.中国科技信息， 2008（9） .

作者简介

篇6

关键词：网页设计与制作 教学 改革

随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。

1、课程性质和特点

在中等职业学校，《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课；不仅涉及计算机图像处理、文字版面处理等相关知识，而且需要对相关课程有一定的基础；是一门集成了多种计算机知识和技术的综合，其本身具有很强的实践性，是网站建设的基础，而网页本身是当今社会网络世界传播信息的最主要的载体，同时网站又是企业向用户和网民提供信息（包括产品和服务）的一种方式、是企业开展电子商务的基础设施和信息平台。

2、课程教学目标

本课程的教学目标是使学生了解HTML语言的语法规则，掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性，了解HTML、JavaScript脚本编程语言的基本语法知识，能独立设计小型WEB站点。

3、课程教学内容

根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析，在制定教学大纲时，不应该拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等，若能应用好Photoshop和Flash也是网页设计的关键，此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》，第三学期开设《二维动画制作Flash实训》和《网页设计与制作》，因此教学内容设计时不再重复这部分内容。另外，Fireworks同样也是作为网页制作的辅助工具，若学生能掌握，对网页的设计开发将起到画龙点睛的作用，因此这部分也安排了相应的学时。

《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的，是完成网页作品流程中的两个阶段，但这两个阶段之间并没有严格的界限，往往是迭代进行的。网页通常都是图文并茂的，对页面的美观有一定的要求。也就是说合格的网页作品，在技术上不仅要符合相关的制作规范，还应考虑页面布局、图片放置、色彩搭配、下载速度等因素，这些因素都与用户体验密切相关。因此，在学生掌握了基本网页制作后，笔者安排了网页设计方面的内容学习，主要包括色彩、图像、布局等。在讲授的过程中，还展示了部分网站（以电子商务网站为主），让学生去分析总结各个网站的特点，使得学生对网页制作的内涵有进一步的理解。

4、选择教材和教学模式

这门课程，仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样，一堂课下来学生只会做教师教的，不会融会变通，学生的创新意识得不到培养。我们只有突破传统的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。如何突破，并且取得良好的教学效果呢？通过几年的教学探索和总结，笔者认为，可以从以下几个环节来进行把握。

4.1 优选教材

合理安排教学内容一本教材的编排质量如何，会在一定程度上影响学生的学习兴趣和教学效果，特别是针对中职生这样一个特殊群体，我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。

4.2 精心设计网页制作课程的教学模式

掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式，充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例，还引用了大量企业中的真实案例。

5、教学方法与手段

5.1 教学方法的改进

在教学过程中，根据学校的培养目标和本课程特点，结合多年来实际的教学经验，对教学方法实施了以下几方面的改进。

（1）教师演示制作网页案例，传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性，避免“满堂灌”的传统教学模式，在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，而且案例要具有典型性和针对性，从适合学生的接受能力来选择和设计。（2）教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后，要求学生能够按照案例的要求，通过上机及时模仿制作和案例相似的实验，巩固和加强学生掌握的教学中的知识点。

5.2 教学手段的改革

《网页设计与制作》是一门实践性很强而且广泛应用的技术，为了说明网页设计中的原理及其在实际中的应用，实时展示非常重要，因此在网络课程中的授课中接入Internet，随时将讲述的相关知识通过实实在在地网络来说明和解释，这样学生就不觉得枯燥和乏味，使学生明白了学习网页设计的重要性和实用性。

6、考核方式

该课程的考核内容应以实践操作为主。因此将考核方式定为考查，给出一定范围的主题，留给学生足够的时间完成作品的设计和制作，最后上交制作好的作品即可。留给学生足够的时间和发挥空间，可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践，受到同学的好评，并且出现了相当一部分好的作品。

篇7

关键词 网页设计 立体化教材 高等职业教育

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

Design and Practice of Web Design Three-dimensional Materials

GAO Yan

（Shenzhen Polytechnic， Shenzhen， Guangdong 518055）

Abstract In this paper， from the necessity of "Web Design" course materials' implementation of three-dimensional to three-dimensional design of the materials， and finally on how to implement specific construction "web design" three-dimensional materials， gradual progression analyzed and discussed， and gives "Web Design" course details of three-dimensional materials.

Key words web design； three-dimensional materials； higher vocational education

1 传统教材已不能满足网页设计课程的教学需要

传统教材指的就是我们通常所用的教科书，其表现形式为纸质，其教材体系更多的是学科知识体系的浓缩和再现，强调教材的核心内容是各门学科中的基本知识结构，强调学科领域之间的界限。立体化教材，区别于传统意义的印刷教材，是指通过多种教学资源的提供而提出的某课程的“整体教学解决方案”，它把各种相互作用、相互联系的媒体和资源有机整合起来，为教学提供一整套解决方案。

网页设计是一门既有理论知识，又对实践、动手能力有较强要求的课程。其特殊性在于：（1）它不是一种单纯的知识灌输，还包含各种操作技能的训练，是一门实践性和创新性很强的课程：要求学生不仅要学会制作软件的使用，还需要有创新性，能够真正独立制作并出一个个性化的个人网站。（2）它还是一门需要表现形象化和交互性内容的课程，那么在教学过程中，自然需要给学生展示网页效果，显示动画、声音以及交互效果，而这是传统教材的表现形式所无法展现的。

网页设计与制作课程的特殊性，决定了传统教材的纸质表现形式已不能满足教学需要，传统教材的体系结构也不能满足教学需要，而立体化教材体系的建立则有效地解决了这个问题。原因在于：立体化教材体系的建构，综合考虑了内容的多学科、教学对象的多层次、表现形式的多媒体、解决问题的多角度等不同层面的要求，能够满足网页设计这门课程的特殊需要。

2 网页设计立体化教材的设计

立体化教材通常包括印刷教材、学习辅助光盘、教学课件、教学网站、网络教学平台等多种资源。其内在本质则是内容编排与呈现方式的立体化设计，主要指以现代教育教学理论尤其是建构主义理论为指导，以网络、多媒体等信息技术为依托，提供一整套能够最大限度地满足教与学需要的整体解决方案，其目的是更新教学观念和教学模式，提高教学质量和效益。

从立体化教材的内在本质来看，对各种教学资源进行有效的设计才是立体化教材建设的关键所在。立体化教材建设绝不是各种教育资源的简单拼凑，而是要进行整体的策划和设计，对资源进行有效的整合，正确认识各种媒体的特性和实用效果，遵循以下几个基本原则：目的性原则、教师和学生共同参与的原则、直观与抽象相结合的原则、经济性原则、多种媒体优化组合原则等，才能最大限度地发挥其自身的优势，进而优化整个教学过程。

3 网页设计立体化教材的建设与实践

3.1 主教材《网页设计与制作实用教程》

《网页设计与制作实用教程》教材为普通高等教育“十一五”国家级规划教材，具有以下几个特点：（1）教材的结构体系：教材采用目标式案例教学方式，以完整案例贯穿全书。本教材采用“设计目标—页面分析—实训引导—制作过程—归纳总结—举一反三”的目标式案例教学方式编写。每个章节均以具有代表性、实用性、趣味性的实例导入，在分析实例的基础上，展开具体实现的过程，使读者能够快速把握实际操作的思路，并在操作过程中掌握网页设计与制作的方法和要点。（2）内容的编排：以实用为目的，由浅入深，符合教学规律。本教材在内容的规划上不追求面面俱到，而是针对高职教育的特点，大胆舍弃根本就不实用的内容，本书在内容的安排上由浅入深、循序渐进、逐步拓宽知识点。全书实例从最简单的页面开始，逐渐丰富、完善，最后制作出较复杂、完整的页面。（3）设置了“配套实训”，鼓励学生课后自主制作网站。本教材在配套实训中提供了题材丰富多样的实训项目，指引学生在完成课堂案例学习之后，能在辅导光盘、网络学习平台中获得配套实训的素材资源，鼓励学生可以触类旁通地完成相应的配套实训，巩固课堂所学知识。“配套实训”的主题亦均是学生所感兴趣的内容，如“信乐团”网站、“HUNTER”网站、“八音盒”网站、“杭州西湖”网站、“游戏任务介绍”网站、“汽车世界”网站等等，可以充发激发学生的学习兴趣。

3.2 教学课件

教学课件不应该做成“文字搬家”式的幻灯片，我们在利用PPT制作教学课件时，充分考虑了以下两方面因素：（1）在内容上，与教材配套使用，突出教学内容的重点和难点。（2）在表现形式上：体现出PPT演示文稿的集成性、观赏性、超媒体结构的特点。集成性指的是集图形、声音、视频、动画于一体的演示文稿；观赏性则是指相比传统的静态平面表现形式。PPT演示文稿更加生动、直观，具有观赏性；超媒体结构指的是演示文稿中的文本、声音、图片等信息形式之间的链接，这种结构便于老师根据教学需要自由选择和重新组织教学内容。

3.3 学习辅助光盘

为了便于学生学习，提供了学习辅助光盘，主要包含3个部分：一是完整的“畅想未来”网站案例；二是各章教程的相关素材和结果样例；三是各章的配套实训（包括相关素材和结果样例）和练习题。

3.4 教学网站（http：///webcourse）

教学网站提供了配套的教学资源，包含所有教学指导文件、教学课件、制作素材、完成的页面效果、配套实训以及练习题等。考虑到网站的观赏性，我们将网站的风格定义为清新自然；结构则选择框架结构来表现出来，脉络清晰、主题鲜明；在内容的组织上，每一章先给出主要内容及教程案例，并提供素材下载以及案例演示，以供学生下载练习。

3.5 网络教学平台（http：//）

利用网络教学平台，可辅助教学：考勤、作业提交、资料下载、教学论坛、网上考试等。教师可以通过网上教学平台进行考勤，上传素材，下载学生的作业等功能来辅助教学，课前教师将本次课所讲的内容上传到网络，以便学生预习；课后学生则可以及时提交自己的作业，便于老师批阅。教师还可应用教学论坛来进行师生交流，以及时跟进教学进程，还可以通过互动交流进一步改进课堂教学方式，增强课堂教学效果。

4 结束语

本文从网页设计课程的特殊性着手，说明本课程亟需立体化教材建设，进而根据教学设计中的媒体选择与设计原则规划了本课程的立体化教材体系结构，然后进一步详细阐述了本课程的立体化教材的具体开发过程。总之，建设立体化教材体系需要针对教学系统进行整体设计，要能促进教学水平的不断进步和教学质量的不断提高，要既能满足教师的教学需要，也能满足学生的学习需要。

参考文献

[1] 黄荣怀，郭芳.立体化教材的设计与开发.现代教育技术，2008（10）.

[2] 陈胜利，时雪梅.立体化教材及高等职业教育的教材定位.图书情报通讯，2002（4）.

篇8

【关键词】网页设计;网页教学;课程探索

一、对该门课程的简单论述

“网页制作与设计课程”的先修课程《计算机文化基础》，后续课程是《ASP、NET程序设计》。因此，它是一门承上启下的课程。学习的过程是循序渐进的，前期打下良好的基础可以为后期的学习铺砖引路，而且它是一门重要的专业课程，目的在于培养今后从事小学信息技术教学和学校信息化教育教学的管理者和维护者，从事网站建设相关的工作。它要求学生了解网站和网页的本质，理解网站建设基本工作流程并熟练掌握网页制作工具软件的使用，例如Dreamweaver软件、HTML和CSS等技术。学习该门课程知识面是必须的，但是还要求学习者有能力和综合素质，所谓的能力大致指能够合理规划主题网站以及进行团队合作完成任务等，并且要求学生具有分析问题和解决问题的素质。

二、对该门课程教学思路的转变

1.理论与实践相结合扩展素质。众所周知，计算机是一门动手能力要去较高的学科，过去的课堂要求老师手把手教学带动学生，而且教师上课大部分讲的都是理论知识，内容显得过于空乏，扼杀了学生的学习兴趣。但是随着互联网及计算机技术的普及，大部分高校目前都可以维持“一人一机”的局面，在教学过程中，不应是教师一个人的舞台，教师因鼓励学生放心大胆的去创新，大刀阔斧的实施自己的想法，例如在“网页设计”的实践课中要求建设自己的专属网站，不同的同学他们的想法肯定是不同的。这时教师因当向同学提供帮助，询问他们的想法，给予援手完成他们的设计。也可让学生们成立兴趣小组，通常以2人或者3人为一组进行课程实践，这样不仅有助于培养他们的动手能力，更有利于养成互帮互助的好习惯。2.培养学生养成终身学习的好习惯。“网页设计与制作”是一门生活中的学科，处于信息时代的浪潮之中，信息不断的交替，学习范围日新月异。尤其是计算机学科，与生活息息相关，网上购物、上网冲浪、浏览文件，都离不开互联网的功劳。当前的大型公司，如淘宝、京东、苏宁等，也都推出了自己的网上平台。学生的眼光应当放长远些，学习这门学科，应当了解该学科的就业形势，清楚的了解到自己以后可以干什么，从事哪一行业。教师也应当在学习过程中给学生讲一些自己对该门课程发展前景的看法，给学生提出一些建议，学生在了解到自己的目标后，应当会更加奋发努力地向着未来的方向前进。互联网时代，只有养成终身学习的好习惯，不断扩充自己对于“网页设计与制作”课程的理解及知识，才能免于被时代淘汰。

三、教学方式的改进

1.多媒体教学传递信息时代。“网页设计与制作”作为新时代的新兴学科，不应该只利用传统的书本教学方式，而应该利用多媒体技术提供最新的“网页设计”信息来给学生观看，并且多媒体教学利用它独特的放映式方法能让学生清楚的看到网页制作的过程，很好与这门课程嵌合。远程教育的发达也使学生的学习不必拘泥于课堂，只需要一部手机或者一台电脑，学生便可自主学习。2.学生考核方式仍需改进。该门课程的考核方式有多项内容组成，由平时成绩(15%左右)、作品(35%左右)、期末笔试(35%左右)、上机操作测试(15%左右)等项目组成，其中综合实训内容主题网站的建设是重要的评价项目。作为一门实践性学科，上机操作测试的分数应该向上提升一些，教师也可以推出一些加分项目，例如举办几次“网页设计创新大赛”，对于获奖的优胜者给予加分鼓励，更能提升学生的积极性。3.校企合作办学创“共赢”。在校学生在学校学的内容毕竟有限，“网页设计与制作”课程的规划要求证明了他的实用性，如果学习不能为工作所用，就难以适应以后社会对该门课程人才的需求。建议学校找相关企业合作，给学生提供学习机会，把去企业参加实训也视为一项重要的考核内容。对于平时课堂学习表现优异者，提供去知名网络企业学习交流的机会。让学生自己通过对这门课程的理解，面向真正的社会，能提高他的交往与合作能力、沟通过能力、创新实践能力，走向真正成才之路。

四、总结

“网页设计与制作”这门课是信息时代化的产物，与现实生活脱节必然导致的教育的失败。提高教学质量，必须改善教育结构、教学方法与思路。想学生所想、思学生所思，从这门课的教育意义出发，要培养高素质的人才，就必须得提供一个有利于学生成长的平台。提高高效的学习方法和巩固实训在该门学科的地位，必然给“网页设计与制作”课程教育带来一个更大的舞台。

参考文献：

[1]欧阳炜昊,吴振峰,罗卓君.基于工作过程导向的“网页设计与制作”课程教学改革研究[J].计算机教育,2010(4).

[2]向剑平.计算机基础课程体系的研究和探索[J].遵义师范学院学报,2008(1).

篇9

以教学大纲为依据，解决学生的“双基”能力。明确课程每一章节的教学目标、重点和难点，有助于教师确定教学计划，进行教学设计。学生的基础知识和基本技能掌握扎实为实践和自学打下基础，使应用得心应手。学生各项技能的提高依赖于对基础知识和基本技能的熟练和领悟，学生只有在熟练掌握了基础知识和基本技能的基础上，才能融会贯通，因此要以教学大纲为依据，以强化基础知识、基本技能为教学主线，以提高学生能力为重点，使学生通过该课程的学习，掌握坚实的网站制作和网页设计基本知识，具备较强的实践技能。以工程实践能力为导向，突出学生的应用能力。工程实践是工科课程教学的最终落脚点，实践是工程的基础，实践体现了人才的培养质量，因此实践教学是工程能力培养的一个重要环节。根据课程的特点和新的人才培养目标，以“工程实践”能力为导向，在实践环节融入工程实践能力培养，使教学和项目实践与专业能力培养相结合，科学、合理地安排教学，以加强学生的应用能力为目的，进行教学改革与教学实践，构建更加科学实用的实践教学体系。以创新能力为驱动，拓展学生的思维。做网站和网页就是一种创意，而创意是创新能力的体现，它是学生通过掌握基础知识、基本技能，熟练网页制作方法，观摩不同类型的优秀网站，深刻理解网站主题之后产生的灵感，也是学生综合素质的体现。从工程领域的应用角度来看，创新能力是工程专业的根本。创新教育是工程应用型人才培养过程中不可缺少的，是学生理解理论知识、形成主动学习精神、锻炼综合素质和创新能力的重要手段，因此以创新能力培养为驱动力，拓展学生的思维，是本课程教学的重要理念。

二、“多媒体网页设计与制作”课程存在的问题

课程存在的问题往往影响课堂教学质量的提高和学生能力的培养。通过调查和反思，从教学内容、教学方法、教学设计方面分析“多媒体网页设计与制作”课程存在的问题及其产生原因。

1．内容多、课时少，学生缺乏应用能力。

网页设计涉及图像处理、动画设计制作、网页设计编辑及基本程序设计等多方面的能力培养。课程共计72个学时，其中理论36学时，实践36学时，存在教学内容多与课时少的矛盾。教学中只介绍Dreamweaver、Flash、Fireworks这三个软件涉及到网页制作的内容，会导致软件学习不深入，学生缺乏应用能力。在有限的时间内，如何能深入分析所涉及软件功能，提高学生应用能力，是课程学习过程中的关键问题。

2．重视个人能力的培养而缺乏团队能力培养。

个人能力和团队能力在网站开发中缺一不可，一个优秀网站的开发是网页设计者个人努力与团队协作共同作用的结果，团队成员在协作的过程中相互学习，取长补短，相互促进。但在目前教学过程和考核要求上，过多强调网页设计者个体的能力，忽略团队的构建和团队协作的影响力评估，教学模式不能体现团队协作在学习中的作用。网站项目是在团队的环境下完成的，实际工作环境中学生与人沟通能力和团队合作精神是不可缺乏的，但目前课程的能力目标与工作需求有些脱节，对此没有要求。

3．课程教学设计单一，学生缺乏工程实践操作能力。

从课程设计层面来看，“多媒体网页设计与制作”课程教学目标偏离工程需求，教学设计拘泥于传统的教和学，缺乏工程实践环境，因此造成学生的自学能力和实际动手能力得不到强化。教学以传授知识和应试为目的，根本谈不上利用工程实践过程培养学生严谨的思维习惯和激发学生学习兴趣。从课程实施层面来看，教学活动以教师为主体地位，重理论传授、轻实践训练，知识结构相对分散，缺乏工程意识，学生掌握不到工程实践所需的技能，缺乏工程实践操作能力。怎样在有限的教学环境中将工程实践的技能融入到教学实践中去，培养学生的工程实践操作能力，是值得我们深思的问题。

三、“多媒体网页设计与制作”课程教学设计实践

以课程理念为指导，结合教学中存在问题，实践中采用“以学为中心”的教学设计模式，通过对教学内容、教学方法、教学策略和教学评价进行规划设计，建立充分调动学习兴趣、发挥学生主观能动性、以学生的学为主的教学系统。教学设计注重转变学习参与方式，采用教学策略改变学习态度，发挥学生的主观能动性，引导学生学习分析问题和解决问题的思路与方法，使教学效果最优化。

(一)教学内容设计要知识与技能相结合

教学内容是为完成教学目标要求学生学习的知识、技能、思想和行为的总和。对教学内容进行分析后进行的选择与安排就是教学内容设计。网页设计与制作课程具备技术性和实践性都较强的特点，教学要在完成知识目标的同时培养学生的动手实践能力。教学时间有限，因此要优化教学内容，在“以教学大纲为依据，解决学生的‘双基’能力”理念的指导下，设计每个案例包含部分知识点和操作技能，由案例建立起理论知识和实践技能间的联系，在内容设计上实现知识与技能的结合，缩短学时数。课程开设对象为计算机科学与技术专业学生，学生已具备部分网页设计基础知识，图像处理可以直接讲案例和技巧，不用太多地介绍工具栏，以此为教学起点进行教学内容设计。课程教学内容设计以培养“双基”能力为目标，以工程实践能力为导向，将网页工程的制作流程作为教学顺序。教学内容注重工程实践导向的系统性和实用性。为增强教学效果，以基于真实工程实践设计制作的“走遍内蒙”旅游网站建设项目为例，项目包含八个子项目，每一子项目分别涵盖大纲要求的若干知识点。项目对教学内容进行了提炼和重新整合，难易可行，贯穿于整个学期的教学，解决了内容多课时少的问题，所有子项目建设完成之后，网站建设的工作就基本完成了。

(二)教学方法设计要以应用为导向

1．运用案例教学法转变学习方式，增强学生的拓展思维，提高课堂学习效率。

案例教学法是以实例为研究基础进行问题探究的教学方法。案例教学法适用于网页设计课程教学，是有效实施教学策略达到教学目标的一种教学方法。通过案例分析，由浅入深逐层展现教学内容，引导学生积极思考。学生进行案例分析的过程是对教学内容主动理解的过程，通过让学生自己设计解决问题方案实现知识与能力转化。网页设计强调创新性，案例分析能拓宽学生的知识面，拓展学生思维，使学生具备举一反三，触类旁通的能力，从而在熟练掌握之后有自己的创新思想，实现创新能力培养。例如，将“走遍内蒙”旅游网站的子项目作为教学案例，上课和实践地点安排在机房，切屏讲解，边讲边练。课堂上分三个阶段进行能力培养。第一阶段进行案例效果展示，教师通过分析项目、提出任务、示范操作、讲解理论，让学生从模仿操作起步，逐步掌握基础理论和基本技能。第二阶段进行相关作品鉴赏，学生通过观察、思考、讨论、领悟、转换、组合等发现行为，掌握各知识点及其应用。从而引导学生学会分析问题的思路和方法，巩固学生的“双基”能力。第三阶段布置能力拓展案例，增强学生的拓展思维，培养自学能力和创新能力。在巩固旧知识的基础上适当增加案例难度，学生自己分析任务、设计制作，教师在巡回检查过程中对完成有困难的学生给予提示和个别指导。案例分析强调学生参与教学过程的主动性，案例效果激发学生兴趣，案例导入知识点帮助学生进行知识建模。通过任务分析，讨论制作方法、实际操作和归纳总结来培养学生实践能力，增强课堂的学习效率，解决课时少的问题。

2．运用工程实训教学法，加强学生的团队协作，提升专业能力。

工程实训教学法是将课程知识应用于工程项目实践中，以项目实践训练的方式巩固和提高专业知识的教学方法。课程实施中进行工程项目实践训练是学生参与工程实践、提高应用能力的有效渠道。工程项目实践拉近教学场景和工程实践场景之间的距离，使学生能够设想到自己的知识和能力与现实工程专业能力的差距，形成主动钻研精神，培养工程实践能力。工程实践能力为导向的人才培养需要改变传统教学方法与模式，因此在实践教学环节以工程实训法展示项目开发的方法与过程，培养学生在实践方面的专业能力，构建工程实践导向的实践教学体系。目前学校培养学生工程实践能力的方式主要有两种:一是校企合作培养，二是学校按通用规范和行业标准培养。以现有的条件我们选择后者实施，将实验项目“平面爱好者”网站模块化以工程实训的方法分步培养学生的工程实践能力。实验网站建设与教学同步进行。模块一是项目分析、策划、构思。由教师引导，学生讨论，分析“平面爱好者”网站需求，策划制定设计方案，撰写方案。培养学生的网站规划能力，表达能力，与客户沟通能力及文书写作能力。模块二是项目素材收集、制作，学生通过收集网站所需文字、图像、多媒体等信息，并利用工具软件对信息进行加工处理，设计制作图片、动画。培养学生素材制作能力。模块三是网站网页制作与美化。学生可用表格、层或DIV+CSS布局网页，设计网站首页、导航、菜单，使用行为和JavaScript实现特效等，以培养学生的网页设计制作能力。模块四是网站上传、管理与维护，培养学生规范操作能力和网站维护能力。团队协作可以促进能力目标形成，协作学习是一种教学策略，通过小组或团队的形式组织学生进行学习，学习过程中学生可以将自己的学习资源与他人分享，通过研究、讨论等互动方式完成学习任务，更好地达到教学目标。

(三)考核方式设计要注重形成性评价

形成性评价是在教学进行过程中，为引导教学前行或是为更好达到教学目标对学生学习结果的评定。即对学生日常学习过程中的表现、动手能力、实验过程、作业等进行全过程质量监控和评价，因此形成性评价是基于对学生学习全过程的持续观察、记录而做出的更全面具体的发展性评价。学期中的检查实验属于形成性评价，它的意义在于:一是通过检查评价实验了解学生的学习质量、学习态度和教师的教学效果，得到关于教学内容的问题反馈，进而确定问题所在环节并且修正，逐步达到教学目标;二是促进学生掌握网页设计基础知识和实践操作的基本技能。网页设计与制作涉及多软件、多方面知识和操作技能及创新能力等综合能力培养，因此期末考核中设计理论和实验分别考核，并在实验考核中引入形成性评价。实验考核成绩=实验成绩平均分(×60%)+大作业成绩(×40%)，理论考核成绩=理论考试成绩(×70%)+平时成绩(×30%)。考核设计中为拓展学生思维，作品有创新，鼓励学生积极创作，设置大做业成绩占实验成绩的40%。实践中大作业通过集体评价的原则确保评价的客观性，即学生本人对任务做出归纳性总结，评价由其他学生和教师共同完成，由学生评价作品的优缺点，教师通过提问和学生共同探讨作品的设计和制作问题。教师根据评分标准给出大作业成绩。实验成功的成就感为后续学习营造了积极的学习氛围。考核设计中平时实验成绩在期末总评中占比重较大以激励学生认真完成实验目标和要求，保证实验质量。采取这种考核方式，全面评价学生的能力，实现预期的能力培养目标。

四、结语

篇10

【关键词】网站设计；网站开发实训；实训课程；课程改革

一、高职人才培养的目标解析

对于高职人才培养的目标定位，在教育部16号文件《关于加强高职高专教育人才培养工作的意见》中，有这样的表述：“高职高专教育是我国高等教育的重要组成部分。培养拥护党的基本路线，适应生产、建设、管理、服务第一线需要的，德、智、体、美等方面全面发展的高等技术应用性专门人才”。

将“技术应用性人才”作为高职院校的办学目标定位，并倡导以“能力本位”为核心的培养模式，不仅是一种理性思维使然，也是高等职业教育对现代经济生活的一种对接与呼应。能力本位体现在目标追求上，它强调的是“实践能力”的培养，实质却是知识、技能和态度三位一体的素质结构。

二、实训课程在高职人才培养中的定位与作用

实训课程作为实践性课程的重要组成部分，对高职教育来说自然非常重要。与普通高等教育相比，高职教育更加重视培养实用型、应用型的人才。而实训课程是实现这一培养目标的重要途径之一。

实训课作为实践性课程的重要组成部分，能够培养学生发现问题、分析问题和解决问题的能力；同时可以培养学生具备团队合作的精神；对高职教育来说自然非常重要。与普通高等教育相比，高职教育更加重视培养实用型、应用型的人才。而实训课程是实现这一培养目标的重要途径之一。在实训课程体系建设中，坚持“以专业课为主体，以技能培养、实训操作为重点”，提高学生动手操作能力，达到岗位合格的目标，贴近工作实际，强化能力培养，积极进行教学改革。

三、《网站设计与开发实训》课程在计算机应用专业人才培养中的构建

1.岗位需求分析

通过智联招聘、中华英才网等专业招聘网站对北京、上海、哈尔滨、南京、天津、武汉、广州、深圳、沈阳、杭州、西安等大中型城市的人才招聘信息进行分析统计，确定了与高职网站设计与开发相关的职业岗位。

在这些岗位需求中，选取了800个岗位进行分析，将技能要求相似的岗位进行合并，主要岗位有：网页设计与制作、网页美工、网站开发设计、网页编辑、网站运营、网站管理、网站维护等。基于上述的岗位，对于《网站设计与开发实训》这门课程来说，主要岗位指向是：网页设计与制作、网页编辑、网站开发设计、网站管理。

2.课程建设存在的问题分析

《网站设计与开发实训》课程建设在在实际教学中，发现一些亟待解决的问题，具体表现为：

(1)专业建设方面：培养目标与岗位需求结合不够紧密；课程设置不够合理，针对性不够强，缺乏整体性。

(2)教学内容方面：教学内容针对知识点进行设立和讲解；教学案例主要是针对知识点的案例；教学内容缺乏对岗位技能知识的整体糅合。

(3)教学方法方面：采用了传统的教学方法；采用基于知识点的案例教学法。

(4)考核方式方面：采用传统的笔试考核方式或加入少量的上机考核。

上述存在的一些问题造成了不利于学生和就业岗位的对接；不利于培养学生的解决问题的能力；不利于培养学生的创造性的发挥等一系列的教学后果。

3.课程改革设计方案

网站设计与开发是计算机应用技术专业的核心培养目标，因此开设《网站设计与开发实训》综合实训课程是必需的。同时该课程在本专业的课程体系中的定位为专业核心课程。

(1)课程改革设计理念

突出专业课程的职业性、实践性和开放性，按照“职业岗位岗位需求能力确立教学项目”的项目导向式的运行机制来组织教学。学以致用，以“用促学，边用边学，突出教、学、做一体化”的教育理念。

学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念。在设计中，既要考虑学生职业技能的训练，又要关注综合职业素质的养成，为学生的可持续发展奠定良好的基础。

(2)教学内容的组织与安排

教学内容的组织与安排遵循以培养学生职业能力为核心，以项目式教学为主要手段，进行岗位职业分析与课程内容的选取，充分体现课程的职业性、实践性和开放性。科学设计学习性工作任务，“教、学、做”相结合，合理地设计实训教学环节。

具体的实训任务为：密云旅游网站设计、北京政法学院系级网站、学院教研室网站设计等。每个实训任务又分为十个具体实训项目：项目一、网站规划；项目二、网站首页制作；项目三、网站首页美化；项目四、网站二级页面制作；项目五、网站页面特效实现；项目六、注册登录表单功能的实现；项目七、数据库的选择和连接；项目八、对数据库数据的修改操作；项目九、网站测试与；项目十、网站整体的管理和维护。

4.教学模式的设计

本课程教学模式采用了任务驱动、情境教学、工作过程导向的教学模式，结合“教学做一体”的教学方法，并在教学过程中采用了小组教学的教学手段。课程整体设计分为了四个阶段，具体每个阶段的设计和实施如下：

第1阶段：案例引入，提出问题。通过案例演示，提出问题，讲解案例应用背景，使学生建立感性认识，明确本次课的教学目标。

第2阶段：分析案例，解决问题。具体实施的过程是将案例分解为若干个可行的任务，然后在一个个任务的驱动下，逐步完成案例的制作。

第3阶段：归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。对本次课的意义、重点、难点、易出错处等及时进行总结。

第4阶段：举一反三、学以致用。每次教学结束时，及时布置相关的课后练习，让学生在课后进一步复习巩固，使学生能学以致用、触类旁通。

5.考核方式设计

对《网站设计与开发实训》课程实行课程项目的考核方式势在必行，即对课程中的各个知识点或技术点采用教师给出项目要求或参考项目需求的方式，让学生分组选择项目或者自己调研确定项目，小组合作进行项目规划和页面设计。

本课程项目注重学生工作过程的考评，项目分为几个任务，每个任务完成后，需要提交相关的技术文档资料和成果，各个小组分别进行考评，采用教师评价、小组评价、组员互评相结合的评价方式，学生总成绩为各个任务完成的百分比之和，总体分配如下：

总成绩=调查与规划5%+构建新系统逻辑模型15%+系统的设计10%+系统实施55%+系统运行和维护15%

四、教学建议

采用项目教学法，融教、学、做为一体。理论与实践教学的比例大致为1:5，建议64学时。在组织形式上，学生以小组的形式组织教学，每个小组5～6人，以教师为指导，学生以分工合作方式，以规范的企业工作流程遍历项目调研、分析、设计、实施、评价等完整的工作过程。

在整个教学过程中，教师理论知识的讲解要伴随任务的实施，课堂活动应体现融教、学、做于一体的教学思路，教学活动参照企业岗位的工作过程，大体按照：“1.获取信息、明确任务。2.制定计划、安排进度。3.选择方案、做出决策。4.任务实施、完成工作。5.对照要求、检查控制。6.总结评估、提出改进。”6个教学步骤来设计，使学生了解工作过程的规律，在完成任务的同时掌握工作方法。

针对每一个任务，学生认真阅读任务书，对任务的内容、解决方法、学习重点、考核标准有一个整体的了解，根据任务书的具体要求以小组合作的方式完成。

参考文献

[1]李倡平.高职实训基地功能定位与建设原则探析[J].教育与职业,2010,24.

[2]刁瑜.国家示范性高职院校生产性实训基地建设探析[J].教育与职业,2010,29.

[3]黄荣春.高等职业教育实训基地建设研究[D].福建师范大学,2007.

作者简介：

胡晓风，北京政法职业学院信息技术系讲师。