开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页制作实训总结，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
【关键词】网页设计与制作教学改革教学方法
随着信息技术的飞速发展，网络已成为人们相互交流和获取信息的又一重要手段，为此互联网上出现了形形的各种网站，无论是企事业单位的门户网站还是个人的博客等都成为人们自我展示和交流互动的平台，这一平台的基本构成元素就是一个个网页。因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践能力和自学能力。
1教学方法的探讨
1.1案例教学法
要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，教师在上课的过程中，一定要精心设计案例，充分利用互联网上的资源，搜索学生感兴趣而且水平较高的网站作为案例，并能结合课程教学的需要将知识点融于其中，不仅起到教的作用，更要在其过程中，激发学生内在的动力，因为学生在刚刚接触网页设计这门课程时，没有网页设计的思路和方法，即使是做一个简单的个人主页，学生都会觉得无从下手。我们必须通过模仿一些精美的案例，让学生来了解网站建设的方法和流程，模仿他人的网站，从网站的配色到网站的布局、网站的内容结构等都可以模仿，这样就可以将在模仿他人网页中学到的知识结合到自己的创造中来。
1.2项目教学法
在教学过程中，为了达到对网页制作知识和技能的系统掌握和知识整合，综合提升学生能力，倡导将教学结果作为项目内容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校外实训基地建设，以满足本课程真实工作任务下的教学。
以企业对于岗位的需求为起点，把企业的实际环境引入到教学环境中去，并将两者有机地结合在一起，对具体项目的参与和剖析，非常有利于学生对知识架构的整体把握。不同能力的学生分别承担相应的任务，能力强的学生可以适当地承担核心任务的开发。项目教学法可以充分发挥学生的主观能动性，极大地提高了具体层面的操作能力，培养了团队合作意识，同时帮助他们学会如何更好地对问题进行发现、分析、解决。
1.3屏幕录像演示法
针对职业院校的学生。程度参差不齐，对于接收能力较差的同学，制作案例的过程，无法做到一次全部领悟，教师可以采用边讲解边录像的方法，学生课下可以参照录像回顾教师讲解的知识点，完成本课基本案例的制作。在此基础上以达到独立完成拓展案例的制作，以此来锻炼学生的综合应用能力和分析问题、解决问题能力，提高学生的综合素质。
1.4阶段实训法
定期给学生一些虚拟项目作为课程设计，培养学生单独规范的做项目的能力及网站设计的综合能力，在设计中注意引导学生提高审美能力，强调技术与艺术的融合，将网页作品当作一份具有生命力的艺术品。教师指导学生实施具体项目，引导学生解决问题，项目完成后，学生之间先进行自评，互评，最后教师点评，并把优秀作品向全体学生加以展示，以激发学生学习兴趣、形成持久学习动力，提升自主学习能力。
2考核、评价方法的改变
3职业资格考试的推广
在《网页设计与制作》这一典型的技能实践类课程教学中，教学方法改革十分重要，要求充分发挥学生的主管能动性，通过师生之间、学生之间的互相学习、讲座和交流实现相互促进和技能的提高。通过教学方法改革，激发学生积极性和主动性，同时通过师生间的交流及时发现学生学习中和教师教学中存在的一系列问题，及时总结经验，提高教学和学习质量，在促进学生个性发展的同时，亦可提高教师的教学技能。
参考文献：
[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化，2008（3）.
[2]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008（4）.
关键词：网页设计与制作；实训；拓展训练；项目实战
《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。
一、提高教师的专业技能
作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。
二、多种教学模式相结合，培养学生学习兴趣
（一）通过优秀作品赏析，激发学生的学习兴趣
在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。
每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。
（二）阶段测试训练
通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。
首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。
（三）拓展训练
（四）项目实战训练
将实际项目引入进教学，并对其进行任务分解。
例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。
三、增加实训课程的课时，提高学生的动手能力
实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。
四、结束语
《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。
[1]瞿江.浅谈网页制作实训教学[J].电脑知识与技术，2011，26.
关键词：网站建设与管理；综合实训；项目开发；职业能力
一、“网站建设与管理”综合实训的目标
二、“网站建设与管理”综合实训的内容
1.网站建设与管理综合实训所需专业课程知识。实际工作中开发网站项目，必须掌握静态网页制作技术、基本图像处理技术、数据库技术、利用编程语言实现动态网页技术、Web服务器的配置和管理技术，这些技术在网站建设中的作用各不相同静态网页技术和图像处理技术用于制作普通的页面以及用户访问网站的接口界面，数据库技术实现对用户数据的存储和处理，动态网页技术实现用户与服务器的通信及数据的存取操作，Web服务器实现对网站运行的支持。如何将这些知识有机的融合到一个具有现实意义的项目中，是综合实训能否取得实效的基础，因此，综合实训的项目最好是来自企业的实际项目，如企业的电子商务网站等。
2.网站建设与管理综合实训所应完成的技能项目。建设企业网站一般包括网站规划设计、网站前台设计、网站数据库设计、网站后台设计、网站的调试等几个工作过程和模块。以电子商务网站为例，网站建设综合实训应围绕多个项目模块展开。
（2）网站前台设计的实训。网站的前台设计就是指设计用户访问网站时直接接触到的页面，以电子商务网站为例，包括网站的主页、各栏目的首页、商品展示页面、注册页面及登陆页面等，具体内容涉及网站的排版布局、网站导航系统的实现、网站Logo的设计、图片处理、颜色搭配、注册页面及登陆页面的具体要求等等。这些工作的完成涉及多门课程的知识内容，实训效果既取决于学生灵活运用知识的能力，也取决于指导老的项目开发经验。网站前台设计的实训有两个重要的环节必须强化，其一是网站Logo的设计及页面图片的处理，这项实训的指导工作应当由熟悉图片处理的教师进行专项指导；其二是基本网页制作，包括网页排版、布局、颜色搭配、文字显示及资源链接的实现等，重点是运用网页制作技术如HTML，JavaScript语言及开发工具如Dreamweaver等的综合应用。
（3）网站数据库设计的实训。实训的内容着重培养学生如何根据一个项目的需要来进行数据库的需求分析、数据结构的设计，要求学生完成数据库的概念结构（E-R图）的设计，逻辑结构的设计（由E—R图转化成关系）及数据库的物理实现，强化学生在实际项目开发过程中利用某一DBMS实现后台数据库的设计技能。
（4）网站后台设计的实训。网站后台设计包括网站各种功能实现的后台代码的设计。以电子商务网站为例，后台设计实训的内容主要包括：①商品信息的管理：如添加、搜索、删除，分类等。②商品的分类管理。③普通用户及管理员管理。④各功能模块的通信及后台代码如网站购物车的实现、在线订购、在线付费的实现等。
（5）网站调试的实训。网站调试实训内容涉及两个方面：①配置网站运行的环境，让学生熟练掌握各种网站运行环境的配置技术。②网站测试。网站正试前都要进行测试，保证网站后用户能够正常浏览网页和使用网站提供的服务功能，只有通过了测试的网站才能到Internet上。
三、“网站建设与管理”综合实训的实施过程
四、总结就业导向是中等职业教育的必须把握的准则，职业技能的培养、适应岗位工作的需要应当成为高职计算机专业教学中必须强化的主题思想，因此，专业技能的实训显得尤为重要。网站建设过程需要使用多个专业课程知识，是一门综合技能课程，从实训内容、实训组织形式等方面强化本课程的综合技能实训，能培养学生与就业岗位“零距离对接”所要求的综合职业能力。
参考文献:
【1】程有娥付建玲马恩明《网页设计实用教程》电子工业出版社
论文关键词：ASP，高职院校，动态网页制作
1、引言
ActiveServerPages：活动服务器页，一般简称ASP。ASP是Microsoft的技术产物，ASP文件中的脚本是在服务器上执行的，包含文字、HTML、XML以及脚本等，ASP程序可以响应用户的请求或从HTML表单上被提交的数据，访问数据或数据库并将结果返回到浏览器，从而将网络流量降到最少，ASP是动态网页制作课程。
2、ASP的教学情况
以往ASP的教学一定程度上沿用了本科的教学方式和实验项目,对于高职学生来讲有些授课方式对学生不合适,尤其是高职学生本身理论基础不高,对有些实验项目的理解不够深入。先讲运行环境、编程基础、对象,学生在最后几次课学习了数据库后才真正的了解什么是动态网页,学生在做实验的过程中只是在教师指导下,完成了基本的对象的方法和属性使用,对对象的原理和使用场合理解不够。这样在一定程度降低了学生学习热情,影响了学生的学习信心,影响了教学目标的实现,更主要的有的学生可能会丧失对这项技能的学习兴趣,使学生在以后的学习中表现出没有信心、消极的学习态度。
3、ASP课程教学体会
ASP是高职院校计算机专业的一门专业基础课，在教学中如何让学生尽快掌握并运用ASP语言知识，提高其应用能力，是值得我们教师认真研究的课题。在教学实践中，笔者结合本学科的教学内容，积极进行教改探索，积累了一些经验，下面就这一问题进行讨论论文格式模板。
3.1、激发学生学习兴趣，唤醒求知欲望
3.1.1明确教学目的
高职院校《ASP程序设计》的教学目标是使学生能运用所学的ASP知识，根据实际问题进行ASP动态网站的创建与维护、ASP动态网页的编写、通过ASP动态网页访问数据库，使学生具有ASP动态网站开发的初步能力。
在授课过程中动态网页制作，要注意培养学生的学习兴趣。初接触计算机时，很多学生感到新奇、好玩，但这只是一种好奇。在课上可以介绍一些趣味性算例，培养学生的学习兴趣，让学生积极主动、自觉、独立地获取知识，打好学习程序设计语言的基础，使学生体会程序设计的用途和一种全新的解决问题的方法。整个教学过程中应该把解题思路、方法和步骤当作授课的重点，从而让学生明白如何分析并解决实际问题，逐渐培养学生进行程序设计的正确思维模式。
3.1.2多种教学方法和多种教学手段的应用
虽然现在大多数学校的教师已用多媒体教室上课，但仅也仅限于使用PPT课件，没有真正意义上的多媒体教学，笔者认为可以依赖多媒体技术，把枯燥的理论形象化，声、影、图、文融为一体。
例如：在理论教学中，采用CAI教学，利用Flash动画进行课堂演示教学，提高了学生的兴趣，采取师生互动的启发式教学模式，活跃了课堂气氛，课后做到及时答疑；在实践教学中，让学生自己设计程序，充分发挥学生的主动性，以培养创新意识和能力；在课程实训设计中，选用论坛系统、网上调查、聊天室、ASP网上调试SQL和交友网站等程序开发实例讲解，使学生不会觉得学习ASP是枯燥乏味，没有实用意义的，充分体现了高职的教学特色。。
3.1.3语言形象化和通俗化
一般高职学校的学生在入学前对计算机只是了解很少，这就要求在给学生讲解时，对一些计算机和网络基本知识给予介绍，如果只是一般概念性的讲解，学生会感到难以理解。因此要用通俗的语言、形象的比喻，生动的讲解那些晦涩的概念，这样学生才能更易理解，同时对ASP语言的学习也更有兴趣，授课时要改变过去先给出定义和规则的讲授办法，而是从具体问题入手动态网页制作，努力把枯燥无味的“语言”讲得生动。
3.2、强化动手操作训练，理论联系实际
3.2.1实践能力的培养
高职学校的学生培养目标就是要有较强的动手能力，毕业后能立即投入工作之中，无需再培训，实训教学要强化学生实际开发和应用能力，让学生在校学习期间具有一定的工作能力，教学内容主要围绕论坛系统、网上调查、聊天室、ASP网上调试SQL和交友网站五个“工程项目”进行教学，再将每个项目又分阶段展开成实训项目和设计教学，将知识点都溶化到一个个实训案例的程序编写中，并在每一个阶段的学习进行小结性的贯穿和能力提高。
3.2.2理论知识的巩固
教学中采用的是案例教学时，每堂课首先展示一个程序范例，该范例包括了当天要讲的标签、新语句，然后讲解实现这一程序的基本思路，以完成“项目”为主导。在案例教学过程中应注重以下方面。
1).采用“整体－局部”的教学思路。不论多么简单的案例，都应以系统设计为起点，以完成案例的过程为线索展开教学，把“程序设计方法”这一核心内容贯穿于教学的始终，使学生在学习过程中建立起系统和全局的概念。
2).案例应具有“趣味性和实用性”，将趣味性和实用性贯穿于教学始终，进而激发学生的学习兴趣。
3).每个案例的设计要通盘考虑。用户的需求、功能的思想、界面的设计、容错的考虑、代码的复用、系统的测试等都必须考虑到，并注意案例代码的规范化，要求学生编写规范代码。
4).要及时归纳，做好小结。在内容上归纳可以是一个控件使用的归纳，也可以是对一种结构、一个模块的归纳；在方式上可以使用文字概括，也可以使用图示总结。总之，要求学生整理、积累归纳和总结的结果，并鼓励学生自己做好归纳。
5).有意识地培养学生的异向思维，如一个案例是否只有书上的一种解法，书上的解法是否最优化等。要求学生通过网络搜索、相互讨论的方式完善案例，辅助学生查阅多种资料解决在完善案例过程中遇到的困难论文格式模板。
3.2.3综合能力的培养
建立教学网站，包括课程资料、实验指导、网上答疑、知识自测等子系统。通过教学网站的应用，在教与学的过程中，从以教中心走向以学为中心，从以教师为中心走向以学生为中心，充分发挥学生的主观能动性和创造性。通过校园网，设置便于师生交流信息、学生浏览和下载资料的一些栏目动态网页制作，实现教师和学生畅通的交流。学生可以在网上做作业，学习资料。通过开展网上教学，满足不同层次的学生课外学习的需要。在机房通过局域网显示试题，考完后立即公布答案，供学生自我检测和教师掌握学生学习情况。
4、总结
【关键词】网页设计;网页教学;课程探索
一、对该门课程的简单论述
二、对该门课程教学思路的转变
三、教学方式的改进
四、总结
“网页设计与制作”这门课是信息时代化的产物，与现实生活脱节必然导致的教育的失败。提高教学质量，必须改善教育结构、教学方法与思路。想学生所想、思学生所思，从这门课的教育意义出发，要培养高素质的人才，就必须得提供一个有利于学生成长的平台。提高高效的学习方法和巩固实训在该门学科的地位，必然给“网页设计与制作”课程教育带来一个更大的舞台。
[1]欧阳炜昊,吴振峰,罗卓君.基于工作过程导向的“网页设计与制作”课程教学改革研究[J].计算机教育,2010(4).
[2]向剑平.计算机基础课程体系的研究和探索[J].遵义师范学院学报,2008(1).
2授课方式方法
3授课知识框架参考
3.1基础知识讲解与运用（目的教学法）实践经验证明，阻碍学生学习的重要问题之一就是没有目的的学习，因此在课程设计中必须详细的制定学习目标、进度和学习考核制度。对电子商务专业的学生来说，本阶段课程设计偏重于实践，侧重于“完成”而不是“融会”。从一开始注重挑选代码量少，知识点少的小实例来完成，并鼓励学生进行小范围的修改来达到举一反三的效果。从人的认知规律来总结，作者认为人往往通过已有知识和信息来理解新知识，可以起名叫“经验推导原则”。在新课程授课设计时要尽可能的多涉及到HTML4传统标签与HTML5新语义标签之间的互用，通过对HTML4旧标准的标签与HTML5新标签之间的对比，来达到承上启下的作用。框架结构知识参考如下：
3.1.1页面外观设计为重偏重于视觉效果较突出的内容来设置课程，以提高学生的积极性。此处尽量利用纯CSS来制作页面的配色、表现效果等。同时对于音视频的添加涉及格式确定和转换的问题，此处涉及到多媒体格式的新标准，需要加入到学习中去。
3.1.2对浏览器的不同支持IE浏览器9.0以前的版本对很多HTML5语义并不支持，需要依赖别的方法（javascript脚本）来实现支持。关于这个知识点由于涉及内容较多，不易掌握，可以先考虑通过其他浏览器（如chrome）来实现HTML5的效果，然后再在知识讲解中来实现IE浏览器中相对应的表现效果。
3.1.3新表单的学习关于HTML5新表单要多涉及，由于表单主要用于网页程序与用户的交互，因此要作为一个较为重要的方面去做课程设计。由于越来越多的网站采用异步传输方式来减少用户的等待过程，因此适当引入AJAX部分内容的基础学习，可提供给有余力的学生自学，作为一个有益的拓展。
3.2开始进行核心知识的讲解
此处可适当加深内容，但是不可一味追求难度。可以进行阶梯式步进学习，对复杂知识以多个小实例来带动学习（比如对流式布局的讲解，可以先例举网页中标签的BLOCK显示效果实现，过渡到两个BLOCK块的浮动显示，接续制作一个自动扩充的导航条，再到整个网页页面的流动布局讲解，如此则更加具备授课结构的逻辑性）。教师授课过程中，要适时记录学生学习的状态，不断在框架内进行授课内容和方法的小范围调整，不可贪多求快，也不可过分拖拉。教师可引导学生进行自我学习，提升其理解能力。
3.3放开手脚
第三轮授课要少讲、多练，让学生多动手制作，实现自己想法。给定学生一个大致的方向，根据这个方向来自我发挥，制作个人网页的布局设计，以此来摆脱传统方式的“你讲我记”的教学方式。要更注重灵活性。该阶段要求教师设计课程框架结构完整、具有较为全面的知识面和快速学习、快速理解等能力。
4课程考核方式
【关键词】计算机教学；实践；目标
一、提高学生的学习兴趣
学习任何一门课程之前，首先应该让学生对所要学习的课程感兴趣，如果第一节课不感兴趣，可能会导致对以后有意思的内容也忽略了。总之，第一节课要抓住学生对这门课不熟悉而兴趣盎然的机会，提高学生的学习兴趣。
二、明确目标，完成任务
每节课都给出具体的教学目标和知识点，让学生在一个个典型的实例下展开学习。引导学生由浅人深、由易到难、循序渐进地完成一系列的学习任务。在完成任务的过程中，培养学生分析问题、解决问题以及用计算机处理信息的能力。如该课程的技能目标是：“能够综合运用网页制作三剑客软件独立制作+网站”。可以让学生找出自己感兴趣的网站，然后让学生对感兴趣的网站进行临摹，完成教学任务。
三、目标分解
在目标明确的基础上，把总目标分解成为一个个小的目标，进行知识点细化。如该目标涉及的知识点有：
1、网站设计，开发流程
一般先让学生上网进行观察，然后以书面形式，总结一下不同网站的特点。再根据自己的兴趣和爱好，收集资料、设计版面，完成网站的设计工作。
2、网页制作三剑客系列操作使用
3、其它软件的使用
四、依靠现代化教学手段
五、培养学生创新能力
六、注意因材施教
七、牢固掌握学过的知识
网站建设与规划职业教育全真项目模拟
高职高专人才培养是紧紧围绕学生职业应用能力的形成而展开的。在学生职业能力形成过程中，来自职业一线的项目实战环节至关重要。纵观高职教学计划，实践课程课时数占到总教学学时的50%强，可见高职教学对实践环节的重视程度。如何有效的组织实践教学就成了关键之所在。
一、实训课题的确定
这就使得实践课题的确定成了个问题，没有项目的情况下如何做项目实训？自然，全真项目模拟是解决这个问题的一条比较好的途径。教师确定的实践题目应该尽量接近真实项目，只是要求相对宽松。随之而来的问题就是教师能否把握这样的实践课题，能否抛开书本紧贴职场需求，这样的实践课题无疑对教师提出了较高要求，这也许是高职“双师型”教师需求的初衷。
二、组织实施
1.分组
先学生自愿组合、后教师调配安排，对全班同学进行分组，3～4人一组，采取组长负责制，由组长统筹安排其他组员的分工。
2.规划网站
在制作网站前，给学生介绍不同类型的专题网站，让学生上网找出自己感兴趣的网站，要求学生在网站浏览的同时，总结网站的风格特点，并把自己的心得介绍给老师与同学。
3.细化任务，分工合作
本着发挥学生个人特长，让每一位学生溶入网站设计的全过程，结合《网站建设与规划》课程的教学内容，成立项目小组，设立项目经理来负责每个小组完成一个网站。
4.实施项目
学生确定各自在小组内的分工及小组成员间合作形式后，按照已确定的方案进入具体的网站制作。在这个过程中，学生必然会碰到许多新问题。此时教师就可以把问题集中起来，要求各小组在回答问题时充分发表意见。同学间可相互提示帮助，教师根据学生的掌握情况进行及时补充。对学生在应用上有困难的地方，教师提供给他们解决问题的方法，让班上绝大多数学生能完成基本的教学内容。
5.小组成果展示
网站制作结束前，经过教师核准验收后，可以宣布整个项目工作结束。作者要向教师及同学展示自己的网站，并进行作品答辩。以团队形式完成作品的，分模块展示，体现合作的同时还应有细致分工，这会更加促进学生的团队意识。
6.评估总结
学生在完成网站设计后，教师要求他们进行网站的自评、互评。学生对各自网站自评，不仅有利于学生的自主学习，且可以改进课程或教学的设计。学生互评，让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。最后教师对各项目组的网站进行综合评价，这一工作是最主要的。教师在评价学生网站时，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生去完善网站。
三、效果总结
《网站建设与规划》实训课程在实施全真项目模拟后使学生通过这门课程的学习真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个实训过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。
实践表明，全真项目模拟突破了传统的实训教学模式，真正体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技能，从而更适应社会发展的需要，对教师也是一种锻炼和提高。
四、附件
综合实训项目案例：电脑报价系统的制作。
1.项目名称
电脑报价系统的设计与制作
2.项目的提出
以某电脑公司产品销售为例，设计一个在线进行电脑销售的平台。客户可以根据不同的需求选择不同的电脑配件，组合起来后构成一个完整的电脑系统，并且给出每一个电脑配件的单价及组装完成后整机的价格。
3.项目实施过程
（1）学生分组
（2）确定项目学习目标
（3）对五个小组分别负责的模块进行划分
电脑报价系统网站中的五个子功能分别是硬件查询、模拟装机、后台管理、产品修改、用户注册。
4.项目教学在网页课程教学中的评价
（1）对学生网页设计作品的评价
对学生网页设计制作的作品的评价部分，通过网页作品制作评价量表来实现。
（2）对项目教学后的调查问卷分析
为了了解学生对项目教学这种新的教学方式的认识和适应情况，在项目教学结束之后，课题组对该班级进行了动态考察，包括学生对于学习《网站建设与规划》实训课的态度、对全真项目模拟教学法的评价等。
【关键词】中职电子商务专业学生基本技能培养
一、加强中职电子商务专业学生基本技能训练的重要性
二、确定中职院校电子商务专业的基本技能项目
对电子商务所涉及的业务与流程及其所需要的技能，按照电子商务专业岗位的要求以及专业核心竞争力的要求，在岗位技能中找出职业生活必须的，通用性较强的，也最能够体现技能熟练程度的项目作为本专业基本的技能并进行强化训练。
（一）计算机的应用基本技能的强化。此项需强化的基本技能是：文字速入技能、办公自动化软件、图像处理软件、网页设计等。
（二）电子商务语言交流、沟通能力技能的强化。此项需强化的基本技能是：语言表达技能、专业文字表达的技能、市场调查及分析技能、计算机网络交流工具的使用的技能。
（三）电子商务实战能力的强化。此项需强化的基本技能是：网店开设实战技能、电子商务交易平台的操作技能。
三、对中职电子商务专业学生进行基本技能强化训练
（一）对中职生语言表达技能的训练。需要设置语言表达能力的课程，校方要编好培养计划书，学生根据不同时期所设置的不同任务，在电子商务课上进行演讲，还要鼓励学生参加各种学校内的社团组织，锻炼学生的交流和沟通技巧，也可以学校或是班级的形式举办演讲比赛，加强学生在比较正式的场合当中语言的表达能力的同时还能培养其应变能力。
（六）对学生电子商务平台操作技能的训练。这一技能包括BtoB、BtoC、CtoC操作技能，可利用模拟的电子商务平台以及实际电子商务的网站来进行训练，最终要求学生能够熟练的掌握交易平台后台的管理以及交易过程当中的所有流程操作，要在第三学年时加强这一技能的训练，以达到国家电子商务师考试中级以上水平。
（七）对学生进行创办网店实战技能的训练。这一技能的训练可以让学生对电子商务的经营能力进行全面的提升，其中也包括网店及实体店的经营与管理。可组织学生进入大型的商务网站，例如淘宝网、阿里巴巴或是当当网等，进行网上开店的训练，从网店的设计与制作到推广与维护，并对商品进行网店上的营销以及促销服务以及预定销售额的完成这些操作技能的训练，将页面的设计水平、交易额以及信誉度等来进行评比。
总之，通过对中职电子商务专业学生进行以上专业基本技能的强化训练，让学生能够了解并逐渐掌握电子商务的专业知识以及实践操作技能，成为复合型的实用人才，能够在毕业后快速的投身到电子商务的实际工作当中，以促进我国电子商务的发展。
【关键词】Dreamweaver软件网页设计静态问题对策
一、Dreamweaver软件设计静态网站
二、DR设计静态网站过程中存在的问题
对于初学者而言，利用Dreamweaver设计静态网站经常会产生一些意想不到的错误，使在调试的时候很难下手。经过探究分析发现，DR设计静态网站过程中主要存在以下几种问题：
（一）、路径错误问题
路径是网页与网页所需素材相连接的关键所在，出现路径错误问题，网页很有可能变得一塌糊涂。最为常见的是图片链接问题，设计的网页中图片无法显示。当出现图片无法显示的情况时，很有可能是图片素材的路径出了问题。对于声音、动画无法获取也是一样的，多半是获取路径的问题。
（二）、空格问题
在Dreamweaver中输入空格是一件令人头痛的事情。有时候当利用Dreamweaver编辑文本的时候需要用到空格，但是，一些初学者可能就会发现空格无法显示出来，这样就导致空格问题的出现。
（三）、设计好的网页在浏览器窗口最小化时会变丑的问题
对于初学者来说，容易出现的一个问题就是：设计好的网页在浏览器全屏的状态下，网页内容能够全部显示出来，不存在任何问题，可是当使用窗口最小化命令或者手动调节窗口大小事，就会出现设计好的网页变丑的问题。可能出现的情况就是网页内容会把当前窗口作为显示范围，从而缩小了显示范围，这样的话就会导致网页内容无法全部显示，网页显得不那么美观了。
（四）、图文混排问题
设计静态网站时，想要在Dreamweaver中将图片和文字放在一起，实现图文混排的效果。但是，在进行图文混排时经常会出现错位的现象，图片文字无法对齐。最常见的就是栏目条上的一个小图标和一个标题在同一个单元格内，图标和文字难以对齐。
（五）、表格混乱问题
很多初学者会采用单一表格来给整个页面布局，这种页面布局方式不规范，容易产生错误。Dreamweaver使用表格是很常见的，表格操作简单，很容易上手，但是，调试起来很困难，经常会出现错位混乱的问题。这是因为表格的各个单元格之间是有关联，单元格宽度会影响布局的内容，一旦出现错误就很难控制了。
三、对策研究
针对DR设计静态网站过程中存在的问题，可以提出如下对策：
（一）、合理设置文件路径
当出现路径错误是，需要查看引用文件的路径是否正确。对于图片路径错误来说，如果路径设置是：“./images/baby.jpg”，这样设置的是相对路径，指的是父级目录下的image文件夹中的baby.jpg图片文件，这样是正确的。但是，如果路径设置为：“file：///d：/Documents/baby.jpg”，这是电脑的绝对路径，指的是电脑D盘中我的文档中的baby.jpg图片文件，所以文件没有在站点文件夹中，无法获取图片信息。所以，需要将各种素材放在站点文件夹内，并指定正确的路径。
（二）、了解空格使用方法
Dreamweaver中对空格输入的限制是针对“半角”文字状态而言的，所以通过将输入法调整到全角模式就可以避免空格问题了。另外，还可以通过同时按下键盘上的Shift+Ctrl+space就可以插入一个空格，且能够连续输入。
（三）、正确设定表格百分比属性
一般情况下，网页布局大多是通过表格来实现的，表格的高度设定选择上提供了百分比和像素两种不同属性，解决网页在浏览器窗口最小化变丑的问题，只需要将百分比属性全部更正为Pixels单位的实际大小就可以了。
（四）、图文混排
解决图文混排问题，只需要将图片的对方属性改为绝对居中，然后再对图片的左右边距进行调节就可以了。
（五）、使用多个表格来布局，减少各表格间的关联
采用表格来布局时，尽量使用多个表格，复杂栏目合理嵌套，每个栏目用单独的表格，减少各个表格之间的关联。另外，在建立表格时要设置填充和间距的具体数值，对于一些初学者而言，在建立表格式没有设置填充和艰巨的具体数值，而表格填充和间距默认的是1个像素，这样在布局的时候就容易把表格撑开，造成页面布局的混乱。
DR设计静态网站过程中存在的问题除了上述常见的五种之外，还有一些问题也是令初学者比较头痛的。例如，利用CSS和DIV布局时容易出现浮动元素换行、布局发生混乱、间距不合理等问题。这个时候需要设计者掌握CSS和DIV布局的使用方法，正确的运用CSS和DIV布局技术，才能够使静态网站更加的美观。网站设计的过程是复杂的，需要不断地实践，总结经验。
参考文献
[1]刘宏，韩鹰.网页设计与制作实训教程[M].北京交通大学出版社，2007
根据对肇庆科技职业技术学院的毕业生进行岗位跟踪和回访发现，我校计算机专业的毕业生在网页设计方面的岗位主要有：网页设计与制作、网站编辑、网站管理3大岗位群。网页设计制作：精通Photoshop，Corldraw，Frontpage，Dreamweaver等多项网页设计工具。网站编辑：具备基本的网页编辑和修改能力。网站管理：具备较高的网页设计制作和维护的能力。这些工作岗位群不仅要求学生透彻理解《网页设计与制作》课程的基本知识与操作技能，还要求学生掌握网页设计与制作的工作过程以及方法，同时更要具备良好的职业道德、团队精神和敬业精神。但在实际教学过程中，有的学生在完成课程学习之后，还是很难掌握好课程知识。为了进一步体现职业院校的教育理念，提高职业教育的教学质量，必须围绕实际的工作过程进行《网页设计与制作》课程开发，才能使课程教学适应行业发展的需要[1]。
2．根据岗位需求和专业培养目标，明确课程培养目标
2.1培养学生的专业工作能力，分析典型工作任务
网页设计制作：要求具备开发和制作网站的操作技能，能完成对中小型网站整体规划和网页具体设计制作，美化等工作任务。网站编辑：要求掌握基础的网页知识和操作技能，能完成中小型网站的内容建设，包括网站内容的编辑、更新和维护等工作任务。网站管理：要求具备较高的网页制作经验和管理能力，能完成对中小型网站的后台维护、网站的改版等工作任务。
2.2培养学生的职业素养和学习能力
在学习初级阶段，可以通过设计生动有趣的项目实例，充分调动学生的学习兴趣，并激发他们的工作热情，从而培养学生对网页设计课程的自发主动学习能力，这种工作热情也能够激励学生在日后的工作岗位上不断探索，不断进步。既要培养学生模仿的能力，又要注意启发学生的创新思维。例如在进行网页建模和布局设计时，可以应用灵活表格，层，这时要鼓励学生多思考，尝试利用不同的方法设计，让学生既能把基本知识的基础打好，又能举一反三地思考问题。同时在教学过程中必须贯穿培养学生的团结协作能力。对一些复杂的项目可以通过分组合作，让他们对一些难题进行相互交流和讨论，互相取长补短，一齐分工合作，共同完成任务。
3．基于工作任务，合理选择课程内容，设计教学情境为了更好的培养学生的综合工作能力，不只要按照学生“由易到难，由浅到深，由表及里”的学习认知规律选择合适的教学内容进行讲述，还必须合理排序所要讲述的课程内容，并融入生动有趣的教学情境中进行练习，让学生更容易掌握[2]。按照网页设计的典型工作任务，将课程内容分为了5个学习单元：
第l单元：要求学生对网页设计工具有一个基本了解，初步掌握网页设计的基础知识和一般方法。
第2单元：要完成网页规划设计的任务，通过实例讲解和实际操作，讲述网页色彩搭配、网页布局和网页字体的运用及设计技巧，css样式层的设计。
第3单元：主要讲述如何进行网页美化，包括网页视频与音效的添加，导航栏的制作，层和行为的使用等。
第4单元：主要介绍更新及维护网页的技术，包括模板和库项目制作技术。
第5单元：介绍网站测试和网页上传的基本方法及操作实例。该课程内容安排以Dreamweaver软件应用为主线，内容涉及网页布局，网页美化，网站测试等知识，强调从实践应用出发，介绍网页设计和制作的技术，突出学以致用。通过该课程的学习，使学生掌握网页制作的基本知识，熟悉网站设计的全过程，并能熟练制作中小型网站。
（2）便于管理维护，易于更新或添加页面内容，有一定的扩展性。
（3）网页的字体要美观，不同页面的风格要统一，字体的组合要协调，图与文字和谐，内容丰富，能支持几种常用浏览器。
4．基于建构主义的教学模式设计
“建构主义学习理论强调以学生为主体，教师为主导的双主教学模式。学生是信息加工的主体、知识意义的主动建构者，教师是学生主动建构意义的帮助者、促进者、指导者；强调学习的合作性和情景性，提倡合作学习主动性和交互学习。”[4]在建构主义学习理论的指导下，教师的教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。所采用的教学方法都强调学生是学习的主人，是整个教学活动的主体。无论是教师的备课、课堂教学的组织还是课后的学习指导，教师都要树立“学生是教学活动的主体”的意识，始终贯彻“以教师为主导，以学生为主体”的教学思路。
4.1营造有助于教学情境开展的企业实践条件
4.1.1为学生提供参与和了解企业的机会学院可以定期邀请一些网页设计工程师、专家学者等来校讲学，丰富学生的专业知识，扩大学生的专业视野。通过以上的方式，学生不再对企业感到陌生，并能很快进入工作过程。同时学院还可以通过与多家企业签署订单式人才培养或实习基地合作协议，定期组织学生赴企业顶岗实习，通过顶岗实习，让学生了解企业实际的工作流程，找出自身状况与社会实际需要的差距，为求职与正式工作做好充分的知识、能力准备。
4.1.2为专业教师创造实践条件专业教师既要丰富的教育理论和专业理论知识，又要有过硬的操作技能和实践经验，才能更好的发挥“主导”作用。学校可以安排教师下一线企业进行学习和工作，了解网站开发的工作任务和工作流程，以及往届毕业生在工作方面所存在的缺陷，从而进行岗位职业分析与课程内容的合理选择。同时可以聘请有深厚学术水平的专家或企业工程师担任本专业顾问，为教师进行培训和讲学，或者直接参与课程教学、教材编写等课程开发，为专业办学提供一些发展性的建议。
4.2以赛促学、以赛促教、赛教结合，激励参加学生技能考证，提高学习主动性为了能够增强学生的学习主动性，提高学生的动手能力和增强毕业生的就业竞争力，可以通过号召学生积极参加学院、省市等单位举行的专业技能竞赛，培养学生的创新创造精神、团队竞争意识、实践动手能力以及创业素质，激发他们的自学热情，自发主动的去获取知识。教师在平常的教学过程中，要注意加强对学生进行考题项目训练。学生通过对考证和竞赛题库内容有针对性的进行练习，能更好的灵活应用《网页设计与制作》课程的专业知识和操作方法。而教师通过辅导学生参加考证，也能锻炼自己的实践教学能力，提高教学质量，真正实现“以赛促教、以赛促学、赛教结合”。
4.3.1在教学前期，通过知识点的学习，培养学生的模仿能力，构建学生自己的知识体系建构主义学习理论认为教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。在教学前期，学生主要是学习网页示范项目，以“小型物流公司网站规划”为例，该项目的教学安排如下：项目任务：小型物流公司网站规划项目目标：要求学生能掌握网站规划的原理和设计方法教学内容：
（1）了解网站的不同风格种类和色彩搭配原理；
（2）对网络上优秀网站的规划思路进行分析和学习；
（3）根据公司文化对网站规划的创意进行思考和设想；
关键词实践教学；网页设计；独立学院
中图分类号：G642.44文献标识码：B
1引言
近年来，由普通本科院校和社会力量合办的独立学院发展十分迅速，独立学院办学机制灵活，专业设置以市场需求为导向，注重实践，以培养应用型人才为目的，其办学特点和教学模式均有异于普通本科院校。可见，针对独立学院的自身特点，研究具有其自身特色的教学实践方法十分必要。
相比之下，独立学院学生基础相对薄弱，人才培养模式相对滞后，研究、构建具有独立学院特色的人才培养模式，是独立学院健康、可持续发展的关键所在。武汉理工大学华夏学院针对这一情况，采用教学、实践相结合的教学模式，进行多方面的有益探索，取得一定的成果。
网页设计作为一门专业课，是现阶段计算机专业学生的必备技能，也是一个较大的就业方向。如何使学生真正学好这门课程，达到应用型人才的培养目标，是整个教学的出发点和归宿点。本文优化重组并改进以往的教学实践方法，提出一套实践教学模式，以华夏学院网页设计课程为例，介绍其实践教学平台建设。
2独立学院网站建设课程的教学现状分析
目前，独立学院教师多采用课堂讲解的方式开展教学，教师通常按照教材的顺序，对各章节进行讲解，先讲解基础知识，演示操作步骤，然后学生操作和练习。这样的教学过程是以教师为中心的教学模式，难以激发学生的创新意识：学生在学习理论知识时，缺乏对知识的感性认识；而进入到专业实训阶段后，又往往局限于模仿性操作，因此仍然很被动，不利于提高应用能力[1]。
3网站建设实践教学方法研究
项目教学和案例教学是当前网页设计课程使用较多的实践教学方法。两种方法各有优势，都取得良好的教学效果。
项目教学模式是以建构主义学习理论[2]、杜威的实用主义教育理论[3]、布鲁纳的发现学习理论[4]和加德纳的多元智能理论[5-7]等教育理论为理论基础的。基于项目的教学方法是在教师的指导下，将一个相对独立的网站建设项目交由学生自己处理。信息收集、方案设计、项目实施都由学生自己负责，学生通过该项目的进行，了解并把握整个过程及每一个环节中的基本要求。项目教学法强调以学生为中心，其实质就是让学生集中精力解决真实问题，并以最终作品的形式表现出来[1]。
案例教学法是一种以案例为基础的教学法，在教师的指导下，根据教学目标和内容的需要，采用案例组织学生进行学习、研究、锻炼能力的方法。教师于教学中扮演着设计者和激励者的角色，鼓励学生积极参与和讨论。
对学生采用先“知其然”而后“知其所以然”的先实践后理论的导入式学习方法，这种方法就是先给学生示范做一个可见的网页效果，引起学生兴趣，使之进行模仿性的操作。当学生自己动手做出同样的页面效果时，便“知其然”了，产生兴趣的学生会问为什么这样操作就可以做出来呢？此时，带着疑问，便可以给学生进行“其所以然”的讲解。学生理解了原理，教师马上趁热打铁，再举出相似的例子，留给学生进行自主练习。这就是实践—理论—再实践的导入式教学方法。
由于在再实践的过程中学生已经掌握了制作原理，所以已不是简单的模仿记忆操作，而是真正地掌握了技术。这种实践教学中教师扮演的是“导”，学生是“学”，而非传统的“讲”和“听”，导入式教学方法在实践中取得了很好的效果，学生的积极性和主动性获得了提高。
如图1所示，课程上的先后可以看作教学纵向上的加深过程，纵向上各项技能的培训过程是一个由浅入深、逐步深入的学习过程。每项技能的实践教学均包括三个阶段：首先是使用导入式教学法使学生从认识、模仿到学习理解，其次是自主练习熟练，最后是通过对拓展案例的操作掌握技术并且灵活应用。完成各项技能的学习之后，进行综合案例教学，培养学生综合各项技能进行网页设计的能力，最后是以学生为主体的面向具体项目的实践训练过程。
4实践教学效果分析
5结论
2）华夏学院网站建设课程实训研发室是武汉理工大学成立的一个实践教学平台，有机房机器等硬件资源，辅导教师又有实际项目经验，这种条件下采用上述教学模式，对研发室的学员进行实践指导，效果显著。通过参与到现教中心的研发项目，学生不仅得到技术上的提高，还锻炼了团队合作精神，拓展了就业面。这种探索为独立学院的特色建设和培养应用型人才的目标做出一定贡献。
[1]周林妹.基于项目学习模式的网页设计课程教学方法探讨[J].湖南医科大学学报：社会科学版，2009，11（3）.
[2]张建伟，孙燕青.建构性学习：学习科学的整合性探索[M].上海：上海教育出版社，2005.
[3]单中惠.现代教育的探索：杜威与实用主义教育思想[M].北京：人民教育出版社，2002.
[4]刘奇志，谢军.布鲁纳教育心理学思想及其启示[J].教学研究，2004（5）：3-5.
[5]夏惠贤.多元智力理论与项目学习[J].全球教育展望，2002，31（9）：20-26.