网页培训总结篇（1）

中图分类号：G712 文献标识码：A 文章编号：1007-9599 (2011) 18-0000-01

"Double Parallel" Teaching Mode Practice and Exploration

Meng Xia

(Liaoning Forestry Vocation-Technical College,Shenyang 110101,China)

Abstract:The hospital implemented the project of educational reform,in practice,teachers have found that for strong practical"Web Production"course,with project-based teaching,combined with the"double parallel"teaching mode,the effective training of students in web site development construction,web design,promote teamwork,improve student learning and innovation.

Keywords:Project teaching;Practice;Two-parallel;Web production

我院“双线并行”教学模式在一些实践性较强的课程中实施取得了较好的效果，计算机应用技术专业的网页制作课程结合学院网站建设和林苑旅行社网站建设二项真实工作任务确定教学任务，围绕培养目标设计训练项目，实行课上课不二条线，“双线并行”组织实施，在实践中不断总结和探索，有效培养了学生网站开发建设，网页设计制作能力，促进了团队合作，提高了学生学习能力和创新能力。

一、“双线并行”的教学模式的界定

“双线并行”教学模式就是根据课程的知识、能力、素质目标选择类形相同，难度不同的二项生产任务，设计课上课下二个贯穿项目，若干个对培养目标全覆盖子项目，以过工作过程为导向进行序化，课上课下二条线组织实施，课上由老师指导完成训练任务，培养专业基碰能力，课下由学生团组配合完成训练任务，教师对工作成果进行点评，通过课下训练项目巩固拓展。课上项目在教师组织指导下学生完成，交付生产制作成果，二条主线同时推进，训练目标逐次递进，逐级提升，使学生能力不断巩固提高的职教新模式。

二、“双线并行”教学模式的实践

计算机应用专业的网页制作课程打破知识逻辑内容体系，改变重视网页技法训练忽视产品制作整体制作的传统训练模式，通过完成网页制作的真实任务，制作客户需要的网站产品，按照企业产品标准评价质量，评定等级，确定学生学习成绩，激励调动学生的学习兴趣。课程开发小组由任课教师与网站制作企业一线的网页制作员、网页程序员共同组成，一起分折职业典型工作任务的要求，准确定位培养人才的知识、能力、素质目标，以能力培养为主线，从训练学生的职业技能入手，进行“基于工作过程”的并行项目设计，将网页制作员、网页程序员的典型工作任务引进教学内容，课程建设将理论与实践通过完成真实的网页制作任务有机结合，在实践中学习理论知识，提高网页制作能力，构建“双线并行”的教学模式，充分体现了以过程为导，以能力为本位，以项目为载体，以学生为主体，渗透式素质教育的高职课程特色。

教学实践中选择学院网站建设和林苑旅行社网站建设二项真实的工作任务，按照初次就业网页制作员、提升岗位网页程序员的典型工作要求，选择了教学内容三大模块：Dreamweaver使用，Html语言应用，程序设计。

设计了二大课程项目：信息工程系网站建设和林苑旅行社网站建设；建立课上课下学习实训二条主线，每条主线设计12个并行训练任务，共计24个系列化任务，按照产品订单企业的要求制作实用型产品，严格坚持企业网页制作员、网页程序员的工作规程和产品标准，对每个项目按企业要求进行考核评价，对最终产品进行质量评估，激励创新。

网页培训总结篇（2）

高职院校旨在培养能够服务于生产一线的高技能人才，网页设计人才的培养突出对学生职业能力的培养。职业能力是人们从事相关职业的多种能力的综合，网页设计职业能力体系由岗位能力要求、能力目标定位、职业技能体系和职业素养体系四个部分组成。以素质教育和能力培养为主线，结合网页设计相关岗位群，以就业为导向，构建适合于高职学生的人才培养体系。分析岗位能力要求，明确网页设计能力目标，从而设立符合企业需求的职业技能体系、职业素养体系，合理、科学的职业技能体系、职业素养体系是能力目标实现的有利保障。职业技能体系由知识（技能）体系和实践体系组成。网页设计职业能力体系框架如图1所示。

二、网页设计岗位能力要求

根据对长三角地区IT行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计岗位分为网页设计、网页制作、网站编辑、网站管理四大岗位群。分析这四大岗位包含的实际工作需求，网页设计主要是网站开发前期界面的平面图设计，要求设计师具备较强的审美能力和美工功底以及图像处理工具的使用能力。网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，要求设计师具备网页制作相关技能，有两种常见的网页制作方式：“表格+切片”的制作方式、基于Web标准的制作方式；主流的网页制作技术是基于Web标准的制作方式，但学校一般只教授“表格+切片”的制作方式。网站编辑主要负责网站内容的维护和管理为主的工作岗位，要求网站编辑人员具备网页基础知识和基本的计算机操作能力。网站管理主要负责网站的日常维护、网站的改版等工作，要求网站管理人员具备较高的网页制作经验和管理能力。

三、网页设计能力目标定位

