网页设计实训总结
前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页设计实训总结范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。
网页设计实训总结范文第1篇
中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）05（b）-0173-02
近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。
1 实训阶段
以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。
1.1 实训动员
在综合教学实训进行前，要做好学生的学习动员工作。一方面，让学生明确综合实训的主要目的是让学生通过实践，了解和掌握网页设计与制作的基本方法，通过不断上机练习达到解决实际问题的能力。因此，集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识，根据网站制作的流程，完成一个综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。另一方面，让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣，让他们积极主动地参与到实训中来。
1.2 实训过程
在《网页设计与制作》综合实训教程中，老师的角色是参谋，学生的角色是任务的完成者。老师提出项目要求，学生根据具体的任务来完成。我们把一个班的学生分成10个小组，每个小组4～5人，每个小组选择一个主题制作网站，综合运用前面所学的知识和相关的技术共同完成。
1.2.1 基本知识回顾
这部分的要求是温习网页制作课程的重点难点，使学生对Dream weaver各方面的操作知识系统的由“片”的认识转向“面”的认识。
1.2.2 案例作品赏识
在网页设计过程中，经验丰富的设计师需要博采众家之所长，形成自己的风格，而对于初学者来说，模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较，会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣，吸引学生积极主动地参与实训。
1.2.3 案例模仿操作练习
从历届学生的优秀作品中选择一个典型的案例，让学生作为网页设计与制作知识的回顾。例如，对一个旅游网站进行解析，使学生了解制作网站的基本方法，让学生对旅游网站的粗略和宏观认识得到细化，使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。
1.2.4 作品的选择、网站需求分析、站点规划
在综合实训中，首先要求各小组学生选择一个网站主题，主题一般选择如下内容：校园生活、教育、体育、旅游、电子商务等。然后，小组成员开始着手进行网站需求分析，设计整个网站的框架，选定要设计和制作的各部分内容，由组长组织完成一份完整的网站规划书。在此过程中，老师要适当指导，要求学生独立完成，设计出有具有本组特色的网站。最后，由组长给本组成员进行网站设计与制作任务分配，分头搜集素材并进行整理。
1.2.5 网站色彩搭配
网站的色彩就像人的外表一样，如果打扮得美观大方，就会给人一种魅力四射的感受，而不修边幅则让人感到粗糙毛草，所以，网页的色彩搭配将直接影响访问者对网站的印象。网页配色有着很强的艺术性，不同的色彩搭配方案就会让人产生不一样的感受。对于初学者来说，模仿是最容易看到效果的方法。在站点规划完成的基础上，选择网站的主色调和学习色彩搭配。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。由于中职生英语、数学等文化基础较差，编程对他们来说难度太大，他们走上工作岗位后一般不会从事程序开发工作，大多数学生毕业后从事的是网站美工等，因此，应该在网页美工等方面加强培养。
网页设计实训总结范文第2篇
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软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
网页设计实训总结范文第3篇
关键词：高职教育；课程改革；基于工作过程
中图分类号：G642文献标识码：A文章编号：1009-3044(2012)12-2817-02
1传统授课方式存在的问题
作者从事高职《网页设计》课程讲解工作3年之久，在3年的教学过程中作者发现的高职《网页设计》课程存在的最大问题是：学生学习的知识与社会就业所需技能脱轨。
传统的《网页设计》课程主要讲授的是Dreamweaver软件的使用。所谓的《网页设计》课程其实更多的是讲Dreamweaver这款工具的操作使用。教学过程完全是按照软件的操作使用来进行，整体感觉上更像是一款操作软件的培训。学生在学习完这门课程后掌握更多的是工具的操作，学生可以根据教师的要求模仿现成的网页作品的制作网页。而让其自己动手去设计一个符合企业需求的网站很多学生无法完成，或者能够完成页面却达不到网页新颖吸引人的目的。
简而言之，传统《网页设计》存在的问题就是学生只能完成既定的要求，而没有独立创新去解决实际问题的能力。
2《网页设计》课程改革的设计
在进行课程改革之前我们首先要了解对这门课程的知识要求、素质要求和能力要求。对于《网页设计》这门课程来说它主要的要求如下：
知识要求——深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和的流程；理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用。
素质要求——本课程将培养学生以下几方面的职业素质：服务意识：能够为他人提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。
能力与技能要求——网页制作软件的使用方法；在网页中编制/插入需要的脚本；进行网站的上传/下载、更新、管理。
课程改革围绕一个中心就是服务于高职学生的就业问题，课程的设计应以促进学生就业为目的。本课程在设计中引进了企业的真实工作场景，通过威客猪八戒网站获取真实的用户需求，教师引导学生完成一个网页设计项目的制作。将《网页设计》分为以下几个环节进行：
1）网页欣赏
在该环节中，提供大量的中内外优秀的网页设计作品。让学生边欣赏边说出该网页吸引人的优点所在，教师讲解网页设计中关于色彩搭配和布局的知识。这样做可以提高学生学习的主动性，让学生主动的去学习知识。此环节以教师讲解为主，学生参与讨论为辅。
2）主页制作
在该环节中，教授引导学生使用Dreamweaver工具模范制作一个主页，在制作的过程中，引导学生掌握Dreamweaver软件的基本操作。在设计一个主页的过程中，Dreamweaver软件的一些主要的操作都会涉及到：站点设计、表格布局、文字图片、超级链接、CSS样式设计。边讲边练，为接下来的教学打下良好的基础。此环节以教师讲解为主，学生模仿制作为辅。
3）二级页面的制作
在该环节中，主要目的是提高学生操作软件的熟练程度，让学生能够做到熟练的操作Dreamweaver工具。针对上一个环节中存在的不足进一步动手练习，提高动手操作能力。
二级页面的制作过程中，教师讲解内容逐渐减少，学生自主开发逐渐增多。让学生的自主性、创新性得到大的提高。
4）网页的上传与维护
此环节为网页设计工作过程中的最后一环，设计好的网页上传到指定的位置，同时对存在的网页进行更新与维护。
5）学习自主课程实训
在该环节中，教师给出课题，学生综合运用所学的知识，从威客猪八戒网站上承接一个真实的网页设计项目进行实训。课程的实训是对前一阶段所学知识的总结和升华，更是动手能力创新能力得到锻炼的一个很好的平台。
3《网页设计》课程考核方式设计
传统的课程考核方式多为期末考核，本课程改革的期末考核方式为：过程化考核+期末大作品。其中，过程化考核针对的是学生在学习该课程的过程中针对每一个环节的考核。主要参与考核的过程有：
站点的建立:站点的建立、编辑与维护；
页面布局：表格、框架、层、模板和库；
添加文字与图片：页面内容添加；
超级链接的使用：导航条；
交互设计入门：表单的应用、简单特效；
CSS样式表：页面的美化。
期末大作品主要以小组为单位设计一个完整的作品，小组成员之间相互合作利用所学习的知识自主设计一个完整的作品，上缴的内容包括一个完整的静态网站、答辩用PPT和小组成员之间的自评和互评。
4结束语
《网页设计》这门课程对于高职学生来说提供了一个很好的就业方向，掌握这门技能对于学生来说意义重大。作为众多高职课程中的一门，作者希望该课程的设计与改革能够起到抛砖引玉的效果，使众多的高职课程设计更加完善。让高职学生的动手能力得到进一步的提升，为高职学生的就业打下良好的基础。
参考文献：
[1]杨宁.浅议《网页设计》课程改革[J].科技博览,2009,(26).
网页设计实训总结范文第4篇
该文介绍了《网页设计与制作》项目化教学思路和方法，从设计理念与思路、对计应相关专业建设与发展的定位与作用、课程内容的针对性与适用性、教学内容的组织与安排、教学模式的设计与创新、实践教学条件的建设与使用等6个方面进行了设计与分析，为学生较好地掌握知识及快速适应工作岗位需求进行了一些思考和探索。
关键词：
高职院校;网页设计;项目化课程;开发实践
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1设计理念与思路
该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。
5教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
7结语
网页设计实训总结范文第5篇
关键词 网页设计 立体化教材 高等职业教育
中图分类号：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）.
