网页培训总结范文
时间：2023-09-23 08:57:42
网页培训总结篇1
关键词：建构主义；教学改革；网页设计
一、引言
在科学技术飞速发展的今天，网络已走进了人们的生活，不论是政府、企事业单位还是个人都可通过Internet网站，用于法律法规的、产品的宣传、个人风采的展现或网上交易等，网站的应用已渗透到生活的各个领域。网页设计也已成为热门的计算机应用技术。在高职院校教学中，如何有效提高网页设计教学效率，培养学生的设计能力、独立开发网站的能力、创新能力以及培养合乎市场需求的网页设计人才，是高职教师在教学工作中要考虑的问题。
二、网页设计课程的特点
网页设计课程的教学内容主要包括HTML语言、css+div、图像处理等方面。通常，该课程都是以Dreamweaver cs3软件为主干，结合Flas制作和Fireworks图像处理工具，介绍网站开发过程。就教授内容而言，该课程具有知识点多但难度不大的特点，同时还具有很强的实践性。网页设计课程的本意应是学生能够独立完成设计彰显个性的优秀网站，而不仅仅是会熟练使用开发工具。
三、网页设计课程的教学方法
网页设计课程的传统教学通常是在教师的讲解后，由学生模仿操作来完成的。这种教学方法，学生学到的知识较零碎，对于之前所学的如图形、图像处理技能，数据库知识，很难贯通运用。如何让学生在有限的在校学习期间，掌握较系统全面的知识并能合乎社会的需求？下面就本人所在学校的网页设计课程的特点和该课程传统教学方法的不足，进行以下两方面内容的教学改革探讨。
1.网页设计课程基础知识
网页设计课程具有很强的实践性，课堂上理论知识的讲解要做到有的放矢，注意强化阶段目标教学内容设计，对于每一章的知识重点、难点要有计划、分阶段进行讲解、演练，激发学生的学习热情，使学生在不断取得成功的愉悦中学习。如，讲网页中的文本与图像时，大家有了计算机基础知识，对这是比较熟悉的，因而以学生上机实验为主，对Dw cs3中css+div布局技术则需要重点讲解。Dw cs3中css+div布局技术学习要以HTML、css和div为基础，且对于我校生源情况来说这些知识的掌握有一定的难度，因而，对css+div布局技术要重点讲解，在该内容的最后阶段要结合实际，教师首先进行示范演示，一次制作一个简单网页的布局案例，之后让学生自己演练，并利用已有知识经验来设计完成自己满意的作品。通过各阶段的操作、演练，学生的学习将会在取得成功的愉悦中度过。
2.网页设计课程实训
网页设计课程不是孤立的，它涉及多门学科知识。如何将这些知识融会贯通，使学生的技术应用能力得到提高，而我校诸如所处地区经济等因素决定了难以找到合适的企业合作，因此，就我校目前情况，本文提出基于建构主义理论在网页设计实训中的应用，在此应用中主要将网页设计实训阶段与其他学科结合起来构建工作任务的方法来完成实训，这样可以让学生在这种真实的学习环境中，通过结合其他学科构建的任务驱动来激发学生学习的主动性，在掌握知识技能的同时也培养了学生的创新精神，同时也有利于学生工作经验的积累。
在网页设计实训中，“构建的任务”将影响最终的实训效果，因而，“构建任务”设计相当重要。构建任务应以现实的对象为材料，在注意包含的基本教学知识点的同时又能调动学生解决问题的积极性。在实训初级阶段，学生可自由组队，在教师的指导下，从学生兴趣出发，就学生现有的资源来完成构建任务，如，语文教学资源网站、外语角网站、计算机爱好网站等。这些任务都是符合学生实际的，且最终能为学生活动提供不少活动天地，这是非常有意义的。在任务的实施阶段，每个小组在具体明确的分工后，互相协助，这样不仅达到知识的意义建构而且还培养学生团队协作意识。一切事业成功的基础离不开团结协作，任何个人不可能独立于集体，只有把个人的愿望和团队的目标结合起来，才能彰显众人划桨开大船的力量。任务完成后，通过学生展示的方式，进行师生间、学生与学生之间的交流和讨论，这样便于学生相互启发、相互弥补，从而使知识技能得到归结。
四、结语
总之，培养符合乎社会需要的网页设计人才是高职院校教学的重点，也是教育的一个永久的话题。在教学过程中，要注意理论与实践的结合，注重学生创新能力培养的同时，还要注重学生知识经验的积累，从而培养出社会需求型高素质人才。
网页培训总结篇2
网页设计实训项目的制定需要通过项目教学法来实现，项目教学法的核心是由教师指导学生以几个完整的案例项目为中心展开的教学活动。教师刻意把大纲知识点融入到项目的各个环节中，由学生自行探寻得到最终结果的途径，学习的重点在于学习过程中学生的综合职业能力得到了提升，成为具有优秀素质的高级技能型、应用型专门人才。网页设计是学生从事IT职业的基本技能，随着信息技术的进步和人们艺术鉴赏能力的提高，对网页设计与制作的要求也越来越高，目前已逐渐发展成为一个融合计算机技术与平面动画艺术的复合型职业。在项目教学体系中，《网页设计》课程体系要综合多门学科予以支撑。了解和掌握课程体系中各课程之间的主次地位和融合关系是课程实训项目制定实施的前提。加强平面课程与《网页设计》课程的联系，将平面设计理论充分的融合到网页设计的实训项目中来。本课程项目的制定以社会职业岗位需求不断做变化、调整，依据课程性质的特点创建了完整的教学的条件：实践课堂、网络课堂、有整套的电子教案，经典教学案例，习题课件，总结复习课件，试题库、素材库、案例分析等多种形态表现的网上教学资源，基本实现了多种教学媒体的优化组合。课程的教学素材来源于网络的真实运行的优秀网站。教学内容紧跟网页制作技术的发展，以主流的网页制作软件作为工具，实时将优秀素材纳入教学资源库，预留学生可设计、发挥的空间，教学资源师生共享。着重培养学生设计和制作网页能力。在教学中，教师先在学生面前呈现现实中真实的网页，以各种精美案例帮助学生分析该任务的主要知识点和新技能，学生在教师的指导下根据自己对网页制作基本规则的理解完成网页的创建和管理。激发学生关注以后的职业需求。学生要对项目的实施步骤详细分析，对网页的主题风格、内容收集整理、版式格局、色彩表现等方面做以团队成员分工安排，学生在规范的实施过程中，实现自我独立思维过程的完整训练。教师要鼓励学生展现自我个性。由此看来，大胆改革教学内容和教学模式，结合专业课程教学特点进行真实的实践项目，设计了“全项目贯穿，团队协作”的项目驱动任务引领的教学模式。项目化教学”的教学内容体现“教”“学”“做”相结合，网页设计实训项目的制定，鞭策了教师采用先进教学方法，实践和理论教学紧密结合。
二、项目教学法在《网页设计》课程中的实施
（一）专业师资雄厚，开展校内督导
本课程建设力度大，具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合，整体素质高，实践能力强，具有凝聚力和团队合作精神，教学水平和学术水平高，其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养，教学方法先进，确保学生学以致用。并引进企业真实项目，作为学生训练的项目。学生毕业就能上岗，上岗就能工作。《网页设计》课程建设理念先进，学院积极改革，以职业能力培养为重点，探索校企合作模式，结合行业需求进行课程开发。通过召开设计师讲座，与企业合作进行基于项目工作的课程开发与设计，有计划地安排教师参加专题科研或到企业工作，选派年轻教师参加相关专业课程班进修，提高业务水平、技术应用能力和实践操作能力；充分体现职业性、实践性和开放性的要求，融“教学会”为一体的工学结合课程模式。
（二）组建学习团队，开展项目教学法
教师要根据项目的内容和要求，依据学生的具体情况，分为多个团队，安排不同任务角色，每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求，做一个大致的说明。让学生体验职业岗位需求，从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务，使用实例进行必要的操作技能和理论知识的讲解，通过提供多种表现方式来实际演示辅导，然后由各个学习团队自行去讨论研究网页设计的开发与制作，鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法，最终得到项目结果。对于完成项目任务所涉及的理论和方法，教师要渗透到项目教学活动中，达到学习理论与实战紧密结合，最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点，在实施项目时，教师要充分调动学生学习的积极性、主动性，建议学生自己动脑、动手去获取更多知识，充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目，例如，与学校有关的主题：1.“培训处网站”；2.“小学语文课程与教学论教学资源库”；3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。
（三）团队合作探究、汇报交流
在整个项目实践过程中，每个团队的学生共同围绕一个实训项目进行合作学习，教师应先把项目的重点、难点提出建议，团队成员要有一个总体规划，从课题的选择、主题风格确立、设计内容的筛选、操作步骤等进行讨论与交流，分工处理页面结构、图片编排及链接方式等布局操作。每一环节都需要学生们带着任务去学习，积极思考、相互鼓励、相互配合帮助。突出团队的作用。这样才能设计出个性鲜明、布局统一的网页。在项目具体实施过程中，学生带着任务会自觉发现问题，带着问题去选择学习内容，查找资料，或者向团队同学请教，解决非常棘手的难题，从而完成任务。让每个学生在实践学习过程中既提高独立学习的能力、获取新知识技能的能力，又形成团队共同合作的职业素质。学生展示和汇报学习成果也是一种交流和提高的机会，他们会逐渐在教师评价和学生互评的过程中不断修正、反思和进步，也激励他们主动、有效地开展学习。根据各团队实训项目的进度，进行各团队实训项目成果的汇报与交流。每个团队成员都要以自己的角色任务来汇报工作，汇报各团队实训项目内容的选择，构思、设计、及作品完成过程中发现的问题及解决办法，进行互动交流。最后各团队把自己的项目资料汇集整理后，教师对各团队具体的实践工作进行指导与评价。这种汇报、交流的方式，有利于激发他们积极参与项目任务的兴趣，使课堂实践教学得到进一步延伸，同时保证了教学的延续性和学生优秀成果的继承性。每期结束后，可以把一些学生的优秀作品作为项目实施的范例资源，在学院的网站上展示，提高他们的自信心，促进网页设计项目教学实施的深入发展。
三、网页设计成果的评判标准与考核方式
在项目过程实践锻炼后，教师为了了解学生网页设计知识的掌握情况，对实际动手能力，工作态度、吃苦耐劳精神等方面进行公平客观评判，对团队合作的设计成果予以考核鉴定。制定了网页设计的评判标准、考核方式。
（一）评判目的与标准
教师对学生综合素质的评价以及对他们学习效果的评判要从这些方面来考察：1.教师要了解学生是否具有良好的美术功底，勇于创新的态度；2.是否能准确理解网页设计的艺术性和功能性需求，有新颖想法和的艺术表现；3.是否熟练掌握软件操作；4.能否擅长网页设计的整体艺术处理，制作出较高水平的作品；5.会不会工作主动积极，有耐心和责任感；6.自学能力强，善于团队合作；7.有抗压力能力。网页设计课程评判目的主要体现以下几个方面：1.使学生了解网页设计相关软件的基本知识、操作方法和有关网页设计的理论知识；2.网页设计课程作业效果的评价应以学生操作技能为主，考查学生对网页设计操作流程的掌握和网页设计的实践能力；3.体现了学生具体解决问题的能力和综合实践操作能力。选取合适的评价方式，制定切实可行的评价标准，具体的考核标准为：（1）是网页设计独特，主题突出，构思巧妙，形象生动，具有较强的表现力和感染力，网页设计和谐统一；（2）是网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰；（3）是层次分明，链接合理清晰，便于浏览。由学生汇报、展示自己的网页作品，在网页设计项目开展过程中，让学生成为课程的运作人，自己评价自己，并对团队其他人的任务效果进行评论。之后老师对整个团队的方方面面进行点评总结。这种教学模式增强了学生们开发网页设计的创作欲望，促进了他们的竞争力，从而发挥他们的聪明才智，积极主动地进行网页设计制作。激发学生之间相互协作学习和交流的机会，最终达到学生的综合能力的提高和个性魅力的展现。
（二）考核方式
为了客观评价的学习效果，要考核学生的专业知识、操作技能和综合素质。那么本课程的总成绩主要由（出勤率、团队合作、自学研究）这些学习态度来评分占25%；平时练习作业成绩（实训过程中对各小组每次项目中的小练习的完成情况进行评分）占25%；期末成绩(主要通过期末上交的最终实训项目完成情况进行评分)占50%。分别对学生基础理论知识的掌握情况和学生的综合素质进行全面考核。四、结论《网页设计》这门课程特色鲜明，《网页设计》实训项目的制定与实施是因社会的发展和岗位的需求变化而产生的，充分体现了实践性、职业性和开放性的特点。提高学生的自学与创新能力，使学生能够在规定的时间内掌握到更多的专业知识和操作技巧，锻炼了学生的实际开发应用能力，学生在完成的项目制作中，培养了浓厚的专业兴趣，能够主动思考问题，网页设计知识和实际动手能力得到强化，实践经验较为丰富，不仅其工作态度、吃苦耐劳精神也非比寻常，在创作能力和对外交流能力上都有明显提高。真正可以做到学以致用。学生工作后受到很多IT公司、企事业单位的好评，为我院树立了形象，赢得了广泛的好评。
网页培训总结篇3
关键词：网页设计与制作；教学内容；教学方法
中图分类号：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.
[2]张翔,贾雪倩,谢力,段丽.《网页设计》课程教学改革的研究和探索[J].福建电脑,2011(1):39-40.
网页培训总结篇4
关键词 商务网页设计与制作 课程设计 电子商务专业
中图分类号：F713 文献标识码：A
截至2012年12月，中国网络购物用户规模达到3.12亿，市场整体交易规模为10.2万亿元，同比增长29.9%。随着网络购物人数爆炸式的增长，越来越多的企业开始尝试利用网络平台开展商务活动。同时，企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点，企业希望人才来了就能用，这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程，这门课程学好了，对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验，引入企业网站的生产流程，对课程教学内容体系进行了重构。
1课程教学现状及存在的问题分析
《商务网页设计与制作》是高职电子商务专业的一门核心专业课程，既是学生最期待、最向往的课程，也被认为是最艰难，最难啃的课程，以文科学生为主体的商贸财经类专业尤甚。之所以向往，是因为它如此之重要；之所以艰深，是缘自于技术的隔膜和不必要的恐惧。当然，究其原因，传统教材与教法，自然难辞其咎。
1.1课程设置不合理，知识内容落后
传统网页设计与制作教材，往往专注于“网页三剑客”等技术软件的操作，让学生从一个代码，一段文字，一张图片入手，来制作属于自己的网页和网站。这种教学模式，经过两到三年，学生还难以上手；而一名合格的网页设计师，往往只需一两天，就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色，内容定位不清晰。总之，网页制作门槛高、学生动手操作难，美工不出彩、商务没感觉，这是传统模式的致命缺陷。
1.2课程教学模式落后
传统的《商务网页设计与制作》教学中，许多学校是以教师为中心，偏重于讲授为主，传授网页制作的工具、技术等专业知识，缺少对学生思考和解决问题能力的训练，没有引导学生去自主学习，这就导致很难培养学生的理性精神及创造能力、创业意识，也无法培养学生独立思考、敢于向权威挑战的学习态度和竞争精神，更无法引导学生的创业意识和创造性思维。
1.3实践教学方法有待完善
现有的《商务网页设计与制作》实践教学更多的强调技术层面的东西，很少有考虑到商务诉求。在教学过程中，大部分学生都有畏难情绪，导致教学效果不明显，学生网页设计的思路不清晰，动手操作难。
2《商务网页设计与制作》教学模式设计总体方案
2.1打破传统学术思维的束缚，遵循网站建设的业务逻辑
课程设计以典型企业网站为载体，通过商务网页设计导引、商务网页布局与设计、网页效果图制作、静态页面制作、DIV+CSS网页布局五个学习型项目的创设，对商务网页设计与制作的基本原理及实现方法进行了系统介绍及完整展示，让学生能在较短的时间内制作出不仅美观大方，而且能体现企业商务诉求的网站，打破传统学术思维的束缚，遵循网站建设的业务逻辑――企业怎么做，我们怎么做。商务网页设计制作流程如下图1所示。
2.2教学内容体系构建
本课程在教学内容的设计上以商务网页设计与制作业务流程为主线，将商务网页设计的基本原理与方法融入到典型工作任务的介绍和实训中。
第一个模块和第二个模块以典型商务网站类型、典型商务网页版面风格分析入手，使学生快速理解和掌握网页设计的基本原理和方法，并能完成网站栏目规划及商务网页版面设计的任务。
第三个模块以网页素材的选择为突破口，使学生快速地熟悉并掌握网页效果图制作的方法、步骤及要点。
第四个模块则要求学生在已有效果图的基础上能制作实现静态页面，以使学生掌握必要的html标记语言，并掌握常见的两种页面布局方式，为后续课程的学习打下基础。
在课程实训方面，则选择目前商务网站建设服务市场业务类型较多的企业网站建设业务为主线构建实训项目。这类网站建设业务中的页面设计素材丰富、规范化程度高，便于学生学习。
在教学内容的细节处理上将充分考虑本课程与艺术设计类及软件设计类相关课程的区别，降低学生学习难度，突出商务网页设计与制作的重点，使学生能举一反三，适应商务网站网页设计师岗位能力需求。
3课程教学的实施途径
3.1基于校企合作的课程项目开发
《商务网页设计与制作》要求教师教学应以企业真实需求为逻辑主线组织教学内容，以项目为知识学习、技能训练和素质养成的载体。为了保证与企业生产实践相结合，最大限度地利用企业有效资源，通过积极深入市场与企业一线，认真分析当地产业结构与发展趋势，寻找校企合作的结合点。目前，课程依照行业标准、岗位技能要求以及岗位工作流程等进行项目运作。在项目的开发过程中，企业高度参与，共同确定基于工作过程的典型工作任务。
3.2基于职场环境的教学实训基地建设
建设能够进行教、学、创于一体的基于职场环境一体化教学实训基地，是实施一体化教学的硬件保障，是实现教学模式转变的重要条件。目前，我们已经建立了三个学生工作室：网赢工作室、智越工作室和服务外包工作室。其中智越工作室的核心业务是中小企业网站建设与维护，每年吸纳30多名学生，完成10多个企业真实项目，收入1万多元。通过引进企业真实项目，和企业建站的标准流程，提升学生的专业技能和职业素养。
3.3考核评价体系改革
本课程的学习，是要求学习者联系一家有商务网站建设需求的真实企业，来完成课程模块的实训。本课程以学习者的实训作品为主要考核依据，兼顾学习者的学习态度、职业素养、团队意识及表达沟通能力。
4结束语
将企业真实的生产制作流程引入到《商务网页设计与制作》课程教学中，引导学生重视企业的商务诉求，制作出符合企业需求的商务网站，是本课程的重要特色。
参考文献
[1] 方玲玉.《网络营销实务》工学结合课程开发的实践尝试[J].职教论坛，2008（16）.
[2] 张婵.基于就业一创业导向的独立学院网络营销实践教学方法改革探讨[J].物流工程与管理，2012（5）.
[3] 周建良.以创业能力培养为导向的电子商务课程开发探索[J].科教文汇，2010（7）.
[4] 韩义.对电子商务课程教学改革的思考[J].天津电大学报，2008（9）.
[5] 方玲玉，李小斌，李念.高职经管类专业系列项目课程开发――以高职电子商务专业为例[J].职教论坛，2010（12）.
[6] 王萍.基于工作过程的电子商务基础课程开发研究[J].科教文汇，2011（10）.
网页培训总结篇5
我有幸参加了中小学教师教育技术能力中级远程培训的学习。通过学习，我明白了网上学习的重要和快捷。在培训学习中，我对新课程改革的理念有了更深刻的认识，明确了厚实文化底蕴、提高专业素养的重要性，提高了思想认识、提升了学习理念、丰富了专业理论。
一、通过培训，提高了自己的思想认识。
通过此次培训，我更清楚地知道了新课程改革对教师所提出的要求。以前往往只局限于一根粉笔、一本书的教育模式，已经远远不适用于今天的教学要求。我们要以更宽阔的视野去看待我们从事的教育工作，不断地提高自身素质和教育教学水平，不断地总结自己的得失，提高认识，不断学习，才能适应教育发展对我们教师的要求。网络研修，好处多多。可以说网页学习的即时性，有利于我自主安排学习，减少了工作与学习的矛盾。可以说网页学习的快捷性，有助于我提高学习和实践应用的效率。可以说网页学习的互动性，有助于我和众多教师及时学习和解决一些实际问题。
二、通过培训，提升了现代教育技能。
原来，我对于计算机方面的操作只是停留在一些基本的层面上，例如在文档中完成一些文稿的撰写。通过这次光顾我们的学习，如今，我已经能够熟练的利用计算机，进行各种方式的操作，编辑出自己较理想的电子稿件，发送给同事和学生。能利用自己的博客与同仁互动，时常的发表自己的一些学术上和某些思想上的见解，对自己的业务水平也有了进一步的提高。在培训中学习网页，填补了我计算机操作知识的空白。
三、通过培训，夯实了专业知识基础。
作为一名语文教师，首先应该具备的就应该是全面系统的学科本位知识。以往，我只是研读一些与思想政治有关的资料，习惯于积累一点一滴的知识素材。现在，有培训学习网页了。在这里所有的学习内容一目了然，科学系统，有标可依，有律可循，学习起来方便至极。这个学习页面的课程设置，突现了以学科为基础，以问题为中心的特色。在这个学习页面上，通过老师引领，帮助我进一步领会了新课程的教学理念，让我对语文教学有了深入的理解与思考；通过参与学习、反思体会，帮助我认识并掌握了语文教学的新方法、新手段，并且能够有效地运用到自己的实际教学中去。
网页培训总结篇6
原本计算机专业的基础课程和专业课程的课时就比较多，作为新加入的《网页美工设计》课程，课时分配就有一定的限制，而且作为本专业的专业核心课，课程多安排在后面几个学期，通常在这个时间段多安排的是比较繁重、训练量较大的其他专业核心课，这对学生学习精力的分配是一个挑战。
二、任务重
在《网页美工设计》课程中除了需要培养学生网页设计所需要的版式、色彩、字体等等基本的设计知识外，还要针对网页美工设计的特点进行专项的学习和实训，有些甚至还要新学习1-2个绘图软件，任务相当繁重。基于以上几点原因，学生学习起来有一定的困难，也给教师的教授带来了巨大的挑战。如果不能顺利的解决这些问题，开设这门课程就不能达到本来的目标，失去了开设这门课程的意义，而且学生学习后没有得到提升，还会打击学生学习的积极性和自信心。为了更好的上好这门课，笔者根据近几年的教学经验特提出一下几点新思路：
（一）调整优化教学内容。
根据网页设计的特性，调整教学内容，删除相关性不大的内容，对相关内容进行优化整合，如艺术设计专业学生要求掌握的图形创意、字体设计等内容对于计算机专业的学生来说难度较大，且与网页设计相关性不大，就可以舍去，重点放在图像处理和图文排版的内容上，教学案例的设计上都以各类网页为主，从按钮设计到整个网页页面的设计，使整个内容具有高度专项性质。通过对教学内容的调整，使其更有针对性，并且系统性的安排教学内容，使学生在学习的时候能更加轻松的掌握知识。
（二）使用多种灵活的教学方法。
对于网页美工设计这个实用性很强的课程，在教学方法的选择上，不能只进行空洞无力的讲解，应注重实践操作能力的培养，从实践中引入相关理论的讲解，使学生能更快的掌握一些基本的设计原则和知识。对学生的培养也要采用多样化的教学手段，如案例法、项目式教学法、PBL教学法等。通过以现有网页为案例讲解网页的设计思想，通过安排学生完成规定的项目了解网页设计的流程等。以实际案例作为实训项目，精心安排实训的内容，内容要与实际工作环境相结合。可以先将案例分段布置给学生完成，待学生有一定的基础后，再将整个案例安排给学生，学生可以自行独立完成或者分组完成，完成设计后可以让学生对起设计理念、设计方法进行陈述，老师和同学都可以进行点评，这样既锻炼了学生的创作能力也锻炼了学生们适应市场的能力。考核方式也更加灵活，注重学生实训的过程考核。
（三）加强课外练习和指导。
由于网页美工设计的课时相对于大量的教学内容来说是远远不够的，但是由于该门课程大部分内容都是用于实践，且与其他多门课程存在相关性，在其他课程学习或实践的同时，也可以强调考察学生网页美工设计的能力。而且设计能力的培养是一个长期积累的过程，教师要加强引导，可以收集提供资料供学生参考和练习，学生要做到多看多练多思考，提高自身自学能力，才能达到全面提升的效果。
三、总结
面对现在越来越激烈的就业竞争，单一型的人才已经不能适应社会的需要，社会需要的是一专多能的复合型人才。学校为了适应社会的需求，需要对教学进行一定的调整，使其更加贴近社会需求，怎么更好的进行调整，需要广大教育工作者们要不断进行教学改革的实践，在实践中发现问题解决问题，培养出符合现代社会需求的高素质专业型计算机人才。
网页培训总结篇7
实训项目： e商网
指导老师： 郭**、胡**、张**、陈**
实训地点：*******学院 综合楼1504
实训时间：2011年9月15日——2009年12月25日
实训小组：开发小组（组长：刘**，成员：****、李**）
实训目的：通过项目形式密切联系实际，潜移默化地进行综合素质、职业素质教育，增强学生综合运用所学知识解决实际问题的能力。
实训内容：网页设计师、网页策划师、网页美工师
网页设计与制作是计算机应用技术专业的一门重要的专业必修课，通过课程的学习，能够了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言和JAVAScript程序，掌握运用Dreamweaver网页制作、特别是PHP程序设计、Mysql数据库开发与应用制作动态网页方法，掌握运用Fireworks图像处理软件进行网页图形制作和运用Flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。
实训项目模块描述：
主页设计
A、 整体布局（首页、列表页、内页、后台页）
B、 广告位设计
C、 页眉、页脚设计
D、 浏览器兼容设计
注：全部使用DIV+CSS技术
用户管理
A、 系统用户（添加、列表、登录、权限、信息更改）
B、 商家用户（添加、列表、期限、登录、权限）
C、 普通用户（会员卡号、登录、权限、资料修改）
商家管理
A、 新闻管理（新闻列表、新闻）
B、 产品管理（产品列表、产品、产品类别）
C、 用户管理（信息更改、密码更改）
D、 销售管理（销售列表、销售汇总）
会员卡管理
A、 会员卡资金管理（充值、支付、余额）
B、 会员卡积分管理
C、 会员卡消费记录
新闻模块
A、 新闻管理（列表、类别、、修改、删除）
B、 评论管理（留言、回复、修改、删除）
C、 分类信息导航（行业分类、地址分类）
产品模块
A、 产品管理（添加、修改、删除） 注：每商户独立
B、 产品展示（列表、大小类、单独页）
C、 产品推荐（手工推荐、热门、销量）
D、 产品搜索
销售模块
A、 单机销售（购物车、结算、统计）
B、 网络销售（购物车、结算、统计）
C、 票据打印功能
广告模块
A、 广告管理（、修改、删除）
B、 收费管理（类型、价格、时间）
C、 类别管理（列表、大、小类）
相关文档
A、 开发文档
B、说明书、使用手册
软件（安装包、教程制作）
实训体会：
本次的实训跟平常的上课确有不同，把平时上课的教室换成了机房，上课的时候注重的是理论知识，但在这次实训中注重的是实践能力，是以前在课堂上学不到的知识。本次的实训是开发一个eshop商家联盟的电子平台，通过理论与实践相结合，进一步加深我们的理论知识。网站功能分析：该网站主要由登录界面、用户界面、商家后台、产品展示界面、新闻界面、加盟界面以及留言功能界面等组成。在制作网页的过程中遇到过很多的问题，特别是代码部分，就算是少一个括号网页都不可能运行成功，但我们还是会努力去检查看代码中到底是哪里出错了，可能检查一两遍还检查不出来错误，但是我相信网页运行不出来，肯定是代码中有错误的地方，要更仔细地查找。实在找不出来，可找同学帮忙找，然后将其改正就可以。特别是我们，这方面的知识还很缺乏，反而要不懂就问，要善于接受老师的指导和听取同学的意见，从而能更加完善地制作网页，争取做得更好。实训过程是繁琐的，但同学们都表现得很积极，不怕困难，相互帮助一起分析。任课老师也非常认真负责，耐心讲解，细心指导，一点点解答同学们的疑惑，直到同学们理解了为止。在实训中，分析、讨论、演算，机房里充满了浓浓的学习气氛。 实训是短暂的，我明白了这样的一个道理：PHP综合实训不只是需要书本上的知识，更需要实践，更涉及到一个团队的合作与管理。收获是巨大的，其中我觉得最让我受益的就是学会与人之间的沟通和协作，我觉得那是我们做事的成败的重要因素之一。通过这次实训，我得出以下结论：1、专业知识匮乏：这次实训让我深深的感觉到自己在实际运用中的专业知识的匮乏。真正学到了计算机教科书上所没有或者真正用到了课本上的知识，这样，既巩固了旧知识，又掌握了新知识。2、团队的重要性：在很多情况下，单靠个人能力已很难完全处理各种错综复杂的问题并采取切实高效的行动。所有这些都需要人们组成团体，并要求组织成员之间进一步相互依赖、相互关联、共同合作，建立合作团队来解决错综复杂的问题，并进行必要的行动协调，开发团队应变能力和持续的创新能力。3、人与人之间最宝贵的是真诚、信任和尊重。其桥梁就是沟通。如果组员之间没有沟通的话，在很多时候都会做无用功，而且达不到预期的效果。此次实训培养了同学们耐心的工作作风，增强了同学们的合作意识，提高了大家的应用分析能力。而且在实训过程中，我认为自己还有很多不懂的地方。如果我们想要做出一个好的网页或者网站，我们都还应该更多地学习这方面的知识，不断学习不断积累才会有更多的经验，从而更好更深入地理解这门课。这次实训也让我深刻了解到，不管在工作中还是在生活中要和老师，同学保持良好的关系是很重要的。做事首先要学做人，要明白做人的道理，如何与人相处是现代社会的做人的一个最基本的问题。对于自己这样一个即将步入社会的人来说，需要学习的东西很多，他们就是最好的老师，正所谓“三人行，必有我师”，我们可以向他们学习很多知识、道理。我想生活的路也是人走出来的，每个人一生总要去很多陌生的地方，然后熟悉，而接着又要启程去另一个陌生的地方。在不久就要踏上人生另一旅程的时候，有时不免会感到有些茫然，感到无助，但生活的路谁都无法预设，只能一步一步摸索，但只要方向正确，不要走入歧途，走哪条路都走向光明。
这次实训虽然是我们的第一次，不过同学们表现不错，由此看来，我们在进入大学的这两年里或多或少学到了一些专业的东西，只是自己感觉不到而已。对于所学专业，我们不能过于自卑和担忧，否则会妨碍自己学习。 我把本次三个月实训看作是 “理论与实践相结合的桥梁”。通过三个月的实训和学习，我知道了此次实训的目的，也清楚目前自己的不足，那就是缺乏相应的知识与经验，对所学的专业知识不能够很好地运用于实践操作。但是我也有许多收获，在这次实训中，我第一次体会到程序员是什么样子的，也发现了很多不曾注意到的细节，把职业能力训练与职业素质的训导有机结合起来。相信这对我接下来学习工作开发程序员知识会起到很有效的帮助， 本次实训，我最深的感觉就是累，我想这就是程序人员的工作。我也体会到开发成功地编写代码，成功地完成一个任务的那种兴奋，那种小有成就的感觉是只有置身其中的人才能体会的。 总之，这次实训为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。从实践操作中，我总结出一些属于自己的实践经验，社会是不会要一个一无是处的人的。作为在校计算机应用技术专业的大专生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的编写能力、沟通能力和合作能力，自己有了能力，到时候才会是 “车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空！
感谢系领导对我们这次实训的大力支持与鼓励，以及无微不至的关怀！感谢指导老师在实训期间依然不忘关心我们的生活与工作，感谢这三个月来一起工作的几位同学，无论生活上还是工作上，他们都给予了我莫大的支持与帮助！感谢我的父母一直以来对我的支持、关怀与爱护，没有他们的悉心培养，就没有今天的我！感谢朋友，一直以来对我的关心照顾，对我的帮助，对我的支持与鼓舞......感谢你走进我的生命,让我的生命丰富而又美丽,我愿用我有生的时光,带给你无限的快乐！我将会用我的一生与成功来回报诸位的恩情。
实训人：***
网页培训总结篇8
工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程，从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向，是一种课程开发方法，是2002年德国劳耐尔(Rauner)教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题，结合企业对网页设计人才能力的需求，对网页设计师的工作过程进行分析，分解出典型工作任务，分析各个环节的能力要求。再基于网页设计师的工作过程，构建网页设计课程的实训教学模式，其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践，借以激发学生的学习兴趣和学习热情，改进教学效果。
2.前端工程师典型工作任务分解
通过调研，我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发，所采用的技术目前主要是HTML4+CSS2，但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术，课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展，课程简单涉及到HTML5+CSS3的特点。将前端工程师的主要工作内容进行分析整理，结合前端工程师应具备的能力和素质，我们将前端工程师的典型工作过程分解为以下八个部分：网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成，每一个网页的设计完成需要用到的知识基本类似，所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用，这些都是网页设计课程的前导课程或同期课程的讲授内容，所以在此只涉及到应用，并不深入讲解。
3.重新构建教学体系
3.1实训内容设计
网页设计课程是以实践为基础的核心课程，所有理论知识必须在技能训练过程中得以掌握和运用，所以必须注重培养学生理论知识的灵活运用能力和网页制作实训能力。网页设计课程的实训内容设计重点体现在以下几个方面：
(1)以工作过程分解为依据。网页设计课程以前端工程师的典型工作过程分解为依据，将实训内容设计为包括局部设计、界面设计、兼容性测试、案例实训四个大的模块，贴近前端工程师的工作过程，满足前端工程师的岗位能力需求，使整个教学过程更加具有针对性。局部设计又由常用XHTML标签、DIV布局、CSS样式美化、JavaScript页面特效组成。局部模块设计即兼顾网页设计课程知识体系的系统性，又结合前端工程师的工作过程，即有利于加深学生对个别知识点的理解，又有利于学生网页设计知识体系的构建。
(2)基础知识与综合实训并重。实训内容的前三个模块属于基础知识学习部分，最后一个案例实训模块属于综合实训。在整个课程设计中，综合实训课时占整个课程课时的1/3以上。课程教学方式也从前期的讲练结合，转变为实训辅导为主；授课对象从前期的面向整体为主，转为面向个体为主。通过对综合实训课时比例的增加，培养学生对知识点的综合运用能力，进而无缝衔接前端工程师的岗位能力。
(3)化整为零、小小案例。前端工程师的工作过程是一个系统性非常强的、复杂的工程，由很多小的知识点组成，需要对知识点进行综合、灵活的应用。针对知识点的案例往往并不适用于整体网页设计，这就造成了知识点的学习与综合实训的脱节，容易给学生造成一种无所适从感。课程实训设计将分布于综合实训中的局部功能分解为基础知识点的学习案例，一个个局部功能分解为一个个小小案例。这种方法也使得学生在做综合实训时有一种亲切感，方便学生知识体系从局部到整体的构建。
3.2实训方法设计
课程实训方法设计结合实训内容特点，采用“教、学、做”一体化的教学方法。局部设计主要采用理论实践一体化的项目教学法和任务驱动教学法，强调知识点在小案例中的应用。综合实训主要采用分组教学法和真实案例教学法，强调小组协作能力和综合实训能力。
(1)项目教学法。项目教学法时一种由项目引入进而展开知识点的教学方法，一边分析讲解、一边操作演示，讲练结合，激发学生学习兴趣，提高学生分析问题、解决问题的实际能力，轻松达到教学目标。
(2)任务驱动教学法。将实训内容设计为一个个独立任务，充分调动学生的学习积极性和主动性。任务也分为三种类型：局部功能任务、整体设计任务、真实企业任务。任务的实施也是从简单的局部功能任务到整体设计任务，再到灵活运用的真实企业任务的过程，逐步进阶。任务驱动贯穿整个实训环节设计，有利于训练学生的职业态度，也有利于提高学生的知识应用能力和创新能力。
(3)分组教学法。综合实训阶段的任务相对复杂，单个同学实现有一定的难度，所以采用分组教学的方法，有利于形成小组内探讨解决问题的氛围，也有利于加深对知识点的理解，能有效培养学生的团队意识。为充分发挥每个成员的潜能，形成足够量的成员任务，在设计小组时人数不宜太多，一般以2-3人为宜。
(4)真实案例教学法。将企业真实案例引入教学过程，能有效拉近课程教学与岗位能力需求之间的距离，充分激发学生的学习热情，即能让学生对岗位能力需求有更深刻的理解，也能增加学生的自我认同感和成就感，进而达到培养岗位人才的目的。
3.3考核方案设计
本课程的最终目的是要求学生应用所学知识，根据网站策划图完成网站设计。前端工程师是一个注重实际能力的岗位，传统的理论知识考试方式不能充分评价学生的学习成绩和能力水平，对于学生实践能力的提高，以及就业能力的提高是没有多少益处的。也有部分研究者将考核形式改为考核学生完成网站作品制作的形式。这种考核方式相对理论知识考试有了很大的进步，更加注重实践能力的考核，但很多时候教师考核给出的网站策划作品比较滞后，内容相对简单，所有同学完成一样的网站设计，难免存在抄袭的嫌疑。这就造成了很多同学觉得自己对课程内知识掌握的不错，但看到企业复杂的网站策划图，依然不敢面试前端工程师岗位。因此课题组对考核方案进行了大胆的改革，期末总评学习成绩由三部分组成：过程考核(平时到课考勤、上课回答问题和随堂作品)占20%、技能考核(课内分模块作品以及综合设计作品)占30%和项目考核(期末综合作品)占50%。这种方式较为客观的反应了学生的学习情况和能力水平，主要特点包括：
(1)真题真做。将企业一线的多个真实案例拿来供学生选择，作为项目考核题目。多种作业选择能在一定程度上减少学生作业抄袭的情况。来自企业一线的真实案例与岗位能力要求高度契合，增强学生就业能力和自信心。
(2)注重过程考核。期末考核只占期末总评成绩的50%，其余两部分都是教学过程中完成的，属于过程考核。这样的考核方案设计能有效避免学生过分注重短时间的期末考核，能使学生更加重视知识技能积累的学习过程。
4.小结
基于工作过程的网页设计课程实训模式开发，以前端工程师的典型工作过程分解为依据，从简单到复杂，从局部到整体，符合学生的认知学习规律。实践内容以来自企业一线的真实案例为基础，真题真做，培养和提高学生的实践动手能力和综合运用能力，拉近课程培养与企业用人需求之间的距离，提高学生的就业能力和核心竞争力，实现技术技能型人才的培养目标。