通过网页设计相关岗位能力要求的分析，网页设计人才大致分为创意型人才和技术型人才。创意型人才侧重于网页的设计能力，要求有扎实美术功底，具备一定的美术鉴赏能力、良好的审美能力与色彩感，能根据用户诉求，合理设计版面，设计有创意。技术性人才侧重于网页的制作能力，要求掌握网页相关的技术，能根据页面效果图，灵活使用相应的技术完成页面制作。理想的人才应该是两种类型的融合。目前创意型人才缺乏网页相关的编程技术，无法制作更丰富生动的页面，而技术型人才缺乏基本的艺术能力（色彩搭配、版面设计等），必须依赖美工设计效果图和制作图片素材方可完成网页的制作。越来越多的学校开始注重综合型技能人才的培养，构建多层次、多元化的职业能力体系。

四、网页设计职业技能体系

1．网页设计知识（技能）体系

根据高职学校学生的特点，结合网页设计行业对网页设计人才的需求及要求，以就业为导向，建立分阶段知识（技能）体系：初级阶段、高级阶段、能力拓展阶段。初级阶段培养网页初级设计员，要求掌握网页设计基本技能；高级阶段培养网页高级设计员，要求掌握主流的网页设计技能；能力拓展阶段培养网页设计综合型人才，要求熟悉网页设计工作流程，能够灵活运用网页设计相关的各项技术，在掌握网页制作技能的同时具备一定的创作能力和设计能力。前两个阶段主要培养网页设计技术型人才，第三个阶段着重培养创意型人才，从而实现网页设计综合型人才的培养。根据能力目标定位确定的学生应具备的能力，设置符合学生特点和企业需求的知识（技能）体系。分阶段培养网页设计人才模式，不同的阶段对学生能力目标不同，根据每个阶段的目标，构建知识（技能）体系，如表1所示。

2．网页设计实践体系

实践教学是网页设计综合型人才培养的重要核心环节，主要分为校内生产性实践和校外顶岗实践两个部分。校内生产性实践注重校内实践教学与校外顶岗实践的有机衔接与融通，围绕真实项目进行教学，实现校内的生产性实践教学。校内实训主要培养学生网页设计实际操作技能和职业素养，为校外实践做准备。校内实训分为知识巩固阶段和职业培训阶段。

（1）知识巩固阶段。这一阶段主要注重网页设计操作技能的训练。开发已完成的企业项目，巩固学生网页设计及相关技能的掌握，以能够独立完成企业真实项目开发为训练目标，强化网页设计能力，高效创建网站、图像、动画设计能力，以小组为单位的项目开发，加强团队合作意识，使学生在实践中巩固理论知识，从根本上提高学生的职业技能。

（2）职业培训阶段。这一阶段注重学生综合素质的培养。学生参与正在开发的校企合作项目，在专业教师的引导下完成项目开发。在开发过程，注重语言描述及相关文档撰写，团队沟通技能和社会能力等网页设计职业素质的培养。一个从无到有的网站开发，能够激发学生的创造性，提高学生分析问题和解决问题的能力，强化学生网页相关技能灵活运用能力。

通过校内生产性实践的强化训练，在学生具备网页设计的“上岗”能力后，将其推向合作单位的岗位上，真正体会职场环境，成为一个“准职业人”。

五、网页设计职业素养体系

职业修养是指按照职业基本原则和规范，在职业活动中体现的道德品质、职业意识等方面素质。网页设计职业素养体系主要包含两个部分：职业道德教育、网页设计师的职业素养。

网页培训总结篇（3）

一、引言

在科学技术飞速发展的今天，网络已走进了人们的生活，不论是政府、企事业单位还是个人都可通过Internet网站，用于法律法规的、产品的宣传、个人风采的展现或网上交易等，网站的应用已渗透到生活的各个领域。网页设计也已成为热门的计算机应用技术。在高职院校教学中，如何有效提高网页设计教学效率，培养学生的设计能力、独立开发网站的能力、创新能力以及培养合乎市场需求的网页设计人才，是高职教师在教学工作中要考虑的问题。

二、网页设计课程的特点

网页设计课程的教学内容主要包括HTML语言、css+div、图像处理等方面。通常，该课程都是以Dreamweaver　cs3软件为主干，结合Flas制作和Fireworks图像处理工具，介绍网站开发过程。就教授内容而言，该课程具有知识点多但难度不大的特点，同时还具有很强的实践性。网页设计课程的本意应是学生能够独立完成设计彰显个性的优秀网站，而不仅仅是会熟练使用开发工具。

三、网页设计课程的教学方法

网页设计课程的传统教学通常是在教师的讲解后，由学生模仿操作来完成的。这种教学方法，学生学到的知识较零碎，对于之前所学的如图形、图像处理技能，数据库知识，很难贯通运用。如何让学生在有限的在校学习期间，掌握较系统全面的知识并能合乎社会的需求？下面就本人所在学校的网页设计课程的特点和该课程传统教学方法的不足，进行以下两方面内容的教学改革探讨。

1.网页设计课程基础知识

