网页实训报告范文
时间：2023-03-08 22:44:32
网页实训报告范文第1篇
论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力
平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课，是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的，教师给出一个课题，学生在指定时间按教师的要求完成作品，整个过程在教师的辅导下完成。在这样的教学过程中，学生的职业能力难以得到很好的训练，团队精神难以得到有效的培养。所以，在实训课上进行项目教学是很有必要的，因为项目教学法的核心是在教师的指导下，由学生去探寻得到最终结果的途径，学习的重点在学习过程而非学习结果，这对学生能力的培养是很有帮助的。在2周的时间里，如何设计项目才能使学生真实地体验一个项目的完整制作过程，是需要教师研讨的问题。
实训项目设计分析
实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础，实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。
设计理念平面设计是近十几年逐步发展起来的一个复合性职业，涉及面非常广泛，涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨，实训项目设计应该围绕着专业方向和培养目标进行设计；围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发，即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计；以项目小组的形式开展教学活动；通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件，完成符合实际要求的平面设计作品，实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要来源于企业，因为本课程的学生是“广告设计与制作”专业的一年级新生，还没有学过平面设计方面的专业课，用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标，可采取将虚拟项目按照真实项目完成的形式进行教学设计。
设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律，针对不同的用户要求进行各种平面作品的设计与制作。所以，“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力；文化类广告设计可以培养学生掌握完整的设计制作流程；“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例，分析实训项目的设计方案。
实训项目设计方案
项目背景随着互联网的飞速发展，网络已经成为人们生活中不可缺少的一部分，利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下，很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品，需要制作一个引人注目的精美网站展示自己。
项目内容该设计项目是为某房地产开发商的网站进行网页设计和制作，需要学生进行市场调研，了解企业名称和受众群体，并采集各种信息，通过进行实际调查和需求分析，确定网站的市场定位，进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计，以满足人们的审美需求；在制作过程中要合理运用艺术设计的理论知识和软件技术，按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等，其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析，明确用户需求，并撰写分析报告。网站整体方案设计包括标准字、LOGO小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件Photoshop、Illustrator等。
项目能力目标为达到专业要求的职业能力培养目标，在项目执行过程中，要求学生能进行基本的市场调研，明确客户需求，撰写广告策划书；能根据策划书进行创意构思，绘制出设计草图；能进行一定的创意设计；能将艺术设计理论知识与软件技术相结合，具备项目执行能力、与人沟通能力及小组协作能力。
项目技术指导在项目执行过程中，教师承担着指导的责任，在设计项目方案时，教师要全盘考虑项目中的一些技术问题，对学生可能遇到的知识和技能问题做到心中有数，以使项目能够顺利进行。
1.网页设计流程。按照一定的设计流程策划、设计、制作网站可以减少失误，确保项目的正确进行。因此，要了解项目的制作步骤及网页的设计流程：（1）市场调研，收集资料；（2）网站策划；（3）网页详细设计；（4）网页制作；（5）验收作品。
2.市场调研。在调研之前首先要确定调查报告内容，对问题进行分析、排除、锁定。这样在与客户沟通时可避免问题模糊、范围过大。资料收集要翔实、丰富，包括该企业的介绍、楼盘信息、图片等一切相关信息。
3.网站策划。网站策划是网站设计的关键步骤，只有真正策划好了，才有可能成为让客户或用户满意的网站。在本项目中，网站策划是了解客户需求、进行信息收集与分析、对网页设计等方面的问题进行整体规划并提供解决方案、撰写“需求分析报告”的过程。在这个过程中最为重要的是需求分析，就是了解、分析、明确用户需求，利用创意草图，对网页进行合理科学的规划，即对网页定位、受众群体、网站色调、网站页面总体风格、各种页面特殊效果及其数量进行确定。
4.网页详细设计方案。在需求分析的基础上，要进一步针对内容建设、网站布局、网站结构方面设计具体的方案。需要画出网站结构图，其中包括网站栏目、结构层次、连接内容、首页中的功能按钮、内容要点、友情链接等，都要体现出来，要切题并突出重点。设计方案要充分展示房地产网页设计的特点，网站形象要庄重平和，信息量要全面、细致，具有人性化特点。网页结构应层次清晰、创意新颖、颜色搭配合理、网页页面设计符合审美要求，网页功能要融入设计方案中，网页的内容与表现形式要统一，要对内容进行合理的分析、加工，按类别分类，栏目设置要一目了然。（1）首页设计。首页设计包括创意设计、结构设计、色彩调配和布局设计。在进行首页设计时，标题要有概括性，要用标题性的文字使访问者快速了解网站所能提供的信息，可将具体内容放到子页里完成；要符合设计时的主题和风格；文字与背景要合理搭配；整个页面色彩选择要统一。（2）网页版式设计。在网页设计中，网页的版式设计以及色彩搭配是很重要的，字体的设计和图片的放置都要考虑整个页面的排版，要合理地运用空间，使网页疏密有致，井井有条，留下必要的空白，使浏览者感觉轻松，没有压抑感，但也要注意不能只追求版面效果而忽视功能方面的问题。（3）网页背景。网页背景设计不好会影响访问者对整个网站的印象，选用的背景应该与整套页面的色调相协调。不同的颜色会给人不同的视觉心理感受，要合理运用色彩，造成良好的视觉效果。使用图片做背景时，要考虑大尺寸给传输速度带来的影响。
5.网页制作。网页制作是通过应用Photoshop、Illustrator等平面设计软件的各种技术实现网页策划所要求的效果的过程。在制作时既要结合平面设计的基本知识，也要遵循网页设计独特的设计要求与原则。（1）网页图标设计。图标是具有明确指代含义的具有标识性质的图形，不仅是一种图形，更是一种标识，具有高度浓缩并快捷传达信息、便于记忆的特性，应用范围很广，例如各种交通标志、学校的校徽、商品的商标等。图标也是网页中重要的设计元素，应根据不同的应用有所区分，既可以用来标识一个栏目，也可以作为链接元素实现网页间的跳转。精美的网页设计图标往往能起到画龙点睛的作用，从而提升软件的视觉效果。网页常用的图标有“导航图标”、“按钮”、“标志”等。图标设计要简单、直观、可识别性强；要能准确表达相应的操作；按钮的设计采用图标和文字可以提高图标的可用性；为吸引用户眼球，颜色应简洁；使用矢量格式可以让图标随意放大缩小；在导航栏上或网页的某些地方使用合适的图标，不仅可以美化网站，还可以引领用户浏览网页。一般制作流程是先做出基本的外形，再进行上色修饰，最后增加一些光影使其具有立体感。（2）导航栏设计。导航栏是网页中用来装饰和展示网页的，是非常重要的组成部分，功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循“导航数量适当”、“导航提示明确、清晰、醒目”等原则。（3）网页色彩设计。网页的色彩是网页最重要的部分，是给访问者登录页面时的第一印象，好的页面色彩能给人带来很强的视觉冲击力，可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计，网站最后的视觉效果可能与客户期望不匹配。因此，设计时需要先了解网站的定位、网页的风格，学习有关的色彩知识，在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内，一般而言，网页的背景色应该柔和一些、素雅一些，如配上深色的文字，会使人看起来自然、舒畅，文字的颜色在不同底色的衬托下，会给人不同的视觉效果，设计时应综合考虑多方面的因素，设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识，教师可以给学生提供一些资料，让学生通过自主学习掌握这些知识，提高学生的自学能力。
6.项目验收。项目验收包括制作演示文稿、向客户展示最终产品并听取客户意见、按要求将所有图文资料进行整理形成完整文档等。实训项目验收可以采取小组汇报、小组评价、教师对项目进行总结评估的形式。通过一个有效的验收过程，学生可以总结项目进行过程中的经验教训，教师可以提高指导水平，达到预期的效果。项目考核评价应主要评价学生是否达到了项目教学的目标，对学生在执行项目中所表现出来的综合运用知识与技能解决实际问题的能力进行考核，并应结合学生自评和小组互评进行综合考核。不能只关注最后的项目成果，要关注学生在完成项目后学习到的知识、技能和提高的职业能力，这样才有利于培养学生的自信心和创新能力。
网页实训报告范文第2篇
关键词：网页设计与制作；实训；拓展训练；项目实战
中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2012） 16-0138-01
《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。
《网页设计与制作》课程是我院多个专业的核心课程，如计算机应用技术、网络技术以及广告设计等专业都开设了此门课程，该课程对学生的操作练习有较高的要求，实训的教学内容都是融入在课堂教学中，由于课程安排的比较分散，不能有效地集中训练学生的动手操作能力以及策划设计网页的能力，学生在学完该课程之后，有的不能独立地完成网站规划和页面设计，有的设计效果不能达到预想的功能和视觉效果。因此，实训课程在《网页设计与制作》教学中起着比较重要的作用。根据《网页设计与制作》课程的这一特点以及我的个人教学经验，下面对《网页设计与制作》实训教学谈一下自己的意见和看法。
一、提高教师的专业技能
作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。
二、多种教学模式相结合，培养学生学习兴趣
（一）通过优秀作品赏析，激发学生的学习兴趣
在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。
每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。
（二）阶段测试训练
通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。
首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。
（三）拓展训练
可以通过课外兴趣小组集体活动等形式，提高学生的人文素养。课余时间充分利用网络资源进行课外拓展实践，如果遇到疑难问题学生可以通过”E-mail”和“QQ留言”的方式与辅导教师取得联系、化解难题。利用课外拓展实践的方法对于能力强的学生可以进一步提高他们的操作技能；对于能力差的学生可以解决他们存在的问题。
（四）项目实战训练
将实际项目引入进教学，并对其进行任务分解。
例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。
三、增加实训课程的课时，提高学生的动手能力
实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。
同时实训的环境也是非常重要的，实训课程基本都是在微机室完成的，在微机室里学生可以实现一人一机，并且每台电脑都直接与互联网相连，学生在实训过程中，可以上网查找相关资料，搜集所需素材，解决实训中遇到的问题，同时还可以直接通过教师、同学的帮助快速解决问题。
四、结束语
《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。
参考文献：
[1]瞿江.浅谈网页制作实训教学[J].电脑知识与技术，2011，26.
[2]张丽香.高校《网页设计》课程教学探讨[J].大众科技，2006，05.
网页实训报告范文第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篇
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软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
4结束语
网页实训报告范文第5篇
【关键词】企业实习；岗位；成果
一、教师锻炼的企业、岗位、方式、时段及角色
1.实习企业。
1）我所锻炼的企业是北京优腾科技有限公司，该公司负责社区网站设计开发与运营。2）主要运营两大社区网站：望京网和CBD网。我在望京网实习。3）望京网采用都市生活新媒体的方式，为社区居民提供最具实用价值的生活、消费和商务便民信息，为居民提供参与各类社区活动的平台，同时也为企业提供区域营销和口碑传播的推广平台。内容涵盖论坛、空间、团购、房产、黄页、俱乐部联盟等等。4）望京网已经拥有忠实的网络用户（注册用户超过50万）群体，网友在这里获取新鲜有用的社区资讯，相互交流，参与各种社区活动，例如：望京网发起的721“望京人免费赴机场救援”活动在整个社会中所产生的巨大反响。
2.实习的岗位。
1）网站美工岗位：根据技术主管布置的工作任务，按照美工设计要求，为主题活动制作宣传图片作品。并为美工岗位收集建立素材库。2）网站编辑岗位：根据技术主管布置的工作任务，进行网页的编辑工作。
3.实习的方式：上岗实践。
4.实习的时段：2012年2月20日-2012年7月30日。
5.实习的角色：企业员工的角色。
二、教师企业锻炼的目的和定位
1.本人负责我院骨干校核心课程《网页设计与制作》的建设任务；
2.《网页设计与制作》课程涉及的关键岗位是：网站美工和网站编辑两个岗位；
3.实习的目的：弄清楚网站美工和网站编辑岗位的能力和素质的要求，了解企业中这两个岗位的工作过程；
4.积累素材为教学服务；
5.进行课程改革，更好地将课程教学与学生的岗位能力提高相结合；
6.进行课程改革，更好地将实训教学与学生的职业能力提高相结合。
三、取得成果的数量与类型
1.调研报告
①调查企业各工作岗位的设置，各个岗位的能力和素质的要求；②分析了我们的学生能够胜任的岗位和不能胜任的岗位；③针对不能胜任的岗位所欠缺的能力进行分析，对现有课程内容进行调整和修改——增加动态网页部分。
2.优化课标和教学方案
a.优化课标。
优化后：①项目一是以北京优腾科技有限公司提供的真实项目；②项目二中增加了动态网页的内容；③项目二为计算机信息管理专业的《数据库开发》（后续课程）这门课程服务，实现计算机信息管理专业课程体系连贯性和一致性。
b.依据课标对课程总体设计方案、学习任务设计方案、学习活动设计方案进行优化。保证教学资料的一致性。
3.开发具有真实工作背景的教学项目
a.开发生产性实训项目名称：“望京网”社区网站运营。b.收集八个网站制作方案的案例。
4.为企业提供服务
①网站美工岗位。a.海尔活动主题网页和CBD艺术节主题网页制作美工作品66个；b.为美工岗位制作素材库（通用素材六类共3280个，PSD格式的素材34类266个）；c.素材库为企业美工岗位提供素材，同时也为《网页设计与制作》课程和电子商务专业的《商务网页设计与制作》课程提供素材资料。
②网站编辑岗位。a.为编辑岗位独立制作两个海尔活动主题网页和CBD艺术节主题网页；b.参与编辑网页20个。
③文档资料。a.编写了网站运营部绩效管理制度；b.网站运营管理工作计划表格；c.为亲子嘉年华制作大型活动预案。d.为新员工进行“社区网站的数字化运营”“论坛话题撰写诀窍”两个主题的培训。
5.此间校企联合编写讲义
四、企业典型工作任务及其工作过程
1.网站美工岗位
a.典型工作任务：根据客户需求，技术主管布置的工作任务，按照美工设计要求，为主题活动制作宣传图片作品。并为美工岗位收集建立素材库。
b.工作过程：①接收设计图纸资料，分析数据，进行编号；②搜集图像资料；③搜集文字和音像资料；④根据制作要求搜集相关设计素材资料；⑤对项目展示部分的素材进行加工处理完善。
a.典型工作任务：根据技术主管布置的工作任务，进行网页的编辑工作。
b.工作过程：①网页各级界面设计；②切割图片生成网页；③全景拼接。
引入UI理念（User Interface）：用户体验各要素的设计和交互设计、界面设计不同，它是一种比交互设计和界面设计更上位的设计，界面设计和交互设计侧重于从功能的实现出发，而用户体验设计则重点关注用户使用过程中的感受，是一种以用户为中心的，综合功能设计、交互设计、界面设计、导航设计和视觉设计等、，它要求设计者站在一个更宏观的高度，整体把握用户与这些设计要素之间的关系。从而给产品的最终用户带来良好的体验。
五、根据企业实习成果开发出新的教学项目
1.教学内容：项目1：社区服务网站页面制作，项目2：日常工作管理系统的页面制作。
2.实训项目：对企业项目进行改造成生产性实训项目“望京网”社区网站运营。开发具有真实工作背景的教学项目——生产性实训项目，项目名称：“望京网”社区网站运营。本学期我带领20名2010级学生正在进行此项目。2012年9月3日企业负责人员来到实训基地为学生进行入训教育和实训项目的任务布置。
3.设计相关课程的衔接环节，保证课程体系的连贯性和一致性。
六、本次锻炼对提升课程设计能力、技术研发能力的突破
1.对《网页设计与制作》课程与实际工作岗位能力要求的把握更准确；
2.对教学设计中典型工作任务、工作过程的分析能力有很大提升；
3.对整体课程体系有了深刻认识，形成建设思路，在《网页设计与制作》课程设计中制作前台页面，为后续课程《数据库开发》打好基础。
通过企业实习，学习企业的工作经验、新技术、新技能，更新自己的知识结构，提高自己的专业能力和专业素质，通过企业实习提高自身的实践能力。
网页实训报告范文第6篇
关键词:高职教育;项目教学;工作过程
在当前国家示范性高职院校建设的热潮中,以基于工作过程系统化教学设计理论为指导的课程改革和建设,已经取得了重要的理论研究成果。但是,在课程教学实施层面,还存在缺少范例,任课教师经验不足等导致课程教学执行情况不够理想的问题。项目教学强调以工作任务为依托组织教学内容,以学生为主体开展教学活动,以多样化的解决任务的策略展示学习成果,在高职教育教学实践中取得了良好的应用效果。本文以我院计算机应用技术重点专业的网页设计与制作课程教学为例,探讨项目教学的设计与实施中的一些做法和体会。
1项目概述
1.1项目背景
2008年12月底,中国高等教育学会、国家示范性高等职业院校建设工作协作委员会在北京举办“百所名高职、百家名企业”合作发展论坛暨国家示范性高等职业院校建设两周年专业改革成果展示会(简称“双百”论坛)。会议主题是举校企合作旗,百家知名企业同绘强国景;走工学结合路,百所示范高职共谱育人曲。为满足会议宣传的需要,保证会议信息及时,向社会公众展示示范院校建设两周年来的丰硕成果,需要设计与制作“双百”论坛会议专题网页,并在会议期间进行信息的实时与网页维护工作。
我院作为国家首批28所示范校建设单位之一,承担完成中央财政支持的“会议专题网页设计与维护”项目,由计算机应用技术专业承担该项目的具体实施工作,同时将该项目作为网页设计与制作课程的教学项目。
1.2项目管理
1) 硬件环境。能够连接互联网;一台服务器,可直接使用PC机(教师机);若干台客户机,选用主流PC机即可。
2) 软件环境。开发环境采用Dreamweaver、Photoshop、Flash;测试环境采用IIS服务器、IE浏览器;项目管理工具采用Microsoft Project。
3) 项目文档。为保证项目顺利实施并规范项目管理,项目组需完成并维护如下文档。
(1) 工具类文档:Dreamweaver使用手册、Photo- shop使用手册、Flash使用手册。
(2) 项目管理类文档:项目计划书、功能说明书、维护手册、团队管理规范。
(3) 教学类文档:教师参考手册、学生参考手册、实训环境实施参考手册。
4) 角色职责。为顺利完成项目任务,采用分组实施,成立项目组,其中产品经理1名,项目经理1名,成员4名。
(1) 产品经理:收集、分析客户和业务需求,并区分其优先级;定义并维护项目的业务正确性;推动项目和解决问题的远景目标;负责客户期望值和沟通。
(2) 项目经理:兼任指导教师;负责监督、控制项目进度和工作质量;协调在项目进行中出现的各种问题;确认、验收项目各阶段的工作成果;指导实训学生完成各项任务。
(3) 项目成员:由实训学生组成,在指导教师带领下,完成分配的各项具体任务。
2项目目标
2.1产品目标
1) 设计与制作“双百”论坛会议专题网页;
2) 满足“双百”论坛会议宣传需要,维护及时,保证会议全程信息。
2.2教学目标
通过“双百”论坛会议专题网页的设计与维护,培养学生独立进行首页布局、栏目设置、色彩搭配的设计等能力,培养新闻类网页的与维护能力,使学生在实际项目实施中养成团队协作、认真负责的良好职业习惯。
3项目内容
会议专题网页设计与维护项目共分为五个阶段(见表1)。主要内容包括:网站结构(栏目设置)、会议标志设计、首页设计、二级页面设计、图文混排效果设计、多媒体应用(音乐、动画)。
4项目教学实施
4.1教学组织与过程
课程的教学内容根据项目的五个阶段划分为五部分。其中教学重点是第一、二、三阶段,教学难点是第二阶段(策划设计阶段)。根据课程项目教学的需要,将学生分为若干小组,每个小组3～5人,教学过程如图1所示。
1) 制定文档,明确任务。指导教师(项目经理)承接任务,起草Dreamweaver使用手册、Photoshop使用手册、Flash使用手册等工具类文档;起草项目计划书、团队管理规范;编制教师参考手册、学生参考手册、实训环境实施参考手册等教学类文件。
2) 阅读任务文档。在项目启动前,学生准备项目相关内容,搜索、查询项目相关知识;阅读项目计划书、学生参考手册、团队管理规范及相关工具类文档;熟悉项目内容及应用环境。
3) 安排任务。指导教师(项目经理)根据需要对项目任务进行划分,形成任务书(如图2所示),下发给相关学生,并同时提供功能说明书。
同时,指导老师还要维护学生任务列表(表2),明确任务进度控制。
4) 明确任务要求,形成解决方案。学生按照划分的任务列表,明确本人工作任务详细要求;针对任务清单中的每项要求,形成切实可行的解决方案。初步填写任务报告书(如图3所示)。
5) 创建参考样例,列出实施步骤。为了保证项目按时完成及完成质量,指导教师(项目经理)要为每一个任务创建一个参考样例,列出详细的实施步骤并预留合适的修改时间和空间,允许学生在样例的基础上有创意、有突破、有改进。
6) 完成任务,测试提交。学生根据确认的工作任务,按照详细的实施步骤独立完成任务书所列各项任务;并对每项任务进行测试,填写测试报告;修改完善后提交工作成果。
7) 确认、验收阶段工作成果。指导教师按照学生提交的工作成果,参照项目进度计划,根据项目的实际需要,确认、验收学生的阶段工作成果,并给出评价。
4.2教学方法与手段
项目与课程教学紧密结合,采用任务驱动教学法。在实施过程中,需要注意两点:
一是要区分任务和问题。传统的任务教学法,一般是按照提出任务、尝试完成任务、提出问题、解决问题等顺序来组织教学。由于本项目的真实性,每一个任务之间具有严密的连续性和逻辑性,因此教师在教学中要将任务完成与问题解决统一起来,强调按时完成任务。对于涉及的技术问题,则在项目结束后,教师预留充足的时间进行项目总结和专题讲解。
二是要注意任务的时效性。通过严格的进度控制及预案保证每个任务按时完成。在教学中,对于部分小组或学生可能无法按照进度完成任务的情况,任课教师要及时为学生提供指导给出解决办法。
另外,在项目实施过程中,指导教师应提供完整的任务清单、操作手册、技术文档等供学生下载使用;通过QQ、博客以及论坛等网络等技术手段实时指导学生完成任务。
5项目教学效果
5.1实训学生评价
项目实施过程中,实训学生要每天撰写工作日志,最后撰写项目实训总结报告,总结项目实训过程中的收获、经验与教训,对学习的效果进行自我评价。
项目总结报告主要包括实训目标、实训时间、实训内容、实训记录、实训总结、自我评价、不足与改进等。
5.2合作企业评价
通过合作企业的全程参与,对学生在项目实施过程中的知识应用、解决问题的能力、工作的态度等表现进行综合评价,对采取的教学方式、教学方法与手段以及考核方式进行综合评价。合作企业的人力资源经理和工程师在课程结束后,认为在教学过程中直接引入实际项目的做法值得推广,尤其是在分组教学、基于任务清单组织教学等方面,培养了学生的团队合作意识、质量控制意识、进度控制意识。
6结语
“双百”论坛会议专题网页设计与维护项目的教学设计方案具有两个重要的特征:一是作为正式的网页,具有真实产品的目的性、商业性和时效性;
二是作为实训教学项目,具有教学的完整性、训练性和可操作性。通过项目教学实施,教学成果也被“双百”论坛会议举办方采用,并被中国高等教育学会、国家示范性高等职业院校建设工作协作委员会授予“最佳服务(实训)效果奖”。希望本文的研究对于推动高职教育教学改革的发展具有一定的借鉴意义。
参考文献:
[1] 全成斌,杨士强,赵有健. 计算机工程实践教学的改革与探索[J]. 计算机教育,2008(4):100-102.
[2] 徐涵. 行为导向教学中的教师角色转换[J]. 中国职业技术教育,2006(4):10-12.
[3] 杨立峰,吴延昌. 高职院校课程标准制订的思路与内容[J]. 计算机教育,2008(19):123-126.
[4] 徐国庆. 职业教育项目课程的几个关键问题[J]. 中国职业技术教育,2007(4):9-11.
Design and Implementation of Project Teaching on Web Design and Making Course
WU Yan-chang, ZHANG Mai-ling
(Pingdingshan Industrial College of Technology, Pingdingshan 467001, China)
Abstract: We present “double-hundred” online forum official website as the teaching project of web design and making course. Combining with project background and requirements, make clear the product objective and teaching objective, emphasize the teaching contents organization based on work task, put forward the teaching evaluation should be in combination with students' self-evaluation and enterprise's evaluation. The practice shows that the effect is good.
网页实训报告范文第7篇
关键词：；教学改革；实训
中图分类号：TP393文献标识码：A文章编号：1009-3044(2011)12-2882-02
作为微软公司.NET平台中的一个重要组件,提供了一种全新的Web应用程序编程模型和结构，实用性较强，目前大多数高职高专院校都开设了这一门课程。然而，对于这门技术性和实用性都很强的专业课程，采用传统的按部就班的教学模式很难达到预期的教学效果。很多学生学完这门课程后，只是掌握了一些基本语句和片段，初步会使用控件，知识体系零散，并没有形成整体概念，更谈不上完成一个综合性的实践项目。所以，为了提高这门课程的教学效果，提升学生的学习兴趣，有必要对课程进行教学改革，采用系统的教学方法，加强实践环节，最终使学生具备整体思考能力和综合操作能力。
1 教学特点
知识面广，综合性强，在学习本门课程之前应具备基本的网页制作知识，数据库知识，编程知识， 所要掌握的基本知识有HTML、关系数据库和C#（或）。
2 传统教学方法存在的问题
传统教学方法都是采取按部就班的专业理论知识的学习，按照课本的安排，知识点由浅到深逐步讲解，完成知识积累后有一个综合项目开发练习。这种知识堆砌式的教学模式容易使学生在学习的最初阶段感到迷茫，在最后阶段又不知所措。由于从一开始没有建立起系统的思维方式，从而导致学生在学习的过程中基本都是掌握一些零散知识点的应用，不清楚所学知识在网站设计中的具体作用，整体概念很模糊，学得越多越觉得迷茫。
一般教材都采用由浅到深的理论学习思路来设计知识教授次序，但是在高职院校中，学生对编程设计的学习兴趣不是很大，随着课程的深入兴趣逐步降低。传统教学模式将与数据库交互部分放在了最后，这部分属于的重中之重，但是往往学到这部分时，学生的学习兴趣和积极性已经是强弩之末，需要重点掌握的知识学习效果却最差。
目前高职院校的教学基本都采用理论与实践1:1的教学方式，学生在上机时初步复习课上所讲的理论知识，对程序设计刚有了一定的思路，基本就接近下课时间。为了完成老师布置的任务，大部分学生采取照猫画虎、囫囵吞枣的学习办法，表面看完成效果良好，事实上知识点并没有消化吸收，没有形成一定的思路，这为以后项目综合开发留下了相当大的难度。
实训阶段的练部分都是由老师指定相应的题目，并规划每阶段要完成的任务，精力主要集中在完成实现诸如注册、登陆、数据库操作这些具体的功能，很少涉及完整项目的提出、分析讨论、实施、总结这一过程，忽略了学生主动性的发挥，以及这一过程中对学生综合分析能力等素质的培养。
3 教学改革的探索
3.1 选用典型实例，以数据库交互为中心组织课堂内容
知识点基本分为四大类：基本语法、控件使用、内置对象、数据库的交互。数据库的交互贯穿动态网页设计课程的始末，在实际教学过程中，我们可以将数据库连接的基本知识放在课程最初阶段讲授，将控件和内置对象的使用穿插在以后的实例教学中，在以后的实例教学中以数据库的交互为重点能力要求，突出数据库交互在课程学习中的重要性，使学生充分掌握网页设计中数据库交互的使用。
另外，由于涉及与数据库的交互，在学习过程中需要有大量编程工作，为了使学生有足够的时间分析思考题目，扎实掌握编程知识，通过练习切实完成老师所布置的任务，应在一节理论课后安排两节实践课。
3.2 采用项目驱动、课堂讨论式教学方法
在课程教学中，以实现具体实例为基础，采用课堂讨论的方式来教学。前沿课程的学习使学生对网页设计已经有了一定的认识，所以教师在课堂上完全可以只提出题目要求，而分析问题、解决问题的过程由学生自己发挥主观能动性，教师只需在分析环节对学生进行引导，在设计实现环节教授学生采用何种知识点来解决问题。比如，以登陆界面为例，学生可以根据自己的理解和认识来分析一个登陆界面的设计都需要包含哪些控件，界面实现后要连接到数据库的具体sql语句；分析完毕后，教师对学生的分析思路提出自己的意见并和学生讨论，然后按照讨论得出的思路和方法一步一步设计实现。完成了这些基本的功能，教师还可以引导学生将界面友好化、人性化。一般情况下学生会联想他们平时上网看到的网页的设计样式，提出他们希望能完善的功能，通过类似的增加讨论内容，可以使学生完全投入到课堂讨论中来，成为课堂内容导向的主体，教师承担的角色只是辅助解决问题。
在采用模块式教学的同时也要注意知识之间的衔接。例如，登陆界面设计之后紧接着讲注册界面的设计，复习旧知识点的同时增加新的教学内容。注册界面实现后，可以引导学生设计实现返回登陆界面，同时登陆成功后显示“某某，欢迎你”，使前后所学实例形成一个整体。
通过实践，可知在实例的实现过程中，我们以完成注册数据进入数据库、登陆验证成功为最终能力目标，同时讲授了基本控件、验证控件、内置对象，通过实例让学生掌握这些零散的知识点以及设计中如何使用，从而为实训环节综合项目的实现打好基础。
3.3 加强实训环节，着重学生综合能力的提高
实训是学生提高知识运用能力的关键环节。针对知识覆盖面广，技术性强的特点，实训应该安排两周时间，第一周主要完成程序设计部分，实现实训题目所要求的基本功能，第二周则主要集中在各个模块之间的衔接，功能的完善，界面的美化。
实训目标如下：
基本知识掌握：掌握控件的使用，内置对象的使用，数据库连接，基本编程。
实践能力达标：注册、登陆界面的实现，不同用户对数据库信息的操作权限。
素质要求：整体规划，团队合作，文档撰写，总结归纳。
学生专业素质的培养贯穿于整个实训过程中。实训开始阶段，就要要求学生首先提出整体方案和思路，再经过小组讨论得出统一认识和目标，经老师审核后具有实际操作可行性才能着手设计。设计最初阶段要对项目进行模块划分，确定哪些模块必须首先完成，哪些模块可以同时设计，确保所有工作均为有效工作，避免不必要返工。实践过程中经常出现学生设计的数据库不合理，完成的程序和数据库之间连接松散，数据库后续的备份和维护存在很大难度，不得不做大量修改，走了很多弯路。
由于每个学生的学习能力和实践能力不同，在实训环节，我们需要根据学生学习情况并结合他们的实践能力进行搭配分组，一般要求每组学生的能力相当，避免出现有的学生两周下来几乎没有工作量的情况出现。另外，对于不同的分组涉及难度不同的实训题目，础较差的学生要求他们能够实现注册、登陆、不同身份用户对数据库的管理，切实掌握与数据库的交互。而对于能力较强的学生，则可以要求他们除了实现后台管理还要实现前台界面，初步完成一个简单网站的设计。实训的另一个重点是要求学生扎实认真的完成每一个题目要求的功能，力求做到细致，杜绝贪多嚼不烂的情况，对每一个所做题目完成准确度要高，养成良好的学习习惯。
实训报告是学生对自己所做项目做一完整的总结，是实训的一个重要组成部分。实训报告包括项目的架构，可行性，功能文档，界面实现及采用技术，遇到的问题以及解决问题的的方法，心得体会等。通过这样一套完整的报告，可以使学生对整个实训期间自己所做的工作有一个回顾、总结和归纳，在总结的过程中形成一个贯穿始末的完整思路，在实训完成后使自己对这门课程的理解再提高一个台阶。
4 结束语
实践证明，通过实例教学，采用讨论式教学方法，充分发挥学生在课堂上的主导作用，不仅可以使学生掌握小型模块的设计，也可以逐步培养学生主动思考问题的能力，最后通过综合项目的实现，突出学生的动手实践以及分析问题解决问题能力的培养，发挥学生的主体作用，从而达到预期教学效果。
参考文献：
[1] 谢建华.基于的高职动态网页设计课程教学改革研究[J].教学改革与研究,2009(12):172-174.
[2] 师晓利,尚怡君.浅谈课程教学改革[J].信息技术,2010.
网页实训报告范文第8篇
网页实结1
回顾这一个月来的实习生活是一件很值得纪念的事，这是我第一次在外实习，第一次在网上投简历能收到回复。对于我们这样的艺术设计学生，我深刻的体会到单单是学校教的远远不够，学校教的很笼统，很抽象，很大概，如果可以，我希望这个专业的师弟师妹们，有空多多到图书馆充实自己，静下心来充分自学。在外实习前，第一件事是把自己卖出去，包装自己，所以简历很重要，务必属实，因为你有多少两重，阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试，衣服当然要穿正装，其实我也想的只是大二实习期没有大三的三个月那么长，就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘，所以我感觉到万分荣幸能够进到这一支专业的创业团队，真的是一件了不起的事，而且这个岗位与我学习的和自己喜爱的科目对的很准，我自己也十分乐于这份工作。
记得刚开始的一个多星期，公司并没有让我马上投入工作，因为当时对产品了解不熟悉，要从学校的圈子走出来到商业模式去还是有点顾虑，但是当你接触到这商业化的东西，你会发现，学校的东西远远不足。所以一般公司会进行些培训，很感激william杨，他提供了很多设计的书籍给我自学阅读，可惜在我深刻读完《瞬间之美--web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后，就再也很难抽取一点时间来阅读了。
在接下来的这个月里，除了必要的培训以熟悉公司及其产品知识外，我也开始忙碌起来，因为产品的第一个内部版本需要再X月X日这个好日子。刚开始的两个星期，因为对产品并不熟悉，一直以来在学校设计的作品都很学校但是商业设计比较少，出头设计的时候真的抓破头脑，因为习惯了学校的生活，习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢，就是一种填鸭式的，根据参考去模仿设计，然而在社会上涉及很多版权问题，所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计，其次因为涉及商业利益，在商业的角度上，商业的资金来源是客户，所以他们的需求来源于客户，注重用户感受的设计，是一个好设计。其实设计是件看起来简单，但是操作起来却感觉很漫长的一件事情，每一个细节自己不断的琢磨推敲，自己就会让工作时间变长，效率变低，却又希望哪天能像那些设计家门随心所欲的设计出自己喜欢，人们喜欢，客户满意的东西。设计来源与生活，应用于生活，我还需要多多积累。
X月X日这个内部版本中，我主要的工作就是设计界面，然后photoshop切图，然后继续傻傻的使用习惯的notepad2++手写html和css。经历这样的蠢事之后，我决定还是回到dreamweaver的怀抱，因为毕竟知识不够强，在兼容性方面还需要有dreamweaver来实时的告诉我，以提高我的工作效率。期间william杨还多次与我熟悉，很感激他们都关心我，提醒我应该有自己的就业方向，3年5年XX年的计划，说长不长说短不短的大学2年已经过去了。我应该有怎样的人生，我有想过，但却还没如此认真的付出着。我想起老板那句，你喜欢设计?你觉得设计适合你吗?我真的很需要考虑我的以后，但目前设计还是我喜欢的事情，我也愿意身心的投入到其中，有时候可以不必得到回报，只是为了满足我小小的心灵。
当X月X日一过，为庆祝产品大卖，公司还组织爬山活动，然而平常我们在深山中休养学习的多，爬山的少。爬山是锻炼毅力的一种好方法，工作之余不能忘了生活，忘了自然。这次高强度的爬山活动从下午3点一直爬到了晚上10点多才下到山脚，经历的时间之长，让我感受到一个人在公司里，不仅要有强硬的专业知识，还需要强壮的身体支撑来效益公司，而下山mk的那段话，真的让我感受到他们很关心我，因为毕竟他们都是过来人，谢谢他们的指导。
产品的初步版本确定之后，就要开始慢慢的改进了。william作为产品经理，不仅要领导着整个团队，还要协调工作的进度。他会制作出甘特图，通知每个人需要做什么事情，大概需要多长时间来完成。在其中，我会不时的停滞，因为某些小bug会导致我去转牛角尖，而这样会导致拖慢整个进度，然而在这个环节，我学会的最多的事，做事情要分优先级。总体要现出来，大方向，模糊地对，细节的错，慢慢改。而那个定律资源一定了，时间也定了，只能减少的剩下特性。
从X月X日开始到XX日，又是另一个版本的小跨越，一个星期里做的事并不多，除了不断配合小杨完善页面的重构和美化工作，还要检查最繁琐的兼容性问题，心里知道很多房地产经纪人使用的电脑基本上都是深度、雨林木风、电脑公司特别版的ghost系统，所以基本上都是ie6 ie7为主流的浏览器，兼容性方面的确在工作上成为一个重点。
XX日的第二个小版本后，会议总结了3页的分条建立修改文件，当看见满是修改意见的一行行文字，写上我负责的q，心理是有点担心，是否能在期限内完成工作，然而15日这次的爬山活动并没有参加，因为我知道我应该更加抓紧时间处理问题，一天下来最让我自己感到满意的是导航，亲力亲为的感觉，颇有成就感。一方面不仅要不断的完善页面的布局，一方面还要抽时间设计虎之翼公司的logo和网页，他们真是替我捏了把汗似的，都有种压力很大吧。我感觉还好吧，不过脑子真的要转的很快了，因为没有创作来源，让我在上下班的途中朝思暮想的想着设计，充分利用上下班的塞车时间，不断的观看经过车窗的各型各类的广告来寻来创意来源。最后还是有惊无险的完成这些工作。除了这些工作，公司越来越多人了，刚进去的时候只有我和sandy，后来多了好多个人，很羡慕参数组，能有说有笑的工作，但是我这项工作，我不是一个人在战斗。再后来，开始招聘销售，因为产品到XX号就要正式了，有点让我走也走的不放心的感觉，要配合销售展开小单张的宣传。时至XX日，才基本完成。
希望，我的能力能帮到公司，献出我自己一份的力量。
从开始的实习，让我体验到这个暑假回会过得更有意义，会特别漫长特别充实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。通过这次的实习，不仅让我觉得我应该改变自己的内向，学会转变与人主动交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来，才能更好得在岗位上发挥自己的才能。
最后感谢dav给我这么一个机会，留在公司实习，公司不仅需要各类型的人才，更需要一个有坚定和远见的老板;感谢william，看过头像和手机桌面，女儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，提高自己的审美和用户体验感受;感谢mk，认真的时候很认真，玩的时候还像个大孩子，喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公司才显得有活气，没有那么沉闷;感谢kevin，虽然接触不多，感觉他很用心，是市场方面的主管，看的最多就是修空调，快递要发票的时候，会为公司的财政斤斤计较，到后来q总q总得叫我，真不好意思呢;感谢小杨，能够和你愉快的合作，如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了;感谢adam，强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个产品就很难走下去了;谢谢一起在虎之翼公司里工作的所有工作人员。
我很喜欢你们,喜欢这样的工作氛围，谢谢你们!
网页实结2
真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.
在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。
网页的调试
之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。
一.网站的整体规划
1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块：
1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置 (横向因素和纵向因素交错)
在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。
二.网页制作的前期策划与准备
1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件：
主页制作的基本条件有：网页设计实结
硬件：
一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;
软件：
HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver;
图像处理软件：常用的有Photoshop、flash、Fireworks 等;
文件上传软件：常用的有Cuteftp、WSftp等。
网页实结3
[实习任务]
学习网页设计实际问题处理方法及常规网页设计内容(网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等)，网页设计后台管理方面的知识应用，及利用所学知识管理和编辑网站，并从实际出发，简单了解关于网站安全性问题的实际解决措施(md5密码加密等网页设计知识)。
[实习内容]
按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下：
第一、收集网站所需信息。
第二、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。
第三、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建，。
第四、搭建网站所需数据库。
第五、网站的虚拟建设和初步完善。
[实结]
大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。
1.继续学习，不断提升理论素养
在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。
2.加强信心，坚持下去
上学的时候大家都说能珍惜现在的日子就好好珍惜!，等工作了才真正的领悟这句话的涵义。经历第一次实训课的学习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。
3、实训学习中的同学相处
感觉学生时代很美好，不仅仅是不需要去努力工作，而是在学生时代你可以有很好的同学，很好的朋友，大家相互嘘寒问暖，不必勾心斗角。我感觉这里才真的有纯洁的友谊。我想当踏上了社会，就会存在着利益关系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多几个朋友，希望自己可以有个团结工作的环境。在整个网页设计实训的过程中，实训同学之间的关系总是那般融洽!
实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。
实习的同时也让我了解到了自己的不足，,我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。
光阴似箭，日月如梭。转眼间，愉快而又充实的网页实习课程结束了，在这几个月的时间里，在实训的过程中 ，让我尝试了理论与实践的结合。网页设计理论一点点转化为实践经验，模拟网页实训变成了真正面对社会的基础，尽管生涩但在慢慢趋近成熟。丰富的实训知识，让我的实习生活充满惊喜、快乐和充实，当然也少不了网页设计处理过程中的困难。实习结束了，感觉脑袋里又注入了新的知识，对网页设计也有了更深的了解，在以后的工作中，希望能用自己了解的东西去处理相关的问题，再探究新的问题，使自己和公司不断进步。
网页实训报告范文第9篇
【关键词】网页设计 课程改革 探索
《网页设计》是计算机课程体系的重要专业基础课程。一些高职院校学校的现行教材中教学内容比较滞后，脱离实际。实践与能力培养不够突出，专业实习、实训的设备与计算机技术的发展有一定的差距，学生的实验教学往往不能保质保量地进行。学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会相关职业岗位的需要。根据社会对网页设计人才的巨大需求现状，改革现有教学模式，增强学生的学习兴趣，对于提高学生的实践技能，增强职业竞争能力，具有十分重要的意义。[1]因此，《网页设计》课程进行教学改革势在必行。
一、课程现状及存在的问题
目前，许多高等院校都开设了《网页制作》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用、电子商务、物流等专业公共的必修课程，也受到了其它专业学生的欢迎。网页设计教学内容通常包括HTML、语言、JavaScript 语言、CSS+div、图像处理、动画制作等方面，常用的软件是网页三剑客和Photoshop 的搭配使用。因此就授课内容而言，该课程具有知识点多、操作性强的特点。
分析目前课程中存在的问题，主要包括：教条式的课程教学内容，内容无法反映当前社会需求；教师在教学中与学生缺乏互动，学生缺乏积极性；实验教学与实际需求脱节，课程实验往往是一些基础知识的练习，缺乏用于解决实际项目的技术，形成了学生学而不会用的局面。同时，各高校网页设计课程多为36学时，课堂上学生无法获得足够知识点。而一些课程网站则只是简单的知识堆积，缺乏对学生的引导作用。
二、教改思路
本课程改革的宗旨是：由以知识为本位向以能力为本位转变，以就业岗位对人才知识结构的要求为依据，以项目教学为主线，以学校网站建设为目标，进行课程内容整合，使学生明确学习目的和内容。通过讲授项目实施的全过程，介绍网页制作的知识，使学生在学习的过程中，成为参与项目、创造实践的活动者，将知识转化为实际能力，实现具有独立完成网站建设与开发的专业技能，同时，通过本课程的改革与研究，找出适合专业学习的教学模式，探索出一条培养复合型大学生的新途径。
三、教学改革措施与方法
1.教学内容安排
整个教学内容的安排必须以实际应用为主线来进行，完成必要的知识点传授。同时，按照项目应用实际需求，改变教条式的教学内容安排。在以教师为主的主动“教”、学生被动“学”的传统灌输式教学模式下，学生无法全身心投入到学习中。为了让学生知道怎么学、学到什么以及知道学会了后具备什么能力，在教学内容安排上要以实际项目或目前应用中的项目为教学内容，让学生参与到实际项目的研究内容中去，从项目制定、需求、开发、测试的全过程安排教学内容，从“因材施教”转变为“因需施教”，从而调动学生的学习主动性和热情。
2.课程教学方法
采用实训――教学相辅相成的方式，选择合适的案例贯穿到整个教学过程中。在每节课讲授一个模块的同时，完成一个实际项目。在“因需施教” 的教学内容安排中，从“教”与“学“的传统教学模式过渡到“学生为中心”的教学方法。实验课则致力于充分发挥学生的主动能动性，教师只是讲解基础知识点，启发学生学会在项目开发中主动应用学到的基础知识，通过实训――教学的训练方法完成实际项目，从而提高学生对知识点的理解能力，增加学习效果。
3.基于用户体验的教学网站建设
目前的网页制作课程学时量较少，对这类实际操作要求高的课程，必须通过课外练习的手段达到学习效果。而传统的课程网站多为知识简单的堆积，无法提高学生的兴趣。本文提出采用基于用户体验的教学网站设计，来达到快速吸引学生眼球、发挥课程网站对课程教学的作用。在教学网站内容安排上，既要有课堂教学内容，还必须结合课程安排大量有趣、巩固知识内容的课外练习。同时，基于用户体验的教学网站也是网页设计课程所要掌握的知识点。在课程网站教学的过程中，处处体现网站采用的知识点及其用户体验，学生在通过课程网站学习的同时，也学习了网站的制作方法，从而增强课程网站对学生的吸引力。
4.基于认证的课程培养模式
目前社会就业对网页设计人才需求的缺口较大。针对一部分学生对网页设计有较大兴趣的实际，努力培养学生成为从事网站开发、WEB技术等方面专业技能的IT高级专门人才。依据目前网页设计认证方向和学生的经济承受能力，可以选择ADOBE网页设计认证作内容作为培养方向，在教学内容、网站设计中穿插一些网页认证的教学设计，起到以点带面、提高学生就业能力和水平的作用。通过网页认证知识的学习，促使学生不仅能学到新的和社会接轨的知识，还可以通过参加认证考试，获得相应网页设计认证证书，提高学生的专业技能和就业能力。
网页实训报告范文第10篇
1.1盲目性
高职院校课程改革往往具有盲目性。一方面，一些高职院校对高等职业教育的培养目标认识不到位。在实际教学中，有意无意地在向培养“工程师”、“建筑师”等目标靠近，只强调高等职业教育的“高等性”，忽视其“职业性”。另一方面，有些学校遵循本科培养模式，通过压缩课程内容的形式，提前完成课程计划，同时，片面强调课程知识的系统性与完整性，忽视学生的素质拓展、能力的提高及个性的发展，严重违背了职业教育的基本规律。
1.2不合理性
一些学校开设的课程存在结构不合理的现象，表现为需要开设的课程不齐全，且课程与课程之间的结构比例不协调，有的课程开设过多，有的课程开设过少，缺乏统筹规划。同时，各学科、各课程之间缺乏联系性、可选择性及灵活性。另外，有些学校的课程设置严重脱离经济社会的发展，不符合订单式培养目标的实现，没有建立健全产学研相结合的长效机制。
1.3非实用性
一些学校的课程内容存在非实用性的特点。第一，高等职业教育的课程内容缺乏创新，其表现出来的知识与技能过于陈旧，跟不上社会的发展。第二，高等职业教育的课程内容与学生的实际生活联系不紧密，所举例子也缺乏典型性与代表性，同时，例子与原理之间的先后顺序，即先摆出原理，然后用例子加以证明，严重违背了教育的基本规律。第三，课程内容缺乏迁移性。通过课程内容的学习，学生不能将一门课程的原理与方法合理运用于另一门或多门课程。
1.4非主体性
高等职业教育的课程内容没有体现学生的主体地位，未能让学生积极参与，没有照顾到学生的发展特点及需要；课程呈现方式单一、呆板，不能很好地激发学生学的兴趣；课程内容转化为教学的形式，比较陈旧，仍然是老师讲、学生听的传统模式，所以，学生的主体性得不到合理发挥与实现。
二、高职院校课程改革问题的成因
2.1重老师，轻学生
高职院校课程改革仍然重视教师的作用，重视教师在课程开发中的作用，轻视学生的力量。所以，课程结构、课程内容、课程的呈现形式等都以教师为本，突出强调教师的重要性。
2.2重理论，轻实训
在课程改革中，理论课仍占主导，没有从思想上和行动上落实职业教育的培养目标和计划。片面追求职业教育的理论知识与理论研究，不把理论与实训相互结合是导致高等职业教育课程改革问题的主要原因。
2.3重传统，轻创新
在课程设置方面，一些高等职业学校仅仅遵照旧有的课程传统，挖掘不出太多的内涵，对现有课程的教学方法、教学手段和课程管理创新不够，未能通过课程改革增强学生的主体性及课程的特色性。高等院校即使知道专业课结构及课程内容设置不合理，但是却无力改变现状或不知道怎么改变现状。除了国家教育经费投入有限的制约之外,高职教育与社会、企业实际脱节,是造成课程结构与内容问题的重要原因。
三、高职课程改革原则
3.1学生为本的原则
以学生为本就是要面向学生，以学生为中心，以学生的需要、兴趣、经验为本，尊重学生的个体差异，因材施教，将每个学生培养成职业能力强、创新能力强、自我价值发挥完善的综合实用型人才。学生为本的原则对高职课程改革提出了以下要求：一是要调整课程教学内容与方式，针对每个学生的不同特点灵活组织教学；二是要落实学分制，调动学生学习的积极性，促进学生个性的发展，让不同层次的学生都能体验到成功，从而满足学生的需求，实现专业培养目标；三是改变评价方式，注重过程性评价，将学习的责任交给学生，以教学评价多元化、综合化来适应不同学生的多样需求。
3.2全面发展的原则
素质教育要求实现学生的全面发展，所以，高职教育课程改革也应该体现德、智、体、美、劳等各个方面。据此，高职课程改革就应该注重在课程整合中体现“敬业、诚信、人文、心理健康、公关、协作、环保”等素质及能力的渗透和培养；德育目标与专业教学目标整合，要教会学生做人、做事；德育隐性课程渗透，如制度性、关系性、校园环境、社区性等隐性课程的渗透；鼓励学生参与志愿者、社会服务等综合实践活动。
3.3职业适应的原则
学生的发展包括了三个方面，即生理发展、心理发展与社会发展。社会发展往往更能体现学生的发展质量。而在课程改革中提高学生的职业适应能力，有利于让学生充分认识职业，提前做好职业规划，推动自身社会适应能力。职业适应原则要求课程改革需强调以能力为本位、以职业实践为主线,以项目实训为主体的实践性教学的深入开展；重视实习实践活动，把实习管理与实训管理相结合起来；注重校企合作，培养“双师型”教师；发展订单式培养方式，解决学生的就业问题。
四、生本教育理念下的高职课程改革策略
在综合考虑生本教育理念及高职课程改革原则的基础上，我们以江苏省南京市的南京某高职学校网页设计课程改革为例，提出切实可行的生本教育理念下的高职课程改革策略。
4.1明确高职课程改革目标
南京某高职学校自2005年成立至今，坚持以“德国学习领域教学模式”进行课程改革，采用“行为导向”、“项目教学法”强化技能训练，准确把握人才培养目标定位，加强课程与生产实践紧密结合，注重学生综合职业素质的提高，做好“工作页”的方法，不断推动课程改革工作向前发展。该校的网页设计课程，作为电子商务专业的核心课程之一，严格遵循《江苏省职业学校教学管理规范（试行）》、《中华人民共和国职业教育法》等相关规定，着重培养与我国社会主义现代化建设要求相适应的，德智体美全面发展的，面向当今信息时代、从事动漫方向工作的高级技术应用型人才。该课程改革旨在让学生掌握计算机网页设计的基础理论和专业知识，熟练掌握网页设计行业职业技能。一方面，以社会、岗位需要为依据，进行充分的社会及行业企业需求调研，通过与企业人士的研讨来确定课程目标及目标体系，而不是简单照搬本科模式，或是凭空想象，要遵循科学的方法与工作流程。该校的网页设计课程主要介绍HTML及Dreamweaver的相关知识，并结合助理电子商务师国家职业资格标准的相关内容，辅以动画制作、图像图像处理、网站构建等内容，坚持以服务为宗旨、以就业为导向的办学指导思想，坚持“双元制”教学模式，不断深化教育教学改革，形成重实践、重技能培养的办学特色。另一方面，必须重视课程内容的构建，高职课程的内容不能单一地指向科学世界，必须要注意科学知识与人文素养的融合；其内容不能单一地指向技能维度，而应该指向三个维度：职业技能维、职业知识维、职业情感态度维，后者往往是在课程内容选择和设计时容易忽略的，但是它在职业素养中却非常重要。该校非常重视学生在网页设计专业上表现的动手能力，合理规划理论学习与实训学习的实践，利用66个设备先进的现代化实验室、28个配套齐全的校内技能实训车间、1200台计算机和130多个多媒体教室开展卓有成效的实践学习。同时，该校也积极组织学生参与社会活动，紧扣地方经济发展和市场需求，争取在五年时间内培养出就业能力强、创新意识强、服务意识好的高职网页设计人才。
4.2坚持生本教育理念为基础
生本教育提倡的是素质教育，培养的是有理想、有道德、有文化、有纪律的社会主义新型学生，具有以往任何教育都无法比拟的优势，能推动学生有效学习，提高教师的教学效果，构建完善的课程改革方案。该校经过卓有成效的网页设计课程改革之后，改变了之前上课听得懂，但是碰到真实的企业网页设计时，却并不能完全按照企业要求设计出具有创新性网页的情况，健全了生本教育理念，循序渐进地安排课程内容，即“精美网页欣赏网页设计基础Dreamweaver快速入门站点创建网页布局网页中文本与图像的运用HTML基础层叠样式表交互的表单应用插入多媒体组件使用模版和库”，确保学生听得懂，学得会，能使用，充分考虑学生的接收能力，促进学生多种能力的发展。
4.3改革教学方法
南京某高职学校充分考虑学生的发展，在网页设计课程改革中融入生本教育理念，与企业合作进行“订单式”培养。无论是在课堂中，还是在实训基地，该校的“双师型”教师都仅仅扣住学生的职业发展这一目标因材施教，采取目标教学法、网络辅助教学法等方法，充分调动学生的积极性，让其主动参与课堂，缩短教师的讲课时间，延长学生的自主学习时间，同时加强与国外知名职业学校的合作，交换教学方法，提高教学效果。
4.4优化考核方式
考核是教学过程中的重要环节。通过考核，教师可以了解学生掌握知识的情况，还可以根据结果进行教学改革。传统的课程考核一般采用笔试的方法来检测学生对知识掌握的情况，这种考核方式不适用于网页设计这门课程，因为网页设计是一门对动手实践能力要求很高的课程。如果仅仅采用笔试的方式进行考核，会导致学生机械记忆理论知识，忽视对技能的学习。该校根据网页设计课程的特点，对该课程的考核方法进行了改革。课程考核结合平时考核、实践考核、理论考核三部分内容，平时考核占总考核的30%，主要考查学生的作业、出勤率、表现情况及学习态度；实践考核占总考核的30%，主要考查学生的实训报告、课程设计完成情况；理论考核占总考核的40%，主要考查学生的专业化理论知识。通过这种考核模式，该校网页设计课程改革初见成效，学生的就业率也得到了很大提高。
五、结语
总之，生本教育理念下的高等职业教育课程改革从学生出发，充分考虑学生学的重要性，强调学生的知识、技能、情感、态度、价值观及经验在课程中的作用，推动各门课之间的衔接与联系，突出实训项目的必要性，最终建构起合理有序的课程内容与课程体系。