时间：2022-05-18 08:25:41
绪论：在寻找写作灵感吗？爱发表网为您精选了8篇网页实训报告，愿这些内容能够启迪您的思维，激发您的创作热情，欢迎您的阅读与分享！
关键词：网页设计与制作；教学内容；教学方法
中图分类号：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.
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。
1.2.4Flas制作重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5JavaScript程序设计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的<img>标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例——具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。
2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训网页的制作
不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
1理论教学
1.1课程目标《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。
1.2.4Flas制作重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5JavaScript程序设计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的<img>标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例——具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。
2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。
1 教学内容分析
网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。
对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。
综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。
2 学情分析
2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。
2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。
3 教学设计思路
3.1 理念。基于工作过程开发网页设计课程。
3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。
表1 小型企业网站项目举例
序号 模块名称 知识点
1 建站准备 需求分析
2 规划设计网站 网站规划设计知识、网页配色
3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用
4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用
5 设计制作栏目1-公司概况 网站中字体搭配与排版
6 设计制作栏目2-企业相册 表格、网页中的多媒体应用
7 设计制作栏目3-产品展示 超链接、CSS
8 设计制作栏目4-留言板 表单、数据库访问
9 网站整合与 申请空间及上传网站等
3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。
单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。
4 教学方法与手段
4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。
4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。
4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。
4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。
4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。
5 考核办法
以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。
【关键词】网页设计 课程改革 探索
《网页设计》是计算机课程体系的重要专业基础课程。一些高职院校学校的现行教材中教学内容比较滞后，脱离实际。实践与能力培养不够突出，专业实习、实训的设备与计算机技术的发展有一定的差距，学生的实验教学往往不能保质保量地进行。学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会相关职业岗位的需要。根据社会对网页设计人才的巨大需求现状，改革现有教学模式，增强学生的学习兴趣，对于提高学生的实践技能，增强职业竞争能力，具有十分重要的意义。[1]因此，《网页设计》课程进行教学改革势在必行。
一、课程现状及存在的问题
目前，许多高等院校都开设了《网页制作》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用、电子商务、物流等专业公共的必修课程，也受到了其它专业学生的欢迎。网页设计教学内容通常包括HTML、语言、JavaScript 语言、CSS+div、图像处理、动画制作等方面，常用的软件是网页三剑客和Photoshop 的搭配使用。因此就授课内容而言，该课程具有知识点多、操作性强的特点。
分析目前课程中存在的问题，主要包括：教条式的课程教学内容，内容无法反映当前社会需求；教师在教学中与学生缺乏互动，学生缺乏积极性；实验教学与实际需求脱节，课程实验往往是一些基础知识的练习，缺乏用于解决实际项目的技术，形成了学生学而不会用的局面。同时，各高校网页设计课程多为36学时，课堂上学生无法获得足够知识点。而一些课程网站则只是简单的知识堆积，缺乏对学生的引导作用。
二、教改思路
本课程改革的宗旨是：由以知识为本位向以能力为本位转变，以就业岗位对人才知识结构的要求为依据，以项目教学为主线，以学校网站建设为目标，进行课程内容整合，使学生明确学习目的和内容。通过讲授项目实施的全过程，介绍网页制作的知识，使学生在学习的过程中，成为参与项目、创造实践的活动者，将知识转化为实际能力，实现具有独立完成网站建设与开发的专业技能，同时，通过本课程的改革与研究，找出适合专业学习的教学模式，探索出一条培养复合型大学生的新途径。
三、教学改革措施与方法
1.教学内容安排
整个教学内容的安排必须以实际应用为主线来进行，完成必要的知识点传授。同时，按照项目应用实际需求，改变教条式的教学内容安排。在以教师为主的主动“教”、学生被动“学”的传统灌输式教学模式下，学生无法全身心投入到学习中。为了让学生知道怎么学、学到什么以及知道学会了后具备什么能力，在教学内容安排上要以实际项目或目前应用中的项目为教学内容，让学生参与到实际项目的研究内容中去，从项目制定、需求、开发、测试的全过程安排教学内容，从“因材施教”转变为“因需施教”，从而调动学生的学习主动性和热情。
2.课程教学方法
采用实训――教学相辅相成的方式，选择合适的案例贯穿到整个教学过程中。在每节课讲授一个模块的同时，完成一个实际项目。在“因需施教” 的教学内容安排中，从“教”与“学“的传统教学模式过渡到“学生为中心”的教学方法。实验课则致力于充分发挥学生的主动能动性，教师只是讲解基础知识点，启发学生学会在项目开发中主动应用学到的基础知识，通过实训――教学的训练方法完成实际项目，从而提高学生对知识点的理解能力，增加学习效果。
3.基于用户体验的教学网站建设
目前的网页制作课程学时量较少，对这类实际操作要求高的课程，必须通过课外练习的手段达到学习效果。而传统的课程网站多为知识简单的堆积，无法提高学生的兴趣。本文提出采用基于用户体验的教学网站设计，来达到快速吸引学生眼球、发挥课程网站对课程教学的作用。在教学网站内容安排上，既要有课堂教学内容，还必须结合课程安排大量有趣、巩固知识内容的课外练习。同时，基于用户体验的教学网站也是网页设计课程所要掌握的知识点。在课程网站教学的过程中，处处体现网站采用的知识点及其用户体验，学生在通过课程网站学习的同时，也学习了网站的制作方法，从而增强课程网站对学生的吸引力。
4.基于认证的课程培养模式
实训报告个人心得感悟1
通过这次对天塔之光模拟控制的plc课程设计，让我了解了plc梯形图，指令表，外部接线图有了更好的了解，也让我了解了关于排列成设计原理，有很多设计理念来源于实际，从中找到正确的设计方法。
本次课程设计是要求团队完成，所以遇到问题要求和同学互相交流互相讨论。我们在做课程设计的过程中要不停的讨论问题，这样，我们可以尽可能的统一思想，这样就不会使自己在做的过程中没有方向，并且这样也是为了方便左后设计合在一起，讨论不仅是一些思想的问题，还可以深入讨论一些技术的问题，这样可以使自己处理问题要快一些，少走弯路，多改变自己的设计方法，在设计过程中最好要不停的改善自己解决问题的方法，这样可以方便自己解决问题。
总之，这次实训对我真的很有好处，给我弥补了很多我欠缺的知识，像梯形图电路的循环，自锁，以及和数码管梯形图的结合效应，在今后的学习过程中，要更加努力的学习自己的专业知识，多多与同学和老师交流，相信不久的将来可以有点成绩。
实训报告个人心得感悟2 为了更好地巩固已有知识，学习技能，我到桂中纸业有限公司进行实习，在办公室担任行政文员的工作，在此我做一个行政文员实习心得。
在实习期间，我接触了一些办公用品，如传真机、碎纸机、打印机、扫描仪等，掌握了这些机器的基本操作，了解了公司办公的基本情况。同时在此期间我也学到了许多更有用的东西。
开始实习时，刚进入陌生的环境难免会有些紧张，不知道该怎么办。是同事们友善的微笑缓解我的尴尬。大家都很有礼貌，不管大事小事都要说声谢谢。
作为行政文员，任务比较琐碎繁杂，指导我的老师教我，做事情要分主次、有条理。说着容易，做着难。每天要发传真、收信件、整理废旧纸张在利用等，手头有多件事情需要完成。当然这时候就要将重要的事情放在首位，把所有事情的主次顺序排好。这样就不会乱。正好最近公司在扩建，传真很多。要“分主次，有条理”是做好事情的关键，这次实习让我更加深了对这句话的理解。
实习是我步入社会前的第一课，教会我怎么待人接物，如何处理各种事情。虽然在短短的3个月里看到的只能是工作的一个侧面，学习的只能是一些初步的方法，但这些对于我是非常重要的。
这次实习告诉我，在社会这个大学堂里我还是一个小学生，还有很长的路要走。要抱着谦虚谨慎的态度，无论大小认真踏实的完成每一件事，走好每一步。
通过实习，我有信心，未来的路我能更好地走下去!
时光匆匆，为期3个多月的实习已经圆满的落下帷幕。回顾其中的点点滴滴，有成功后的欣喜和激动，也有挫败后的失落和无奈。在师傅们的谆谆教导下，我在收获业务技能的同时，内心也经历着微妙的成长。
面对新的环境，新的顾客，内心有点紧张。在看似忙碌而又紧然有绪的工作中，我开始记住了“客户“这个词，因为我深知客户是我们的服务对象，我开始体味“微笑服务“诠释的真谛。
这一次实习主要是行政。同时，学习联行往来业务。前几周主要是以看为主。开始安排我在财务部学习。我从整理发票开始。虽然看似一句话就能讲清的流程，但实际操作起来却并不是行云流水般流畅的，这其中所抱露的细节问题也决不是可以草草了之的。我从编码开始，慢慢熟悉整个操作过程。但渐渐的随着熟练程度的增加，错误减少了，从中也得出了自己的心得。确实如此，财务工作是一项看似简单但精密度很高的工作，它需要的是更多的耐心和细心。所以我一直都在培养自己这方面的能力。刚开始时，几乎每一天每做一件事都要犯错，但是渐渐的在各位同事的帮助和指导下，我已经慢慢从常犯错，减轻到少犯错，犯小错，并争取不犯错。
由于老板和同事的信任，不到一个月，我就有了自己固定的办公桌，虽然对公业务不是很多，但是在一些简单的业务中我渐渐培养自己专注和细心的能力。因为我觉得业务可以学，但性格是需要慢慢培养和塑造的。它需要一个过程，更需要一份恒心。
实训报告个人心得感悟3
通过这次实训对做好网页有了更深的了解。
一、准备资料和挑选符合目的主题的合适素材
做网页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。
二、规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印象没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
三、善用图片，增强艺术效果
【关键词】网站开发综合实训课程 项目教学法 应用
【中图分类号】G 【文献标识码】A
【文章编号】0450-9889（2016）12B-0112-02
网站开发是一项对实操能力、自主创造力以及团队协作能力要求非常高的专业技能。中职教育是以向社会输送专业技能型人才为主要目标，以提高学生职业技能为目的培养社会所需的人才。本文试针对网站开发综合实训课程教学现状，分析项目教学法及其在网站开发综合实训课程中的作用，并提出网站开发综合实训课程中项目教学法的应用措施，以有效地提高学生实操能力，提升教学质量，培养更多的专业技能型人才。
一、网站开发综合实训课程教学现状
整个计算机网络专业课程中，网站开发是核心技术之一，它将多门专业学科知识融会贯通，是一门对实践和操作都要求非常高的技术课程。现有中职计算机网络专业的各科成绩以及最后实践的大数据调查普遍显示学生的各科成绩都达到优异的标准，但综合实践的过程中却存在不会开发、不会思考，甚至是对于一个开发网站的项目无从下手的情形。种种迹象表明，学生虽然各科成绩优异，但缺乏将所学知识运用于实际，缺乏连贯运用，缺乏实际操作能力。因此，对于计算机网络专业的学生开设网站开发综合实训课程非常必要。它对于培养学生动手能力、激发学生学习探索的兴趣以及提高学生综合知识应用能力有着显著的改善。
然而，从网站开发综合实训课程整体开设的现状来看，其教学模式仍是以教师为主体，教师通过电脑屏幕的控制向学生演示课程中即将要实现的功能以及实现的过程，让学生模拟练习，如此一来，学生无须动脑，他们大多认为只要根据步骤实现功能就行，缺乏自主探索意识，这样的实训现状已经跟不上当前网站开发的现实需求。
二、项目教学法及其在网站开发综合实训课程中的作用
在计算机网络专业的综合实训课程教学中，传统的利用投影仪或者是利用多媒体网络教学的情形非常普遍，各种先进的教学方法也引入教学之中。然而，由于长期以来教学一直强调的是以课堂为中心、以教师授课为中心，忽略了学生的主动性以及积极性的发展，这就导致学生在实践中缺乏实际开发能力。项目教学法是以学生为主体、以教师为主导、以项目为主题的一种创新型教学教学方式。它强调学生的自主学习，促使学生从尝试入手，从练习开始，调动学生的自主学习能力、积极探索能力，让学生当“主角”、让教师当“辅助”，如此一来，有利于锻炼学生动手能力，提高实际操作能力，对所学知识进行融会贯通。在综合实训过程中应用项目教学法，则都是由学生自主分析、自主操作、自主探索，教师扮演解惑的指导角色。它能够充分调动学生的主观能动性以及积极创造性、动手能力、思维能力，促进学生更好地将所学知识运用于实际，实现教学的目的。这就有助于培养学生创造力和创新力，使学生能真正理解什么是网站开发，网站开发都需要经历什么样的过程，并在实操中学以致用。
三、网站开发综合实训课程中项目教学法的具体应用
网站开发综合实训课程是一门综合考验学生对于各科知识的掌握情况，提高学生专业技能的重要课程。可以说，它是对学生在网站开发中实操能力的终极锻炼。网站开发综合实训课程中应用项目教学法，让学生独立对一个项目进行处理，包括开发前期信息的采集，设计项目方案，书写项目开发文档以及预估开发过程和网站开发之后部署实施，交付报告，终极测评等，不仅可以加深学生对知识的理解，更有助于提高学生全方位的技能。在网站开发综合实训课程中项目教学法主要涉及设计思想、设计理念、设计步骤、实施过程以及项目考核。
（一）设计思想。网站开发综合实训课程的主要目的是要将网站开发的核心课程知识串联起来完成一个具有动态交互功能的网站，所依据的基本思想为：从项目主题出发，凭借自己所学的专业知识和技能，通过方法分析、任务分解以及社会能力的运用来完成整个项目的设计。
（二）项目制定。从确立该项目为交互式动态网站开发主题开始，根据学生的能力将该网站目标定位为：创建网站、网页设计、动静态网页制作以及数据库创建与维护、脚本语言的使用技术等，根据学生掌握相关知识的能力对这些模块进行重组，主要体现在以下 6 个模块：
模块1 创建网站的框架设计
模块2 动态网页与静态网页的页面设计
模块3 数据库的创建与维护
模块4 页面美化
模块5 页面功能的处理
模块6 网站的测试与
从设计理念上看，每个项目都是一个相对完整的工作过程。设计之初，必须明确在该项目中要实现的目标以及预估或检测是否在自己的能力范围内，所需的专业知识，在该项目进行开发的过程中所涉及的知识、方法等事先都应该明确，如此才能更好地进行网站开发的后续工作。
（三）项目实施。将一个项目分成 6 个独立的模块，以实现每个模块为目标，最终实现一个完整的项目。如此一来，项目目标明确，每个模块要实现的功能任务也很明确，学生在一步步完成既定的分解任务之后，再进行有效的模块汇总，最终实现项目，实现该项目所要达到的功能。鉴于此，该项目依照上述分解的模块，具体的设计步骤或是详情步骤可分为以下几步：一是将上述模块1的框架设计分解来进行网站创建、页面结构、页面布局等框架的设计。二是动静态网页的创建可分解为使用 javascript 脚本语言、htnl 网页语言或者是 、PHP 等开发语言来实现页面注册以及其他功能性网页的创建。三是数据库模块的设计步骤可分解为数据库的配置、链接、建表、所要涉及的视图、存储过程以及数结构编写等。四是网页美工模块可分为整个网站的网页布局统一性以及单个页面设计的美化性等。五是功能信息模块可将其分解为单个页面功能的实现以及整个网站统一性的功能完善等，包括绘图、按钮形状以及后台逻辑过程的处理。六是该模块可分解为整个网站进行黑盒测试、百盒测试以及服务器搭建和网站的。
项目的实施主要包括实施项目、网站展示检查以及评测，包括对项目进行可行性的分析、项目实现的基本思路、实施的基本步骤以及进度控制的方面的工作。可采取小组的形式进行，到整个项目结束提交一份总结以及项目的开发文档并进行汇报。而教师对该项目在开发过程中出现的一些问题以及处理问题的方法进行评测、归纳并总结，提出可改进的一些建议，以便学生在下次进行网站开发项目中能得到提升。
（四）项目考核。考核是对整个网站开发项目的最后的步骤，考核直接关系到教学成果，直接关系到学生实施项目的效果和最终成绩的评定，重点在于技能考核，所实现功能的方法考核，是否测试通过考核以及教师评测和学生自评等组成，至于成绩比例的分布等可根据不同项目来逐步确定。
目的。
关键词：CDIO ASP NET 工程能力
中图分类号：G420 文献标识码：A 文章编号：1673-9795（2013）05（a）-0157-02
CDIO是当前国际高等工程教育的一种创新模式，它代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），是以产品研发到产品运行的生命周期为载体，通过项目设计将整个课程体系系统地、有机地结合起来，让学生以主动的、实践的、课程之间有机联系的方式学习工程，参与到课程的各个教学环节[1～2]。
动态网页设计课程是计算机应用技术、计算机信息管理、软件技术、计算机网络技术等专业的一门职业技能核心课程。随着计算机网络技术的发展和以网页为载体的网络信息的广泛传播，网页制作技术已成为信息技术人员必须掌握的职业技能之一。是建立在微软新一代.NET平台架构上，利用公共语言进行时（Common Language Runtime）在服务器后端为用户提供建立强大的企业级Web应用服务的编程框架，支持多语言协同开发，是目前进行Web开发的主流应用技术之一。该课程教学目标就是培养学生掌握 Web程序设计开发、网站建设、设计到实现的实践动手能力。为了实现该教学目标，针对计算机相关专业毕业生缺乏工程设计能力，不能满足IT企业需求，我们借鉴了近年来国际上流行的CDIO工程教育模式，在该课程教学过程中引入CDIO，贯彻“基于项目教育和学习的理念”，结合我校实际情况对该课程教学环节进行了改革，将“做中学”的理念渗透到该课程教学的各个环节，以帮助学生建立理论知识与工程设计实际应用之间的联系，进一步提升教学效果。
1 课程分析
动态网页设计课程与其他课程结合紧密，是程序设计基础、面向对象程序设计、数据库原理及应用、图形图像处理等课程的综合运用与实践课程，是融理论、实践一体化，教、学、做一体化的专业课程。该课程主要讲授使用的相关技术以及编程方法，为Web开发打下坚实基础，主要内容包括HTML标记语言、脚本语言基础、C#程序设计基础、服务器控件、验证控件、内置对象使用、数据库编程、数据源控件与数据绑定、站点导航与母版页等。该课程教学中容易出现以下问题：
（1）教学目标与社会需求脱节，学生动手能力差，后劲发展不足，严重制约学生的后续发展，同时对学生的就业造成影响。
（2）课程内容缺乏层次化和系统化，学生在学习过程中难以融会贯通，不能灵活运用技术进行项目设计与开发。
（3）实验教学环节薄弱，学生实践过程中只是盲目模仿练习教师上课时使用的案例或实现教材中的例题，缺乏自我学习和探索能力，阻碍学生扩展应用能力的培养，进而影响课程的教学质量。
2 CDIO在动态网页设计课程教学中的应用
CDIO工程教育模式是“做中学”和“基于项目教育和学习”的集中概括和抽象表达，我们将CDIO引入动态网页设计课程，对该课程理论教学模式和实践教学方法进行改革，通过项目学习的教学教学方法实施“做中学”，基于项目设计教学案例引导学生应用所学知识逐步完成项目的构思、设计、实现及运作，培养学生WEB应用设计与开发的能力。
2.1 基于案例的课堂教学
在该课程教学过程中，考虑学生实际状况，结合课程特征和应用方向，我们选取了学生比较熟悉的、与自身相关的学生信息管理系统项目开发作为整个教学过程的主线，并根据该课程的内容划分子项目，将课程主要知识点包含在每个子项目中，以项目任务设计课程教学单元，课堂上首先讲述理论知识，然后以与其相关的案例讲解如何应用理论知识解决实际问题，进行子项目的设计与开发，最后让学生思考如何进行项目拓展。围绕学生信息管理系统开发，从实际出发分析该项目建立的目标，在了解系统需实现的功能模块基础上设计网页，并建立数据库需要的数据表及其字段，融入课程知识点设计逐步实现该系统功能的案例，让学生了解整个设计与开发过程，掌握相关技术。比如在讲述该课程服务器控件基本属性后，以设计该项目中学生信息在线注册页面，该页面中包括输入学生学号、姓名、密码、性别、所属院系、E-mail等信息，其中学号、密码等信息用TextBox控件实现输入，性别可以用RadioButtonList控件实现输入，所属院系可以用DropDownList控件实现输入，将各控件的用途融入项目的实际开发中；在讲述验证控件使用时，可以针对已建立的学生信息注册页面进行实际需求分析，比如注册时学号、姓名、密码等信息均不能为空，两次密码输入必须保证一致，E-mail必须符合用户名@域名格式等，依次操作演示如何灵活运用验证控件解决这些问题；学习数据库编程时，可以讲解如何编程实现学生信息注册页面中的注册功能。
2.2 基于项目的实践实训教学
本课程分为基本项目学习和项目实训2个实践环节将理论教学与实践教学紧密结合，以创作最终产品为目标，使学生加强实际动手能力，充分获得与职业相关的工作经验。
基本项目学习主要是在该课程平时上机实验中通过“学生信息管理系统”项目实施“做中学”，通过逐步完成项目的设计与开发掌握应用技术开发网站，经历项目开发的全过程，具备全面理解和运用学科知识的能力。由于教学课时有限，不可能将该系统所有页面设计与代码实现都在课堂上进行演示，因此，课堂上主要选取设计系统主要功能的页面进行讲解，比如学生信息在线注册、查询、登录、学生信息管理。在该阶段学生主要以个人形式实现项目分阶段任务，以达到牢固掌握该课程基本知识的目的。鼓励学生在基本模块基础上进行拓展，比如实现学生信息查询功能时能够按照学生学号、姓名、所属院系等信息进行综合查询，支持按学号或姓名字段进行模糊查询等。
项目实训阶段是指该课程基础教学后，在学期末集中一段时间完成一个Web项目的设计与开发，可以在校内实验室模拟工作环境对学生进行训练，或在校外实训基地进行，强化学生实践能力培训，促成CDIO学习效果的形成。选择适当的WEB系统设计项目，将学生分成小组，每组设计一个项目，学生自主设计和完成项目开发，小组成员采用分工协作的方式完成项目构思、项目设计、项目实施、项目运行、项目演示及结题阶段。基于CDIO的项目实训流程如图1所示。
项目实训阶段中各小组可以选定一个学生担任项目经理对项目进行进度、质量进行管理，组织和协调各小组成员完成项目设计与开发工作。项目结题时可要求各小组进行项目演示及答辩，强调表达能力、沟通能力、协作能力的培养，为学生提供更多的学习提升机会。项目题目可以采用学生可以自行选择、教师指定或校外实训时公司实际项目等方式，比如在线论坛、在线考试系统、音乐网站、新闻系统、企业门户网站等等。在该阶段开始前，为了让学生更加系统的理解应用进行WEB项目的设计与开发，我们给学生系统的介绍了如何采用界面、业务逻辑和数据访问三层结构框架实现购物车项目，为学生提供一定程度的项目指导作用。
2.3 基于CDIO的评价体系
CDIO高等工程教育模式以构思、设计、实施及运作全过程为载体来培养学生的工程能力[3]。工程能力不仅包含个人的学术知识，还包含终生学习能力、团队交流能力和系统掌握能力[4]。CDIO工程能力的评价是在学生完成一系列项目时，对其知识水平、自身能力、团队合作与沟通、系统掌控能力的评价与具体衡量。本课程对学生能力评价主要通过三方面考核：
（1）理论知识。通过笔试评价学生对理论知识的掌握情况，夯实理论基础，为Web实际应用提供保障。（2）工程设计与应用能力。主要通过分阶段上机实验考核，随着课程内容的有序深入，逐步完成“学生信息管理系统”项目的分阶段构建，学生自我拓展对该项目功能进行扩充，最终以整体项目的形式提交，通过软件设计过程的报告和最终软件成果评价学生的工程设计与应用能力。（3）团队协作。课程教学结束后在项目实训阶段采用分组方式使学生在完成项目时能一起学习、研究、分析和讨论，参与项目的构思、设计、实施及运作。主要通过项目演示与答辩、项目设计与分析报告等形式进行评价，在该过程中不断强化学生的团队价值观、个人学习观以及以软件产品为导向的认知习惯。
3 结语
针对动态网页设计课程教学中容易存在的问题，将CDIO教学模式引入该课程教学各个环节中，以案例为载体组织课堂教学，基于项目实施实践实训教学，强化学生实践能力，能够有效地激发学生的创造思维和学习积极性，提高了学生通过自己分析、研究、解决实际问题的能力。同时，为了促进基于CDIO的教学模式的顺利推进和良好的教学效果，对课程的考核方式进行改革，建立基于CDIO的评价体系，培养学生的CDIO工程能力。
参考文献
[1] 查建中.论“做中学”战略下的CDIO模式[J].高等工程教育研究，2008（5）：35-37.
[2] 陶勇芳，商存慧.CDIO大纲对高等工科教育创新的启示[J].中国高教研究，2006（11）：81-83.
购物车(0)