网页设计课程具有很强的实践性，课堂上理论知识的讲解要做到有的放矢，注意强化阶段目标教学内容设计，对于每一章的知识重点、难点要有计划、分阶段进行讲解、演练，激发学生的学习热情，使学生在不断取得成功的愉悦中学习。如，讲网页中的文本与图像时，大家有了计算机基础知识，对这是比较熟悉的，因而以学生上机实验为主，对Dw　cs3中css+div布局技术则需要重点讲解。Dw　cs3中css+div布局技术学习要以HTML、css和div为基础，且对于我校生源情况来说这些知识的掌握有一定的难度，因而，对css+div布局技术要重点讲解，在该内容的最后阶段要结合实际，教师首先进行示范演示，一次制作一个简单网页的布局案例，之后让学生自己演练，并利用已有知识经验来设计完成自己满意的作品。通过各阶段的操作、演练，学生的学习将会在取得成功的愉悦中度过。

2.网页设计课程实训

网页设计课程不是孤立的，它涉及多门学科知识。如何将这些知识融会贯通，使学生的技术应用能力得到提高，而我校诸如所处地区经济等因素决定了难以找到合适的企业合作，因此，就我校目前情况，本文提出基于建构主义理论在网页设计实训中的应用，在此应用中主要将网页设计实训阶段与其他学科结合起来构建工作任务的方法来完成实训，这样可以让学生在这种真实的学习环境中，通过结合其他学科构建的任务驱动来激发学生学习的主动性，在掌握知识技能的同时也培养了学生的创新精神，同时也有利于学生工作经验的积累。

在网页设计实训中，“构建的任务”将影响最终的实训效果，因而，“构建任务”设计相当重要。构建任务应以现实的对象为材料，在注意包含的基本教学知识点的同时又能调动学生解决问题的积极性。在实训初级阶段，学生可自由组队，在教师的指导下，从学生兴趣出发，就学生现有的资源来完成构建任务，如，语文教学资源网站、外语角网站、计算机爱好网站等。这些任务都是符合学生实际的，且最终能为学生活动提供不少活动天地，这是非常有意义的。在任务的实施阶段，每个小组在具体明确的分工后，互相协助，这样不仅达到知识的意义建构而且还培养学生团队协作意识。一切事业成功的基础离不开团结协作，任何个人不可能独立于集体，只有把个人的愿望和团队的目标结合起来，才能彰显众人划桨开大船的力量。任务完成后，通过学生展示的方式，进行师生间、学生与学生之间的交流和讨论，这样便于学生相互启发、相互弥补，从而使知识技能得到归结。

网页培训总结篇（4）

2高职网页设计课程的教学现状

我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：

2.1开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程，是它包括构图、排版、特效制作等多种知识，决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施，但针对性不强，如针对企业需要艺术与技术相结合的网页设计人才，专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础（java方向）》相关专业技术课程，也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程，但没有真正以企业工作过程为导向，开设艺术与技术相结合的网页综合项目课程，学生很难融会贯通运用综合知识进行网页设计，另一方面由于网页设计技术的飞速发展，从最早的表格布局到现在DIV+CSS布局，网页语言从最早的HTML1.0到现在的HTML5，网页的设计风格也随着时代的变化而不断改变，社会对网页设计师的要求不断提高，而高职院校相关专业课程没有适时更新，学生也缺乏提升自我的学习能力，因此高职毕业生很难适应网页设计这一行业的人才需求。

2.2教师专业水平有限，团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程，但由于各个任课教师专业水平不同，团队意识不强，较难形成一个企业整体项目意识，通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学，有的教师自身受限专业水平与实践技能，无法与专业组教师达成共识，造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系，网页设计综合技能很难得到提高，只能满足于淘宝美工却无法胜任电商网页设计师。

2.3教学方法单一，仍以传统教学为主长期以来在教学中仍以教师为主体，而忽略学生的主体地位。h教师在授课中，往往先讲解网页各独立元素的设计制作，与整体案例的设计制作相分离，导致学生在实践过程中，学生只掌握每个工具单独使用，不能将网页各独立元素的制作与整体项目相结合，当需要综合运用各种软件工具知识去制作完整项目时，却显得力不从心，即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整，授课内容还是以理论知识为先导，教学手段单一，老师虽是孜孜不倦的教，而学生兴趣缺乏，参与性不强，不能培养学生的自主学习能力和团队协作能力，往往老师累得满头大汗，学生却收获甚微。

2.4生源质量参差不齐随着高职招生人数不断上升，生源质量参差不齐，生源质量也在下降。教师引入企业项目进行网页设计教学，学生完成的程度和质量不一，有些同学无法跟上进度，就出现厌学、迟到及旷课等现象。

3网络环境下“网页设计”混合式教学构建模式及优势

3.1网络环境下“网页设计”混合式教学构建模式网页设计集艺术与技术为一体综合性课程，既需要个人创意设计能力，又需要全面应用高新技术能力，具有很强的实践性和综合性。在网页设计授课过程中，教师要从易到难引入企业项目，引导启发学生，并在课堂上统一进行项目分析，在讲解过程中，将网页设计的艺术美学及专业技术知识融入到所要完成项目中，调动学生的学习积极性、自主的对网页综合知识进行建构，同时通过现代网络视频教学，演示网页设计从选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等环节，激发学生对网页设计项目整体认识，对网页设计的兴趣，让学生自己产生要制作属于自己的项目作品，学生从传统教学“要我学”变为混合教学“我要学”的教学模式。通过混合式教学模式，把传统学习方式的优势和网络学习方式的优势结合起来，教学以学生为主体，充分挖掘学生学习过程过程积极性、主动性和创造性，培养艺术与技术相结合的网页设计技术技能型人才。搭建好的网页设计的网络教学平台、教育教学资源库，运用在线教学与课堂教学优势互补的混合式教学模式，教师通过基于网络的课堂进行教，学生除了课堂学习外，课后自主在线学习、在线做作业、讨论协作、在线答疑等学习活动。将教师的网页设计教学由课堂上扩展到了课堂外，才能真正培养出综合能力强、创造性思维突出的网页设计人才。

3.2网络环境下“网页设计”混合式教学的优势(1)提高教师“双师”素质：网页设计课程是基于企业项目教学，项目设计是项目教学的成败的关键，要求教师不仅要具备深厚的理论知识，还应具有一定职业技能与实践经验，即教师具备“双师”素质，通过网络教学平台建设，优秀专业教师与企业技术人员带领专业较弱教师，共同完成项目网页设计整体设计。通过开展混合式教学，进一步提高教师的教学设计水平和实践技能，更新教师的教育观念，提高教师自身的业务水平，促进教师向双师型转变。(2)教学资源丰富：教师与企业技术人员在网络教学平台提供各种媒体素材，包括视频、动画、课件、网页设计优秀作品等教学内容，远远超过教师课堂讲授与教材内容。网络教学平台进一步为学生提供课后学习实践企业项目，引入企业项目任务，能从高职学生特点出发，项目从易到难，循序渐进，让学生学习实践觉得能“跳着够得着”，既有挑战性，又能完成企业项目并使学生获得成就感，提高学生综合实践技能。通过网络在线教学优势，为学生提供了自由选择的学习空间，有更丰富网络学习资源，激发学生学习兴趣，调动学生的主动性与积极性，有效提高了学生的创新思维能力，对于培养学生的创造精神和树立终身学习的观念有重要的意义。(3)学习自主性：传统的课堂教学受限上课时间，教学内容也受限，存在形式与内容单一。特别对于学生难于理解的重点与难点，老师可能认为在课堂已讲解很清楚，但学生还是没有理解等诸多弊端，而通过混合式教学，利用网络在线教学等辅助手段在很大程度上弥补了这种不足，让学生能在课后按需学习，让差生或请假学生补缺补漏，赶上全班统一进度。通过网络教学平台和教育教学资源库，可以24小时开放教学，大大打破上课的时间限制，学生可以把课堂当中没有消化的内容利用网络的在线自主学习，进一步的加深理解，使课堂教学加以延伸。利用在线学习，基础好的同学也可以通过网络教学平台和教育教学资源库进行自学，提升自己的学习能力。(4)网络在线答疑：利用在线系统为教师和学生提供一个良好的交流平台，师生通过平台将获得更多的沟通机会，师生之间在平台上在线讨论交流答疑，学生之间也可以在平台上在线讨论交流答疑，及时解决学习过程中遇到问题，调动了学生的积极性，进一步提高教学水平。

4混合式教学模式实例分析

在网络环境下，构建与传统教学相互融合网络教学平台，实现交互式教学平台，学生自主学习的空间。下面以学院《Dreamweaver网页设计》为例说明，实现传统教学与网络教学的混合教学模式。

1.设计制作企业项目。课前教师与企业人员共同设计制作《**企业网页设计》项目，共构建八个学习情景：《学习情境1企业网页图文混排》；《学习情境2企业网页表格数据制作》；《学习情境3企业网页表格布局》：《学习情境4企业网页超链接设置》：《学习情境5企业网表单网页制作》；《学习情境6企业网页制作-css样式表应用》：《学习情境7企业网页布局-div+css布局》；《学习情境8企业网页JavaScript特效应用》。

2.课堂教学内容以网页设计的工作过程为依据，划分上述八个学习情境，采用混合式教学模式，按任务展开教学。每个学习情境都包含：①任务导入：首先提供学生与所讲知识相关的网页案例，吸引学生注意，然后导入学习情境任务；②分析总结：教师引导学生发现问题，并提出问题，激发学生学习兴趣，经过共同分析与讨论，总结出具体的制作方法；③实训(仿真实践，在线测试)：学生根据学习情境，在教师的示范讲解下，独立完成操作，在线测试。④讲评总结：学生在制作过程中会出现各种各样的问题。教师所做的是将问题汇总。总结出相关的注意事项，点评作业时，侧重学生的思维引导，及时给予学生鼓励。⑤能力扩展：提供给学生实践性较强的案例，要实现效果，需要结合以前的知识和运用一定的技巧。这样既扩大了知识面。又体现了知识的综合性。在课堂讲解环节，可以适时插入教学视频、技术操作视频、实例展示等内容，解决传统教学方法无法讲清楚的知识点和实际操作演示，使教学效果更生动具体。通过学习情境，学生目的明确，整体性学习Dreamweaver软件各个工具，运用到每个学习情境任务中，学习网页各独立元素与整体学习情境相结合。

3.在网络学习平台上，教师上传课前准备《Dreamweaver网页设计》学习指南、课堂讲解八个学习情境模拟、仿真实践、在线测试、网络资源、网络答疑等环节。(1)学习指南：包括课程介绍、课程标准、学习建议、链接优秀网站的网址等，让学生了解本门课程的教学目的、要求和学时分配，当学生遇到网页设计问题时，就可以在学习指南资源库中找到满意的答案。(2)学习情境模拟:教师授课、实践操作视频。(3)情境模拟部分:有10个训练素材，学生可以选择训练企业项目进行自我训练，学生之间还可以通过网络互相交流；(4)仿真实践环节:在一定程度需要借助仿真实训软件，应用于学生日常实训和各阶段试。(5)网络答疑：网络给师生提供了一个交流的平台，师生可以通过QQ、邮箱、论坛等形式进行交流，教师可以及时了解学生的学习情况。(6)网络资源:网络资源包括相关网站、相关视频、课程课件、讲义、行业信息、参考书籍、学生实训实录等补充资源，供学生课外学习。这样便于因材施教，使好生更优，差生进步更快。

网页培训总结篇（5）

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2012） 16-0138-01

《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。

《网页设计与制作》课程是我院多个专业的核心课程，如计算机应用技术、网络技术以及广告设计等专业都开设了此门课程，该课程对学生的操作练习有较高的要求，实训的教学内容都是融入在课堂教学中，由于课程安排的比较分散，不能有效地集中训练学生的动手操作能力以及策划设计网页的能力，学生在学完该课程之后，有的不能独立地完成网站规划和页面设计，有的设计效果不能达到预想的功能和视觉效果。因此，实训课程在《网页设计与制作》教学中起着比较重要的作用。根据《网页设计与制作》课程的这一特点以及我的个人教学经验，下面对《网页设计与制作》实训教学谈一下自己的意见和看法。

一、提高教师的专业技能

作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。

二、多种教学模式相结合，培养学生学习兴趣

（一）通过优秀作品赏析，激发学生的学习兴趣

在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。

每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。

（二）阶段测试训练

通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。

首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。

（三）拓展训练

可以通过课外兴趣小组集体活动等形式，提高学生的人文素养。课余时间充分利用网络资源进行课外拓展实践，如果遇到疑难问题学生可以通过”E-mail”和“QQ留言”的方式与辅导教师取得联系、化解难题。利用课外拓展实践的方法对于能力强的学生可以进一步提高他们的操作技能；对于能力差的学生可以解决他们存在的问题。

（四）项目实战训练

将实际项目引入进教学，并对其进行任务分解。

例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。

三、增加实训课程的课时，提高学生的动手能力

实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。

同时实训的环境也是非常重要的，实训课程基本都是在微机室完成的，在微机室里学生可以实现一人一机，并且每台电脑都直接与互联网相连，学生在实训过程中，可以上网查找相关资料，搜集所需素材，解决实训中遇到的问题，同时还可以直接通过教师、同学的帮助快速解决问题。

四、结束语

《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。

参考文献：

网页培训总结篇（6）

二、项目教学法在《网页设计》课程中的实施

（一）专业师资雄厚，开展校内督导

本课程建设力度大，具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合，整体素质高，实践能力强，具有凝聚力和团队合作精神，教学水平和学术水平高，其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养，教学方法先进，确保学生学以致用。并引进企业真实项目，作为学生训练的项目。学生毕业就能上岗，上岗就能工作。《网页设计》课程建设理念先进，学院积极改革，以职业能力培养为重点，探索校企合作模式，结合行业需求进行课程开发。通过召开设计师讲座，与企业合作进行基于项目工作的课程开发与设计，有计划地安排教师参加专题科研或到企业工作，选派年轻教师参加相关专业课程班进修，提高业务水平、技术应用能力和实践操作能力；充分体现职业性、实践性和开放性的要求，融“教学会”为一体的工学结合课程模式。

（二）组建学习团队，开展项目教学法

教师要根据项目的内容和要求，依据学生的具体情况，分为多个团队，安排不同任务角色，每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求，做一个大致的说明。让学生体验职业岗位需求，从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务，使用实例进行必要的操作技能和理论知识的讲解，通过提供多种表现方式来实际演示辅导，然后由各个学习团队自行去讨论研究网页设计的开发与制作，鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法，最终得到项目结果。对于完成项目任务所涉及的理论和方法，教师要渗透到项目教学活动中，达到学习理论与实战紧密结合，最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点，在实施项目时，教师要充分调动学生学习的积极性、主动性，建议学生自己动脑、动手去获取更多知识，充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目，例如，与学校有关的主题：1.“培训处网站”；2.“小学语文课程与教学论教学资源库”；3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。

（三）团队合作探究、汇报交流

在整个项目实践过程中，每个团队的学生共同围绕一个实训项目进行合作学习，教师应先把项目的重点、难点提出建议，团队成员要有一个总体规划，从课题的选择、主题风格确立、设计内容的筛选、操作步骤等进行讨论与交流，分工处理页面结构、图片编排及链接方式等布局操作。每一环节都需要学生们带着任务去学习，积极思考、相互鼓励、相互配合帮助。突出团队的作用。这样才能设计出个性鲜明、布局统一的网页。在项目具体实施过程中，学生带着任务会自觉发现问题，带着问题去选择学习内容，查找资料，或者向团队同学请教，解决非常棘手的难题，从而完成任务。让每个学生在实践学习过程中既提高独立学习的能力、获取新知识技能的能力，又形成团队共同合作的职业素质。学生展示和汇报学习成果也是一种交流和提高的机会，他们会逐渐在教师评价和学生互评的过程中不断修正、反思和进步，也激励他们主动、有效地开展学习。根据各团队实训项目的进度，进行各团队实训项目成果的汇报与交流。每个团队成员都要以自己的角色任务来汇报工作，汇报各团队实训项目内容的选择，构思、设计、及作品完成过程中发现的问题及解决办法，进行互动交流。最后各团队把自己的项目资料汇集整理后，教师对各团队具体的实践工作进行指导与评价。这种汇报、交流的方式，有利于激发他们积极参与项目任务的兴趣，使课堂实践教学得到进一步延伸，同时保证了教学的延续性和学生优秀成果的继承性。每期结束后，可以把一些学生的优秀作品作为项目实施的范例资源，在学院的网站上展示，提高他们的自信心，促进网页设计项目教学实施的深入发展。

三、网页设计成果的评判标准与考核方式

在项目过程实践锻炼后，教师为了了解学生网页设计知识的掌握情况，对实际动手能力，工作态度、吃苦耐劳精神等方面进行公平客观评判，对团队合作的设计成果予以考核鉴定。制定了网页设计的评判标准、考核方式。

（一）评判目的与标准

教师对学生综合素质的评价以及对他们学习效果的评判要从这些方面来考察：1.教师要了解学生是否具有良好的美术功底，勇于创新的态度；2.是否能准确理解网页设计的艺术性和功能性需求，有新颖想法和的艺术表现；3.是否熟练掌握软件操作；4.能否擅长网页设计的整体艺术处理，制作出较高水平的作品；5.会不会工作主动积极，有耐心和责任感；6.自学能力强，善于团队合作；7.有抗压力能力。网页设计课程评判目的主要体现以下几个方面：1.使学生了解网页设计相关软件的基本知识、操作方法和有关网页设计的理论知识；2.网页设计课程作业效果的评价应以学生操作技能为主，考查学生对网页设计操作流程的掌握和网页设计的实践能力；3.体现了学生具体解决问题的能力和综合实践操作能力。选取合适的评价方式，制定切实可行的评价标准，具体的考核标准为：（1）是网页设计独特，主题突出，构思巧妙，形象生动，具有较强的表现力和感染力，网页设计和谐统一；（2）是网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰；（3）是层次分明，链接合理清晰，便于浏览。由学生汇报、展示自己的网页作品，在网页设计项目开展过程中，让学生成为课程的运作人，自己评价自己，并对团队其他人的任务效果进行评论。之后老师对整个团队的方方面面进行点评总结。这种教学模式增强了学生们开发网页设计的创作欲望，促进了他们的竞争力，从而发挥他们的聪明才智，积极主动地进行网页设计制作。激发学生之间相互协作学习和交流的机会，最终达到学生的综合能力的提高和个性魅力的展现。

网页培训总结篇（7）

网页设计人才的培养面临着新形势的挑战，表现在市场对人才的需求从单一网页素材制作、静态网页设计向动态网站建设与维护技能全面性掌握转变等诸多方面。市场对人才的需求越来越高，变化很快，同时，中等职业学校师资力量相对比较缺乏、实验实习环节薄弱，特别是教材与现实的严重脱节和滞后等问题，极大地制约了网页设计人才的培养和发展。

一、网页设计人才培养现状

从往年毕业学生的总体就业情况看，虽然市场对网页设计岗位人员需求很大，但实际学生的就业和工作并不尽如人意，尤其是真正在网站建设与维护工作中，发现所学知识不够，究其原因，很大程度上与培养目标不清晰、岗位职业技能分析不细致有关。目标不明确的原因是多样的：一是对人才需求规格的把握程度低，市场调查不深入、不扎实；二是网站建设与维护发展过程中的计算机知识不断更新等诸多不确定因素；三是目标制定的随意性较大。目前的网页设计人才培养强于书本而弱于实务，缺乏必要的案例教学和实务操作能力的培养，尤其是实验、实训、实习环节的安排。多数学校实践教学基本停留在模拟阶段，不能与现实中的企业应用相结合，即便在学校实验室可以进行基础训练的网页设计、网站建设等，由于课时、实验条件等原因，学生掌握的程度也不是很扎实。

二、在网页设计与制作综合实训中采用工作室模式

《网页设计与制作》是支撑网站设计类企业入职岗位和相关岗位的课程，在原有课程改革基础上，以当前行业中网页设计的真实工作流程为依据，经过将实际的工作任务进行提炼、整合，并进行必要理论知识补充和关键技能标准化。

网页设计课程是示范校建设重点专业计算机动漫与游戏制作专业的核心课程之一。使学生置身于模拟真实创造的从接单时的客户沟通到提交完成品的完整行业工作情境，以“准员工”的身份，在规定的岗位上，参与或承担相关的仿真项目工作，帮助学生巩固和提升前阶段初步掌握的专业能力，同时，熟悉和训练职业工作所需的方法能力和社会能力，具体各学习内容对能力培养的目标见上表。

三、工作室人才培养模式的阶段划分

在教学中为了更好地形成“工作室机制下双轨交互并行”人才培养模式，把课程体系分为进阶式的五个教学阶段。

1.基础教学阶段

培养学生职业素质的基础学习阶段，奠定美术基础，掌握艺术设计赏析方法，培养与界面设计师职业相关的基础素质。

2.案例教学阶段

通过教师拆解、分析典型案例，使学生具备专业基础的学习能力。

3.仿真项目教学阶段

“假题真做”或“真题假做”，以“准员工”的身份在模拟岗位上，全程参与、承担若干仿真工作任务。

4.真实项目教学阶段

让学生切实参与到真实项目工作中，使学生综合能力接近就业岗位的标准。

5.顶岗实习阶段

独立承担工作任务，使学生职业行动能力完全达到“职业人”的要求。

网页培训总结篇（8）

中图分类号：G4 文献标识码：A 文章编号：16723198（2012）16014701

网页设计是高职计算机应用专业一门操作性极强的必修专业课程，具有很强的岗位针对性，而现今传统的计算机应用专业毕业生的社会需求趋于饱和，单项专业性精通的人才却明显短缺。现今，各个高等院校纷纷开设了网页设计的课程，培养网页设计的专门人员，网页设计课程的教学显得尤为重要。为此，为了提高网页设计课程的教学质量，笔者从课程设置特点、课程设计、教学内容、教学方法、实验环节等多方面对本课程进行了积极的探索，并总结如下。

1 明确课程地位，彰显课程的特点

高职院校计算机应用专业开设的网页设计课程不是仅作为一门孤立课程存在的，它是要靠多门学科的知识给予支撑，并且它们之间相互渗透和依赖，而构成的一个科学的、完整的课程体系。网页设计课程的主要目的，是通过对本课程的学习，培养学生对该软件的实际动手使用和综合应用能力，使学生能够运用所学的知识进行网页设计，制作出专业的、精美的网页页面和网站站点，包括站点构建、页面设计、数据库和网站后期维护和管理等。其中还重点体现在它的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生动手能力，培养学生的专业兴趣。教师在教学中也一定要注意理论与实践相结合，实践操作内容是教学的基础，应该给予学生充足的动手实践机会，使学生在学中练、练中学。

2 了解社会需求，调整课程设计

在信息迅速膨胀、网络飞速发展的今天，国际互联网也正以其惊人的速度空前发展，我国互联网的用户正在持续递增，该行业的人才缺口相当惊人，预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此，针对社会市场岗位需求，课程设计也应紧跟市场步伐，在课程设计中，应突出对企业网站和电子商务网站建设方面技术的掌握，如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时，还必须有其他相关知识点的穿插，在动态网页设计和数据库方面有待加强，这样才能更符合社会市场的人才需求和对课程设计更具针对性。

3 及时更新知识，重组教学内容

当前计算机科学技术的日新月异，网页设计技术不断的更新，网页设计软件也层出不穷，学生对新知识的渴望也十分迫切，这就要求教师本身也要不断的加强学习和专业技能培训，更新和强化新知识新技术，同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前，网页设计课程教学内容是以Dreamweaver作为主要工具，其中以静态网页设计作为学习的重点，主要培养设计人才，但在培养方面，也需要配以Flash、Photoshop等软件的介绍，使学生在熟练掌握静态网页设计技术的基础上，还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容，为学生今后更进一步的学习打下坚实的基础。

4 注重因材施教，改革教学方法

早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念，学生在学习过程中，由于学生智能及动手能力各有差异的，因此，在网页设计教学过程中，教师更应该注重因材施教，教师可对本班学生情况进行分类，根据学生实际水平的差异，对不同水平的学生给予不同的要求，设计基本要求和提高要求两类题型，对能力较强的同学要求完成相应提高部分的题目。为此，不同的学生、不同的要求，对教学方法提出了更高的要求，传统的教学方法肯定不能适应学生的需求，改革教学方法就显得极为关键，网页设计实际操作性很强，相比那些理论性的课程，学生更容易产生兴趣，教师应利用这个特点，注重培养学生的动手能力，让学生在实际操作的过程中发现问题并解决问题。同时，在教学过程中，教学方法还应不断摸索和创新，采用多种教学方法并重的方式，除常规的教学方法外，还可以采用案例教学法，任务驱动教学法，讲练结合等教学方法，整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练，最后再进行综合案例的应用，这样既让学生对案例有了实质性的接触和学习，又能充分的去完成对知识的自我构建和强化实训。

5 加强实训环节，变革考核方式

网页设计是一门操作性和实用性很强的实训课程，实训至关重要，要提高学生实践动手能力，必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训，每次课都经过精心设计做成实训单元，每2节课为一个实训环节，并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工，全班进行分小组完成各自实训模块，并且实训完成后要求写出完整的实训报告。同时，在对学生的考核方面，传统的考试模式主要是以理论考试为主，而这种考试模式对该课程很不适应，因此笔者将课程的考核分为三个部分：平时成绩（20%）+理论成绩（20%）+实训成绩（60%），其中平时成绩按每堂课的作业完成情况和学生考勤进行打分；理论考试注重学生对网页设计基础知识、基本理论的掌握，采用选择题判断题等客观题的方式进行，为学生进一步的学习夯实基础；实训考试则考查学生实际动手能力，以便学生学完本课程后能有一技之长，真正做到学以致用。

网页培训总结篇（9）

中图分类号：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结束语

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

参考文献：

网页培训总结篇（10）

现在是互联网的时代，人们的工作、学习已离不开互联网，通过互联网和获取信息、展示部门、企业形象，开展网络营销等活动已成为一种新的流行趋势。无论是企业网络构建管理还是网站的开发运营，都需要靠实用型网络技术人才来实现，社会对合格的网站设计人才需求缺口非常大。各大高校为社会培养了大批网站设计人才，但真正符合社会需求的技术应用性人才仍然短缺。这一现象表明，计算机专业的教学和人才培养模式与社会脱节，就要求我们对计算机技术人才培养要从中学期间抓起。

一、《网页设计》传统教学模式存在的问题

（一）《网页设计》课程具有实用性、操作性强的特点

在当前中学计算机传统教学模式中，教师通常根据“理论加实践”的模式来开展教学，即根据教材的章节安排进行理论基础知识讲解并演示操作步骤，学生跟着模仿操作和练习。这种教学方式将课程知识点以多且零散的方式呈现给学生，忽视了知识与具体工作任务的联系，授课完成后学生大多只记得软件的操作和某些工具的使用，对于一个完整的网站项目从设计到制作完成的过程缺乏清晰的认识，造成学生所掌握的知识技能与具体工作任务需要脱轨。

（二）上机实践内容单一，缺乏真实实践环境，学生未能通过实践有效地梳理所学知识，提高实践操作能力。学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会实践需要。

二、《网页设计》课程模块化教学体系的构建

《网页设计》课程是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作。在教学过程中，将这些知识点合理地贯穿在课程的授课中，将课程内容分段模块化，以应用和职业能力为导向，打破以知识为中心的传统学科章节体系，将实践工作所需知识、技能和素质分解为多个相对独立的教学模块，以模块为单元开发教学资料并组织教学，将相关理论融于技能训练中。 在授课内容上打破以往教材只讲授Dreamweaver软件制作网页，或者以Dreamweaver软件为主，Flash、Firworks、Phtoshop几个软件都涉及，但是这几个软件却是孤立讲授，学生在学习的过程中学到的知识是零散的，思想是模糊，在制作网页时很难从全局的角度出发，规划设计制作出合格的网页。为此，我打破原有课程体系的束缚，调整原有章、节的顺序，增加以往教材中缺少的网站设计的重要知识―版面设计部分，将课程内容结构以应用为导向“模块化”，每个模块下又分为不同的子模块，根据模块的特点采取与之相对应的教学方法和手段，培养学生的专业素质和能力。 具体为：

模块一：网页设计基础了解网页设计基本概念，包括Internet、WWW、HTTP、HTML等；了解网页设计基本流程；了解网页制作相关工具掌握网络、网页、网站等基本概念，掌握网站设计基本流程 。

模块二 ：设计模块子模块一 网页版式设计掌握网页的布局理念；色彩搭配；phtoshop和Fireworks设计网页页面能利用phtoshop或Fireworks图像处理软件设计网页页面，并能将页面设计图形成网页 。

模块三：动态设计了解数据库的链接；IIS的设置；动态页面创建的方法会用ACCESS或SQL创建数据库，链接数据库；会创建简单动态网页；会测试动态网页；能将给定的动态网页（如论坛、留言板）链接到静态网站中

模块四：应用模块模块一 综合设计用户调查分析；材料的收集分类；网站的整体规划；综合运用所学知识建立一个网站熟悉网站的整体规划和设计流程，能独立规划、设计制作一个完整的网站（以集中实训的方式进行） 。

三、《网页设计》课程模块化教学体系的实施

（一）合理安排各教学模块的课时，突出实际应用能力模块的教学。在课时的安排上改变以往花费大量时间讲授使用Dreamweaver软件制作网页的技术知识，忽略网站设计知识，使得学生学完课程后缺乏设计能力。根据网络专业学生在先行课中学习过计算机基础、图像处理、动画制作等先行课，对于网页设计和制作基础等知识的理解接受能力较强的特点，在课时的安排上，基础模块部分只分配总课时的三分之一，设计模块约占总课时的四分之一，将剩余的将近总课时一半的时间分配在应用模块上，并以实训的方式，采用“真题真做”等形式进行教学，对学生着重进行实践和应用能力的培养，使学生在授课完成后对于网站的整个设计过程有一个比较清晰的认识，提高岗位技能。