关键词:专题学习网站;网页设计与制作;设计
中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2009)15-4089-02
The Design of Subject Learning Webside: Web Design and Making
HUANG Yi-bao
(Gaozhou Normal Subcollege of Maoming University,Gaozhou 525200,China)
Abstract: The development of Information technology improves Educational Informatization. So under the network condition, the buiding of educational resources are the important parts of Educational Informatization. Subject Learning Website represents the importance of the buiding of educational resources. This paper takes the course Web Design and Making ( Gaozhou Normal School of Maoming College) as an example, presenting the design of Subject Learning Webside, and mostly expatiating three aspects: demanding analysis, system design and function design.
Key words: subject learning Webside; Web design and making; design
1 专题学习网站的概述
专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。
2 专题学习网站的需求分析
《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。
2.1 专题功能需求分析
根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:
1) 资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2) 交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3) 评价展示功能。包括作业批改、作品展示、自我测试、竞赛投票等在线评价。4) 用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。
2.2 专题角色需求分析
功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。
1) 学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2) 管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。
3 专题学习网站的系统结构设计
3.1 专题学习网站系统框架设计
根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下 :
1) 专题结构化知识:网页基础、动态技术、数据库、辅助软件。2) 专题资源库:拓展资源、相关链接、强化训练、素材集锦。3) 专题协作学习工具:学习留言、专题论坛。4) 专题学习评价:作业批改、自我测验、作品展示、竞赛投票。
3.2 专题学习网站系统程序流程设计
根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。
3.3 专题学习网站体系结构设计
专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server 同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:
1) 客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2) 应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3) 数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。
4 专题学习网站的功能设计
专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。
4.1 专题学习网站资源的形成
为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的。
4.2 专题知识的结构化重组
使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程Fireworks的教程外,在学习完Fireworks后,可以将的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。
4.3 专题协作学习工具
专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。
4.4 专题学习评价
包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。
5 结束语
专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主
性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。
参考文献:
[1] 谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.
关键词：网页设计；教法；学法
中图分类号：TP3-4文献标识码：A文章编号：1007-9599 (2012) 07-0000-02
在网络技术迅速发展的今天，网页设计与制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术、计算机网络技术、国际贸易、国际商务专业”等专业学生的必修课，同时，也是相关专业学生的选修课[1]。
一、《网页设计与制作》课程现状与问题
对于以往的教学方式与内容，其相对落后的表现为：以简单分析为主线，系统的概念化设计思想较弱；以文字教材与课堂讲述的方式传授知识为主导；过于重视软件的操作，几乎没有创新设计的内容，忽视培养学生创造性思维；新理论、新技术相对偏少；与实际案例的联系不密切、没有反映现实技术的发展水平。
二、《网页设计与制作》课程教学改革的对策
（一）教法的改革
“教师一张嘴、学生一支笔”的传统“填鸭式”教学模式，是培养不出掌握熟练技能技巧面向市场的网页制作人才的。为此，我们必须在教师的教法上改革传统的教学模式。
1.注重培养学生的新思维
教学改革的关键是教师，要把如何培养具有创新能力的网页制作人才放在第一位。有了创新意识，就能抓住创新机会，产生创新方法，启动创新思维。通过改革，带动和影响学生去创造、去想象、去独立思考。培养学生的创新思维，可以改变学生依赖老师的习惯，也可以改变计算机教学传统的填鸭式、灌输式的教学方法。代之以自学指导法、尝试教学法、提问验证法等。教学方法创新，可使学生具有获取新知识的能力，为他们在今后工作中不断创新打下基础。
2.使学生从课本中解放出来动手实践
传统教学方式学生取得知识的途径主要是教师的课堂讲授和教科书。笔者认为，教师应该让学生从书本和课堂中适度解放出来，要求学生积极参加实践，接触实际问题，在经历实践的同时和解决问题中获取知识。教师对每一门计算机课都给学生布置实践课题，作业考核测试尽量在电脑上进行，实行“无纸化”，使理论和实践教学有机地统一。
3.鼓励并组织学生校外实习
为了让学生能更好的适应社会需求，在充分发挥本校人力资源的基础上，与一些IT公司联合，鼓励并组织一些学生去公司实习，让学生有机会参与实际项目的开发和管理，提高实际应用水平。同时，也可以聘请公司专门从事网页制作的人员来校授课，让学生能及时了解学科前沿应用信息并掌提高新技术，尽力让学生的认知内容始终与世界资讯保持一致。
（二）学法的改革
1.引导学生转变思想
学生从高中升人高职，大部分学生已经习惯中学教师的教法。简单的说就是，学生只会学习老师教的内容，不会太多想和学课外的一些知识点。但是，现在不同了，首先要从思想上给学生敲一下警钟，让他们知道，高校不同于中学，高校的学习和学法主要靠个人，网页制作的知识无边无际，需要学生自己去好好学习，自己去钻研。因此，老师应该更多的提醒学生平时独立思考问题、独立看书、独立去实践，逐步转变学生的惯性思维。
2.引导学生理论与实际相结合
我们注意引导学生从课本中解放出来，但是也不能完全的脱离课本。尤其是网页制作科目的实践性很强，所以一定要注意提醒学生不能忘掉课本的这个“本”，注意理论与实践相结合，只有通过在实践中来发现问题，同时又从课本中获取知识，才能达到理论与实践相结合，才能增长知识，才能取得更大的进步。
3.引导学生利用好网络资源
随着学校网络环境的进一步改善，学生上网的机会也随之增多。网络资源为我们的教学提供了一个很好的学习资源，但需要教师的有效规范和引导。网上关于网页制作的相关网站很多，有一些做网页的相关技巧等着学生去学。通过学生对网络资源的利用，既能大大的补充学生做网页知识的全面性，又能很好的激发学生学习的积极性。
4.引导学生建立学习小组
在教学的过程中，我们可以将学生每4—6人来建立一个学习小组，小组成员之间相互协作，相互帮助，来共同解决问题。同时可以让小组中尖子生充当小老师来指导其他成员，从而达到共同学习进步的效果。学习小组的建立，初步培养同学们合作交流的愿望，使他们能主动与他人合作，敢于提出与别人不同的见解，也勇于放弃或修正自己的错误观点。通过学生的共同探索，可以培养同学之间相互合作、共同探索的团队精神，也可以提高学习效率。
（三）成绩考核方法的改革
网页制作操作性很强，实践内容多，而理论知识少，一个学生学得好不好，关键看学生的动手能力怎么样。对学生成绩的考核也是网页制作教师长期探索的课题。
1.小的知识点，平时随堂考查
在时间允许的情况下对每个学生要逐一检查，使学生在平时就养成对小知识点的积累。久而久之，做一个网站的所有知识点就会慢慢的积累起来。
2.提前布置一些较大的工程（如个人主页、网店设计之类）
如何使学生将一些小的知识点组合成为一个大的或综合的网站才是做网页最终目的。因此，开学初我们就可以布置个人主页、网店设计的任务，要求学生做好准备，到期末后一起交上来。这样既可以即学即用，也使得学生在平时把精力真正的投入到专业技能的训练上。
3.上机操作
期末考试的成绩不能仅仅就是上面的两个方面的成绩，还要让学生能在规定的时间内来完成老师所规定的一个网站来，学生可以自由发挥，设计想出自己独特风格的网页，这样对学生就会有一个很大促进作用，有助于学生独创意识的发展。
三、五步教学法
《网页设计与制作》课程特点是：具有很强的操作性，并且新技术不断涌现，有明显的时展特点，教学内容须同步更新；设计无定势，故极富创意性、挑战性，要求学生手脑并用。
基于以上特点，教学时可反复采用五步法训练，即【分析】【归纳】【模仿】【创新】【进入资料库】，逐渐提高学生层次。具体实施时采用宏观讲解与个别指导相结合的方法进行。
（一）创设情境，提出问题，讨论分析
通过“创设情境，提出问题”可以激发学生的求知欲，而且还可以培养学生发现问题，探索问题的能力。
（二）操作演示，理论讲授，模仿创新
本课程重视实际操作，培养学生的动手能力。在组织课堂教学时：首先，演示案例结果，给学生以直观的感受，然后倒述代码；其次，提出问题，让学生模仿着翻三，归纳总结；最后，留出部分时间让学生创新设计。
（三）资源开放，自主探索，评价作品
在网上随时学习资源，鼓励学生利用搜索引擎，自主学习，互评作品，总结得失，共同提高。
四、期望达到的教学效果
通过让学生分组设计网店，掌握网络店铺营销的基本操作方法、各种信息搜集与方式的使用、网络问卷的制作与、网络广告推广策划、网络营销各种策略方案等核心知识和必备技能[2]。同时获得相应的操作能力、学习能力、应用能力，强化学生的实践能力，100％达到课程教学的要求。
学生在掌握基本知识、能力，培养素质的基础上，能掌握课程中要求的职业技能和素质，能在真实或仿真的环境中经营网络店铺。由于本课程设计为项目导向、任务驱动的工作过程系统化课程，每个项目的第一步即为明确工作任务，全体课程组教师应充分尊重学生在教学过程的主体地位，把单向灌输改为师生协同互动，从引导学生的思维方式入手，最终由学生自主完成电子商务操作流程，达到良好的教学效果，极大地调动学生的主动性，使学生的学习目的进一步明确，学习兴趣明显提高。
参考文献：
关键词：JavaScript 网页游戏 设计制作
中图分类号：TP393.092 文献标识码：A 文章编号：1007-9416（2015）12-0000-00
伴随时展、科技进步，以计算机为基础、互联网络为支撑的信息化技术已经成为了当今时代中的主要因素，不但给人类的生活形态与精神面貌带来了较大的转变，最重要的是在很大程度上改变了人们的生存方式，使人类拥有了另一种生存的可能，同时由于它的发展，也催生了游戏方面的变革，尤其是“网游”的出现，俘获了千万颗童心未泯的心，其利弊得失是当今颇受争议的问题。然而，还是应该对于这一项技术加以关注，对基于JavaScript的网页游戏的设计与制作进行分析研究。
1 概述
网页游戏通过浏览器实现无端网游，只需拥有一根网线、一台电脑即可实现无客户端下载的Web游戏。其最大优势在于程序设计者完全能够一面进行设计、一面进行调整、修改、补充工作。因其系统可以为操作人员提供一个人机交互的界面，从而采用问答的方式，在接收信息后，进行处理，这种在系统――操作者间的交互式处理方式，主要是进行交互作用的信息处理。相对而言，其直观性、可控性与灵活度有了很大的提升，是非交互式处理无法完成的优势所在，依目前发展情况来看，其普遍性在增加，应用范围在逐步扩大，而且备受广大用户喜爱，免除了来自于单道任务所带来的诸多效率问题，因而当操作者较慢的时候，它却可以进行其他任务的处理，节省了时间，使资源得到了充分利用，并且提高了计算机的工作效率。在结合工作方面，将分时处理、交互式处理两种处理方式有效结合起来，不但可以使多个用户进行同时对话；还可以与批处理方式结合起来；在每种结合方式中，都可体现出其独特的优势与特征，而且应用起来也比较方便。
2 开发工具和设计构思分析
2.1 JavaScript
HTML技术用来制作网页，而JavaScript即是通过其自身作为脚本语言的功能对其网页进行功能添加，主要集中于动态功能方面，从而达到命名用户的操作得到响应的效果。其最大特点即是，当其源代码发送至客户端，尤其是在运行之前，没有必要进行任何过程的编译处理，通常来讲，主要是把文本格式中的字符代码发往浏览器，然而让浏览器独自进行解释性运行。由于它是动态、弱类型、基于原型的语言，内置支持类，所以在安全性方面，相对较差，其联系程度较高，独立性不强，因而如果出现一条无法运行的情况时，便会出现其下的语言也不能继续运作，从该方面来看，解译次数有时会偏多，所以，速度慢是其最大缺点。另一方面，作为编译语言，Java的源代码却需要编译，才能传递到客户端运行，因此，就需要搭建起一个平台，使解释器、仿真器，将特定的编译代码加以适度化的约束，以此来达到安全可靠的保障作用。
2.2 CSS
层叠样式表或级联样式表，全称为Cascading Style Sheet，简称CSS.其作用在于对浏览网页进行控制，主要是通过一组格式设置规则加以实现，也就是通过CSS来达到这一目标。功能在于分离页面中的形式与内容，使二者可以独立存放于HTML文档之中。这样，有助于将维护站点的外观变得更加简便，也可以简化HTML文档代码，减少浏览器在加载过程中的时间。从CSS的特征分析，在修改页面方面易于实施，压缩网页体积，同时还能保持页面风格的完全统一。从其功能与作用的价值看，可降低成本，增加工作效率，因为它可以同时管理多个页面，并且根据保存方式，又可以通过改变CSS文档，达到从外部样式到站点中页面的格局的充化。也就是说，对于样式的更新，即可以将网站中的全部元素加以更新。
3 网页游戏设计及制作流程
3.1 游戏背景、素材及举设计举例
根据要上的说明可知游戏需要其可玩性、效果性，所以，先应该以层叠式样表对将要完成的游戏所给定的各要素片理好，做了版面的整理工作，比如，游戏元素的图像选择以及整理工作等。另一方面，游戏素材应该能够透过它来实现一定的吸引人注意的效果。一般而言，除了网站中的撷取，还应该进行PS处理、自绘画等。
举例，为了明白起见，以下以“打地老鼠”为具体的说明，呈现出交互式网页游戏的设计方法。首先，需通过鼠标，完成每一个操作，规则之一，即是不能击打那些白色的地老鼠，打击一次，会让玩家丢一次命。其次，设置一些带有炸弹的地老鼠，分别将其放置在游戏屏幕的左右两边，需对其进行不断打击，否则，即会发生爆炸，当爆炸发生后，也会损失一次命。第三，为玩家设置三次性命，全部丢掉即算GAME OVER。最后，在界面显示出玩家的最终成绩，即打死地老鼠的最终个数。而且在该界面继续显示开始或结束的选项，供玩家选择。该游戏的基础在于地老鼠的出现，需要有相应的控制方法，以使其可以随机在屏幕中出现，其实质即是地老鼠对应元素出现的高度伴随情况之出现。在击打地老鼠时，需要先将选中，再进行鼠标点击即可。
以“打地老鼠”为例，其中需要四种办法达到对地老鼠出现的控制。第一种方法是randomBunny（）函数，第二种方法 是bunnyJumpl（）函数，第三种方法是bunnyJump2（）函数，第四种方法是bunnyJump3（）函数。第一个主要是用来控制地老鼠的随机出现，而对于其它的三种方法，则可依次表述为对于各类伴随情况出现的控制。对于击打，需要通JavaScript中的两个函数来完成，分别是其中的onmousedown/onclick，其交互作用发生在击打地老鼠之时，两个函数在不同的时间发生，前者发生于点击时的事件发生，而后者是点击后放开时事件发生。具体来讲，若要击打到地老鼠，先应该有一个函数，也就是说，clientX，，clientY，getPosition，通过后面的数，即可得到对应的元素的横向与纵向坐标，当地老鼠处于所要打击的坐标范围内，即会被鼠标的点击所打中，也就是说，利用规范与判定来达到所需要的结果。上面未提到的白色地老鼠无需打击以及其他条件及要求，都需要对应的功能来实现。
当出现白色地老鼠与带有炸弹时，便会失去生命，因此，需要根据这一条件设定一个lostlife的函数，其主题简单，在判别条件的设置时，只需要调动该函数，使其值与发生丢失生命值相合即合，也就是说，令lives.lostlife=1，当其不为空值时，执行的是live.lostlife++，当判断live.lostlife>=3时，即可调用函数endgame（）去终止游戏，此时计时停止，等级信息、分数等一一输出到游戏界面。在开始与结束的菜单上，还需要设置两个不同的按钮，分别通过相应的函数进行设置。其中的基本原理是相通的，而且对于各种功能设置及处理方式区别也不是很大，主要是以对应元素与所需功能间的规范化与控制来达到最终所要达到的效果。
除了这些功能设置外，还需要对整个游戏进行相应的控制。其主要内容即是通常玩家可以看到的时间与升级问题，在此中，需要通过计时条、计时条时间被控制来达到。比如，在计时条中，resumlevel（）控制，可以将计时条透明性、计时性进行相应规定，还可以利用计时条的滚动进行提与计时时间控制，这里就需要另一个函数leaveup（）来完成，当这走完时，即可将其设计到升级条件之下，升级的根据也就是地老鼠所停留的时间的长短、数量等。
3.2 演示及测试
首先，安装网页浏览器，以上面所说的“打地老鼠”网页游戏可知，不同的ID可以对不同的地老鼠进行控制，而每个对象的出现都是随机的，当击中白色掉一条命，当击不中带有炸弹者，发生爆炸，也会掉一条命。在演示与测试过程中，可以通过调试功能，对图片的变换进行闪烁界定即可。
3.3 标准及要求
在基于JavaScript的网页游戏的设计与制作中，需要对JavaScript客户端脚本语言有一个明确的认识、对其基于对象的编程思想加以把握，在具体的游戏开发项目中，先应该有一个合理的计划书与备忘录的制作，然后根据项目设计要求及标准，利用一些模块进行网页游戏制作。以下以最为基础，用途最广泛的连连看为例，来介绍作为一个可行项目的基于JavaScript的网页游戏的设计与制作实施过程。
首先，应该在项目设计的基础之上，以设计方案，依次将网页制作、程序开发、测试、文档编写等完成。其要求在于将JavaScript 客户端作为脚本编程技术出发点，进行开发。在设计连连看网页游戏时，先对其网页界面进行整体上的布局，比如，从审美角度的要求，从广大客户需的角度来设定一些原则，将操作系统与界面之间的可操作性进行细致区分，比如在界面的上端可进行时间、初始化等信息的显示；比如设置难度系数易、难、困难等供玩家自主选择等；在界面下端可以设置游戏主体界面，将其位置布置到中位，调整好整体的比例与效果，其实也可以将其反过来，上下换位处理，只是在设计时，给定了一种习惯性，因而导致了最终的适应性，如果反过来，以手机自带的方式提供给广大用户，大多是可以形成其新的玩家习惯的。其次，在连连看游戏网页中，应该对其功能模块设计加以认真分析，功能模块设计，主要是需要了解清楚其中的基本功能需求为何，也就是说，如同上面的“打地老鼠”游戏一般，先确定清楚项目中的对象，并创建根对象；在游戏区的控制或能模块设计方面、游戏区功能模块设计方面等等，都应该先在程序中分级管理，也就是说按照文件的上录入进行分类管理，以项目工程的主到子进行分别建立，最后在完成一系列具体的制作之后，进行测试与演示，然后对其中的效果加以评估。无论是根据模板进行直接的设计，还是利用代码的方式进行编程设计，其结果都可达到最终的网页游戏效果。但是最主要的还是以上面所说的JavaScrip技术、CSS技术为运用基础，把交互式技术引入到网页中，从而实现网页游戏功能。
4 结语
总之，笔者认为从技术的角度而言，基于JavaScript的网页游戏的设计与制作把网络在线小游戏变成了可能，提升了游戏的动态性，增加了机与人之间的交互作用，使可玩性得到了在线升级，随着文化主题的带入，该方面的游戏越来越受到追捧，但同时也应该防止因游戏上瘾所带来的麻烦，尽可能的在游戏的设计与制作方面，根据不同年龄阶级设置一些适应各层级的游戏项目，从而保护未成年人的健康成长。
参考文献
[1] 方蓓.基于JavaScript的简易游戏的实现[J].软件导刊，2013（3）.
[2] 冯科融，王和兴，连加美等.基于HTML5的3D多人网页游戏实现方案[J].微型机与应用，2013（1）.
【关键词】网页设计与制作 教学理念 教学策略 考核方法
【中图分类号】G71 【文献标识码】A 【文章编号】2095-3089（2014）08-0228-01
随着信息技术的迅速发展，网络在人们的生活中扮演着越来越重要的角色，使人们的生活方式发生了翻天覆地的变化，上网已成为一种潮流。因此，网络成为信息革命的主导力量，它能承载巨大的信息量，是世界最大的资源宝库，由于网络可以实现资源共享，人们越来越习惯在互联网上搜索信息。而Dreamweaver网页设计与制作是现代计算机网络技术中最受欢迎的技术之一，自然而然《Dreamweaver网页设计与制作》课程也倍受学生的青睐。该课程具有自身的特点，它对学生的操作能力和实践能力要求比较高，主要是要求学生能够熟练掌握Dreamweaver制作简单的静态网页。通过使用Dreamweaver软件掌握基础网页设计与制作的基本方法，综合所学知识能够建立基本的静态网站，成为社会所需人才。因此，本文根据社会的需求，就如何使学生更好地掌握Dreamweaver网页设计与制作进行探析。
1.改变教学理念，激发学生的学习积极性
根据社会发展的要求对本课程的教学内容进行了一定地调整。课程教学内容的调整必定涉及到教学理念的改变。由于调整后的课程教学内容主要由当今实用的、流行的新技术几个部分组成，如Html和fireworks的使用，而这几个部分的内容具有较强的实用性、操作性。因此，教师讲授时应该抓住Dreamweaver这条主线，将课程内容融会贯通，整理思路，便于学生接受和掌握。
在讲授理论知识的时候学生会觉得Html语言很乏味，这种操作性强的内容如果不进行及时的实践操作，掌握起来很困难，一旦能让学生看到自己亲手操作后的效果就会有一种成就感，这样就能激发学生的积极性，强化所学内容，增强自己的动手操作能力。
众所皆知，兴趣是最好的老师。如果学生有浓厚的学习兴趣就会积极主动地学习，集中注意力，注重每一步操作的细节。因此，在教学的过程中，教师要激发学生的积极性，培养学习兴趣。如第一章介绍网页制作的基本内容和相关操作步骤时，教师就要结合具体的实例进行具体讲解，介绍有代表性网站的整体布局、网站风格等网站的相关内容。由此学生就能触类旁通，根据自己的想法制作和设计出意想中的网站风格，从而产生制作个人网站的欲望。这份欲望给了学生巨大的动力，也是学生学好网页制作的前提条件。
2.改进教学方法，提高学生的动手能力
《网页设计与制作》课程要求学生具有较强的动手实践能力[2]。不仅要求学生能够熟练使用Dreamweaver进行基本的网页制作，还要求学生能够根据所学知识解决具体问题，能够灵活运用到实际操作中。
《网页设计与制作》课程的教学要循序渐进，首先学习网页设计与制作的基础知识，然后要学习如何美化网页、使用各种工具进行操作，最后综合所学知识制作一个简单的网站，使所学知识能够融会贯通，灵活运用，这样就可以有效提高学生的整体性思维能力，增强学生的动手能力。
3.改革考核方法
考核是任何课程进行测试的一种方法，Dreamweaver网页设计与制作课程也不例外。改革考核方法一方面可以帮助教师改进教学方法，激发学生学习的积极性[3]。以前一些操作性和实践性较强的课程也习惯用笔试的方法进行考核，考核的内容都是一些理论知识，根本不能反映学生对所学课程的具体情况，这与该课程的要求相悖[4]。因此，在“网页设计与制作”课程中，要采用多种考核方式，把学生的成绩分为三部分，分别为平时考查成绩、综合作业、期末考试。
考查成绩主要是根据学生在上实践课时的表现来评定，此部分成绩占30%；综合成绩则以学生在规定的实时间内完成的设计方案来考查学生的动手实践能力，教师根据学生的设计方案评定学生的综合成绩，评价学生的专业技能，这部分成绩占30%；最后是期末上机考试的成绩，考试形式为开卷式，只对最终网页的制作效果提出要求。这样学生就能根据自己的想法设计出不同风格的、有自己个性的网站，提高学生的整体思维性能力，最终的考核质量作为学生的考试成绩，占总成绩的40%。
总之，改革Dreamweaver网页设计与制作课程的考核方法，有利于激发学生的学习积极性，培养学生的学习兴趣，提高学生的整体思维性能力，进一步提高学生的动手能力和实际操作能力，从而提高教学质量和水平。
4.结语
经过上述分析得出，在Dreamweaver网页设计与制作的教学过程中，不仅要改变教学理念，激发学生学习的积极性，还要改进教学方法，提高学生的动手能力。除此之外，考核方法的改革也是必要的，以此来提高教学质量和水平。
参考文献：
[1]黄学群.《网页设计与制作》课程的教学探讨[J].今日南国，2011，12（08）：105-106.
[2]陈风芹. Dreamweaver网页设计与制作教学探讨[J].教学园地，2012，25（12）：255-255.
关键词：高职；教学方法；能力培养
中图分类号：G424 文献标识码：A 文章编号：1009-3044（2012）35-8529-02
《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行WEB应用系统开发的重要基础。针对高职院校的特点，结合本行业的需求及课程特点，该文就该课程的内容如何选取，教学方法与能力培养等问题进行了一些分析和探讨。
1 教学内容的安排
1.1 根据课程标准安排教学内容
课程标准是规定课程的性质、目标、内容框架，提出教学建议和评价建议的纲领性教学文件。在进行课程设计前，要先了解该课程的课程标准。
《网页设计与制作》课程的总体目标是：基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网页有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作及维护的能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠定良好的基础。
1.2 以行业需求为依据，就业为导向，与时俱进为原则。
通过对IT 行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计分为网页设计、网页制作、网站编辑、网站管理 4大岗位群。其中网页设计主要是网站开发前期界面的效果图设计，网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，网站编辑主要负责网站内容的维护和管理为主的工作岗位，网站管理主要负责网站的日常维护、网站的改版等工作。
在教学中，可以根据这些职业岗位和不断发展的IT技术对技能和知识的需求，选取课程教学内容，并从这些职业岗位中选择一些真实项目作为实践教学内容。
1.3 以激发学生学习热情为目的设计教学内容
兴趣是最好的老师，有了兴趣才能使学习效率提高，因此在学习过程中，为保持学生的学习热情，必须精心设计教学内容。
网页设计所涉及的领域十分广泛，生活之中无处不在。且本课程最终目的为制作一个成功的静态网站，那么在教学过程中，设计案例、任务及最终项目时，应以当代大学生所感兴趣的角度出发，或者给予其充分的自，让他们为了圆满完成自己的想法和创意而积极主动的去汲取新的知识，掌握技巧，提高动手能力。
2 教学模式探讨
本课程的教学过程中，所采用的教学模式主要有“教学做一体化”，“任务驱动”和“项目教学”等。根据课程特点，使用“教学做一体化”让学生打好知识基础，使用“任务驱动”模式让学生巩固知识并掌握一定的技能，提高动手能力，并能以完成任务为目标培养自主学习及发现问题解决问题的能力。最后通过“项目教学”培养学生的职业能力。
2.1 “教学做一体化”教学模式
网页设计与制作的主要知识点在于：html语言、css样式、网页制作软件的操作。对于知识点的教学应该主要由教师讲授来引导学生入门，再根据该课程实践性强的特点，让学生尝试用动手操作的方式来理解和消化吸收知识点，再引导学生总结重点、难点、方法和技巧，以此打好基础，为完成后续的任务而做好准备工作。
2.2 “任务驱动”与“工作项目”相结合
在企业中，完成一个网页也可以是一个完整的工作过程。完成一个整体网站则需要多个工作过程。本课程的要求是完成整体网页的设计与制作。其中网页是由logo、banner、导航、文字、图像、动画、视频等元素组合而成。各个元素的添加的方法与组合方法则是本课程所介绍的重点知识。
在网站建设行业中，不同的企业机构在设计网页时，均有不同的需求。如有的企业因为信息量小功能少就需要设计简洁型网页，而有些则需要设计成大型的结构复杂的页面，不管是复杂还是简洁，都是相同的制作流程，不同的是简洁型涉及知识点少。教学过程中，可以从简洁型网页入手，由浅入深设计工作项目，例如设计一个完成纯文字页面的工作项目，将些项目分解为几个工作任务：认识网页创建站点应用网页元素“文字”对网页布局完成页面初期效果，通过完成各种工作任务直到整个项目，学生不仅掌握了相关的知识点，还可以以一名网站制作人员的身份，体会了制作页面的工作过程。
在随后的教学中，再融入新的知识点，设计稍为复杂的项目，循序渐近，如适当添加元素或者变换组合方式及网站优化等，通过完成不同的项目，体会不同工作岗位的需求：如作为网页设计师对网页进行布局、配色与装饰等；作为网站管理人员从便于维护和修改的角度对网页进行修改；或者作为网站seo对网站进行全方位的优化处理等。并在完成项目的同时，通过引导学生总结学习方法，引导其自主学习，举一反三，以达到掌握知识，强化技能的目的。
2.3 以作品评价为考核方式
在学期即将结束之前，教师适合学生能力的工作项目，提出设计要求，学生以网站建设团队的人员结构为依据，组成小组，并明确分工。以市场调研需求分析整体规划确定方案收集素材协作完成推广后期维护的行业实际工作过程，小组成员分别以项目经理、业务员、网站美工、网站编辑、网站设计与制作、网站优化维护人员等身份，以工作的形式完成最终项目的制作，让学生在做中学，学中做，自主管理，使学习能力、沟通能力、岗位适应能力等各方面都得到提高。通过对项目完成的情况进行评价，项目考核成绩*60% +平时成绩*40%作为该门课程总成绩。其中平时成绩包括为出勤+ 纪律+ 团队协作能力（互评成绩），这种考核方式注重实践操作和应用开发能力的培养，可以大大发挥学生的学习积极性和主动性。
3 注重学生能力的培养
从高职院校的特点出发，再结合本行业的需求，本课程以培养学生成为一名优秀的网页制作人员为宗旨，除了让学生熟练掌握网页设计与制作中的各种操作技术具备开发维护小型网站的能力外，还要为学习计算机网络技术专业后续课程的知识打下基础。在教学中，应注意全方位的培养学生和各种能力。
首先，对于专业能力，学生除了掌握网站制作流程，网页制作软件的操作，使用软件完成网页的结构搭建、布局与美化外，还应该顺应时代养成手写代码的习惯，这样不仅使制作出来的网页能符合web标准，同时还能为学习web应用系统开发打下基础。
第二，在教学过程中，通过完成一个个项目，对学生的协调沟通能力、资料检索能力、阅读分析能力、语言表达能力、项目策划能力、分析能力、创新能力均能进行很好的锻炼。
第三，模拟工作环境的教学，对于学生端正工作态度，有责任心，具备团队意识和协作能力都有很好的提高。
4 结束语
随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。
参考文献：
［关键词］O2O教学模式;网页设计与制作;教学改革
一、O2O教学模式的概念及特点
O2O教学模式，是利用互联网技术，综合线上、线下的优质教学资源，构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由，可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课，教师都必须以基于线下来做线上，以及基于线上来改进线下为原则来准备线上和线下教学资源，且线上线下教学资源必须相互融合。线下教案的设计，线上教学视频的录制与编辑等课前准备工作，教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学，在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上，再从线上到线下等进行交流讨论，大大的突破了时间与地点上的限制。
二、采用
O2O教学模式的必要性和可行性
(一)必要性
现在的高职院校学生生源主要来自两个渠道，一是通过高考录取进来的专科生，另一部分是通过中考录取为五年一贯制的专科生，生源素质普遍较低，学生学习兴趣不高，自学能力较差。本文作者通过问卷和实地访问调查发现，在传统的教学模式课堂上学生喜欢玩手机，课外时间更是玩得不亦乐乎，甚至达到忘我的境界。为了能达到理想的教学效果，学院管理人员和教职人员齐抓共管，针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此，何不利用学生痴迷于手机这种心态，充分发挥手机移动端的最大作用，结合移动互联网技术，采取O2O模式进行教学。
(二)可行性
通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。
三、《网页设计与制作》课程应用
O2O教学模式的背景《网页设计与制作》课程的特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，2016年5月，我院引进了超星慕课平台，将《网页设计与制作》课程作为试点进行教学改革，探索出一套适合我院的O2O教学模式，然后在全院范围内推广至其他课程。
四、基于O2O教学模式在《网页设计与制作》课程改革与实践
(一)线上网络平台资源的建设
在超星慕课平台上建立网页设计与制作课程，在平台上多种教学资源供学生观看与下载。教师通过appMaker富媒体编辑器对教学视频中知识点的重点、难点进行回放、放大等编辑操作，用以强调内容的重要性。
(二)线上与线下课堂教学模式的改革
在传统教学模式课堂中，教师讲课的基本流程为复习导入新课、新课讲授、课堂小结、布置作业、课后小结五个环节。一堂课45分钟，每个环节分别占用的时间大概为:5－8分钟，30－35分钟，3－4分钟，2－3分钟(课后小结是利用课外的时间完成)。一堂课下来，教师与学生、学生与学生之间基本没有互动环节(除了教师提问环节)，这样不利于学生对知识的吸收与内化。而利用O2O教学模式进行教学，教学环节与时间分配都必须重新设计。
(三)O2O教学模式的教学环节设计
通过探讨总结分析，将O2O教学模式学习时段分为课前、课堂、课后三个时段，具体工作如下:(1)课前时段:课前时段即线上学习时段。在每堂课上课之前，老师都会通过超星慕课平台推送下节课学习内容的消息到学生的移动端。学生收到消息后首先进行的是课程预习及视频的自主学习，学习过程中遇到的问题，可以通过平台中的互动课堂版块进行在线提问和讨论，也可以记录在纸质笔记本上，带到线下课堂上请教老师或与同学进行交流。学生在完成课前时段作业的同时，相应的对下一节课内容已完成记性和理解两个过程，为课堂时段提供充足的准备。(2)课堂时段:课堂时段即线下学习时段。在课堂上，老师首先利用10－15分钟的时间对视频中的知识点、重难点进行梳理，并对学生进行提问以了解学生课前学习的情况。其次利用15－20分钟的时间让学生提问，通过老师或学生(已完全理解该内容的学生)进行解答。再剩下的10－15分钟，学生通过分组的形式讨论老师布置的案例。老师参与程度或分组形式以具体内容而定，最后由每组的组长向老师表述讨论结果，进而老师对每组讨论结果进行总结点评。课堂时段的进行能增强人与人情感上的交流、教师面对面个性化的指导、教师和学生及学生和学生之间的即时讨论等，是很重要的一个环节。(3)课后时段:课后学生再利用时间去观看上一堂课的教学视频，把之前遇到的问题(课堂时段已解决的)再梳理一遍，以达到温故而知新的目的。再完成老师在平台上的在线作业，如有疑问，可以利用超星慕课平台所提供的讨论交流模块在线咨询辅导老师，也可以与同学进行交流，同时对自己的学习效果进行在线测试等。
(四)适应O2O教学模式的教师队伍建设
传统的教学模式中，所有的教学工作基本都是一人完成。而利用O2O教学模式进行教学，虽然老师从主要讲课“降”为只辅导学生、与学生讨论、交流问题的角色，但是平时的工作量不但没有减少，反而成倍增加。老师除了要做在传统的教学模式中准备的工作外，课前必须把教学视频录制编辑好，把教学素材上传到教学平台上，还须与学生保持紧密联系，掌握其学习动态，根据学生的学习效果优化课程教学内容，时刻在线为学生解答问题等。由于一名老师精力有限，是很难独立完成这么大的工作量的。因此，教学团队经过探讨，对团队老师进行分工，将工作量进行分解，明确每个老师在O2O教学模式中各个教学环节的角色、任务及相互协作的关系。将团队分成主讲教师和辅导教师两部分。主讲教师主要由具有丰富的教学实践经验的教师组成，主要负责课前教学视频的录制编辑，课堂时段的讲课并组织学生讨论交流。而辅导教师主要负责课前消息的、课后答疑、题目、作业收集与批改等工作。大家都把自己的工作任务做好，有事情积极沟通，抱着相互协作的态度完成课程教学工作。
(五)O2O教学模式的考核机制
O2O教学模式的考核机制以培养学生实践创新能力目的，以平时的学习态度为基础，依据教学环节进行设计，以期末考试总成绩100%进行计算。平时学习态度占10%，包括线下上课和实训考勤;实训作业和报告完成情况占10%;课前时段学习占10%，包括教学视频观看情况，线上任务点的完成等;课堂时段学习占15%，包括问题的提出、讨论的积极性等。课后时段占10%，包括在线测试、作业完成情况、复习观看教学视频等。最后必须按照要求完成一个综合型的网站作品，这是考查学生综合实践及创新能力的代表作，包括图像的处理、动画的制作、审美观等，所占的比重很大，占45%;期末总评分为以上六环节项分数的总和，只要有一项环节分不及格，课程总评成绩为不及格。
五、O2O教学模式的实施效果
在O2O教学模式的实践过程中，我们设置2015级计算机应用技术专业一班为试点班，二班为对照班。其中一班人数为35人，二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教，各门课程期末考试成绩统计情况基本一致。通过一个学期的学习，对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析，一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析，一班学生获奖比往年高，而二班基本持平。此外，通过对试点班进行无名问卷调查，85%的学生认为在新的教学模式下，自我控制能力和自学能力得到了很大的提高，75%的学生认为新的教学模式更有趣，82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升，90%的学生认为自己的实践创新能力得到了提高。
六、总结
实践证明，采用O2O教学模式进行教学，能够提高网络优秀资源共享率，改变了教师的教学方式和学生的学习方式，在教学过程中取得了良好的效果。但也遇到一些不可预测的问题，需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.
参考文献:
［1］井靖，何红旗，王志刚，殷冠英．O2O教学模式”在大学计算机专业教学中的应用原则［J］．计算机教育，2016(2)．
［2］胡小华．O2O电商模式下服务营销课程教学模式的创新思考［J］．长春教育学院学报，2015(11)．
关键词：网页设计与制作；教学平台；FileZilla；配置文件；批量创建用户
中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）09-2135-04
网页设计与制作是高等学校计算机基础教育的主干课程之一，是覆盖面较广的一门实践性非常强的计算机基础课程。学生在课程中学习从网页的制作到完整网站的建立的系统的内容。教学过程中的重点一般放在网页的制作这一阶段，忽略了网站、网站展示的后一阶段的过程，使得学生缺乏对创建网站的全面了解。我们通过FTP服务和Web服务的结合，建立了网页设计与制作教学平台，弥补了网站和网站展示环节的空缺，使得学生可以获得创建网站的完整体验。同时，在这一过程中，通过开发相应的扩展程序，简化了为大量学生创建教学环境的工作，使得教学工作能够顺利展开，在实际教学中取得了良好的效果。
1 网页设计与制作教学平台的框架
网页设计与制作教学平台通过提供一个真实的网站和展示的空间，使得学生能够体会完整的网站的过程，从而获得与实际接轨的实践能力。我们使用FileZilla服务器作为学生上传网站作品的FTP服务器。在FileZilla服务器上可以创建用户，并可以给用户分配主目录，设置访问权限。但是FileZilla本身不支持批量用户的创建。我们在FileZilla的基础上，分析了FileZilla的配置文件的格式以及各参数的语义，开发了批量生成FTP用户的扩展程序。它能够依据学生的学号，快速地在FileZilla中创建用户，并为每个用户在服务器上自动生成对应的根目录。我们还开发了自动生成学生网站作品展示界面的前端页面生成器程序，从而使得学生能够完整的体验网站的过程。
网页设计与制作教学平台的框架如图 1所示。
其中各部分的功能如下：
FileZilla FTP服务器：负责接受用户以FTP方式上传的网站内容。
Apache Web 服务器：负责把用户上传的网站内容以WWW的形式向外。
存储：负责存储用户上传的网站内容。FTP服务器和Web服务器共享相同的网站内容空间。
FileZilla扩展：负责批量地创建FTP用户
前端页面生成器：负责根据学生信息自动创建学生作品的展示页面。
2 FTP服务器平台的建立
2.1 FileZilla的配置信息
FileZilla服务器使用“FileZilla Server.xml”作为它的配置文件，其中记录了FileZilla的监听端口以及FileZilla的用户信息等内容。一个FileZilla用户的配置信息大致如下：
其中各行配置的含义如下：
1：用户user01的配置信息起始处
2：用户的密码
3：用户所属的组。同一组用户拥有组的相同的配置，从而减少配置的工作量。
4-6：限制来自某些IP地址的用户不能访问服务器。
7：用户的主目录，即用户登录后进入的目录。
8：用户读文件的权限。如果值为1，则拥有读文件的权限。
9：用户写文件的权限。如果值为1，则拥有写文件的权限。
10：用户删除文件的权限。如果值为1，则拥有删除文件的权限。
11：用户追加文件的权限。如果值为1，则拥有追加文件的权限。
12：用户创建文件夹的权限。如果值为1，则拥有创建文件夹的权限。
13：用户删除文件夹的权限。如果值为1，则拥有删除文件夹的权限。
14：用户列出文件夹的权限。如果值为1，则拥有列出文件夹的权限。
16：用户user01的配置信息结束处
通过对FileZilla配置信息的解读，为自动建立配置信息文件奠定了基础。
2.2 FileZilla扩展的开发
我们使用开发了FileZilla批量用户生成扩展工具。通过循环读取学生的学号，使用这一信息作为学生FileZilla服务器上的用户名。根据2.1节的配置信息的含义，自动为每个用户生成相应的配置信息。工具的使用界面如图2所示。
当点击“生成配置信息”后，通过如下的代码批量地生成所有用户的配置信息。
2.3 用户主目录的自动创建
根据学生的学号，我们开发了在服务器上自动创建学生在FileZilla服务器上的根目录的功能。
通过循环读取学生的学号，使用“puter.FileSystem”对象在服务器上创建以学生的学号为文件夹名称的学生在FileZilla服务器上的根目录。
2.4 配置信息的生效
关于所有学生的配置信息生成后，通过先把“FileZilla服务”停止，然后把自动生成的配置文件“FileZilla Server.xml”拷贝到FileZilla服务软件所在的文件夹，并重新启动“FileZilla服务”，批量创建的用户即可生效。
3 Web服务器平台的建立
当学生通过FTP客户端使用自己的用户名和密码登录FileZilla服务器并上传网站作品后，需要通过Web服务把各个学生上传的网站作品展示出来。我们把学生的主目录映射到Web服务器Apache的虚拟目录，并开发了自动生成展示界面的前端页面生成器程序。其中，为学生的每次上传的作品生成对应的通过Web服务器的链接。
4 结束语
网页设计与制作是一门注重实践的课程。该文借助FTP服务平台和Web服务平台以及相应的辅助扩展程序的开发，建立了面向网页设计与制作的教学平台，弥补了通常教学环境中由于不具备实际的网站环境从而无法为学生提供完整的网站建设过程讲解的缺陷，使得学生能够获得与实际接轨的完整的网页设计制作的经验。
参考文献：
[1] Bradley J C，Millspaugh A C.Visual 程序设计[M].李旭，译.北京：清华大学出版社，2008.
[2] Randolph N.Visual Studio 2010高级编程[M].任鸿，译.北京：清华大学出版社，2012.
[3] Powers L，Snell M.Visual Studio技术大全[M].刘彦博，译.北京：人民邮电出版社，2009.
[4] FileZilla project[EB/OL].http：//.
关键词：中职；网页设计；学习积极性；学习兴趣；教学方法；学习效果
随着计算机技术的不断发展与革新，《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研，再结合我校学生的实际情况，我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发，很少从事程序开发工作，因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果，是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践，我认为可以从以下三方面入手。
1分析学情，合理安排教学内容，激发学生学习兴趣
当前中职学校大部分学生都是考不上普通高中，想来中职学校学一技之长以谋生，但也有不少抱着玩三年然后等年龄够了出去打工的态度，学生的厌学情绪比较严重，要么上课不专心，要么随意旷课，学生学习的积极性极差，更谈不上创新。所以在上本课程之前，首先要找些优秀出色网站设计案例供学生欣赏，并且要分析当前本课程的应用领域、社会需求及就业前景，激发学生的学习兴趣，树立信心。另一方面，要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法，就算刚开始带着好奇和兴趣学习网页课程，但过一段时间就会出现厌学的状态，出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中，有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学，各阶段和模块之间既相互独立，也相互关联，同时将课程难点分解到各个不同的模块中，化解了学生的畏惧和厌学心理。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此，教师在教学中应将“教、学、练、做”融为一体，对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如：教师可将《网页设计与制作》教学内容分为五个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得当、内容精彩的网页；第三阶段能进行动态网站的开发；第四阶段掌握网站与维护方法；第五阶段进行综合案例项目实训。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。
2结合实际，选择适合的教学方法，调动学生学习积极性
教无定法，因材施教。教师要根据学生的实际学习情况，不断调整自己的教学方法，不断将先进教学方法应用教学当中，才能激发学生的学习兴趣，取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习，这是教学模式是很难激发学生的学习兴趣的，最后可能是教师累得精疲力竭、学生却收获甚微。通过实践，我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下，根据教学目标的要求，利用案例引起教学活动，组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比，案例教学是一种强调师生互动的开放式研究型的教学方法，它注重学生的实操能力，符合中职教育的教育特点。具体做法是：教师通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即教师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后都要首先让学生上机去模仿着实现，然后再要求学生采用自己的解决方案来完成任务。例如：在“创建企业展示型网站”的教学过程中，教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终，将课程中的知识点融入到项目中，学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题，提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起，同时项目要与企业实践生产过程和现实经商活动有直接关系，才能使学生所学知识又具有价值，同时也会极大激发学生的兴趣。例如：在《网页设计与制作》教学中将一个班级分成多个项目小组，教师是项目经理，学生则是项目的开发人员，学生通过以小组分工的形式完成项目，再派学生代表进行项目展示，达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果，陈述自己通过学习掌握了哪些知识和技能，运用了哪些方法，怎么用的？如何改进？获得了什么亲身体验？初步提高了自己的哪些能力？问题是怎么解决的？解决的过程是什么？类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展，学生通过和其他学生的交流，解决疑惑，论证自己的观点，开拓了思路，有利于发展学生的智力，整个教学过程同时也是学生学习的体验过程。
3科学考核，提升教学质量，保证学习效果
在课程考核方面，将单纯的课程考核转向学生职业能力考核，主要包括三部分：第一部分，平时成绩占总成绩的30%，包括平时出勤、课堂纪律、课堂表现和作业等。第二部分，阶段性项目设计考核占总成绩的40%，分2次考核，根据网页及网站制作流程，以职业岗位工作过程为依据，对学生分组，通过自评、互评，还有教师评，对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。第三部分，期末综合考核占30%，主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程，教学方法也多种多样，只要在教学结合实际，不断探索、不断总结，勇于创新，一定能寻出适合的教学方法，激发学生学习兴趣，培养分析问题解决问题的能力，更具有职业岗位实务能力，完成胜任网页设计与制作相关岗位的工作。
参考文献
[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑，2013（5）：208-209.
[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术，2014.
关键词：网页制作 递进式 案例任务 小项目探究 项目导向
网页制作课程是高等职业学校计算机应用专业的必修课，这门课程与其他课程相比，无论是教学内容还是教学方法上都有其特殊之处，它集知识和技能于一体，有较强的操作性和综合实践性，它涉及文字版面处理、计算机语言、计算机图像处理、FLASH动画、数据库等相关知识，需要有一定的相关课程知识基础。
一、灵活处理教材，设计递进式的课程体系
网页制作这门课程的操作性和综合实践性很强，教师必须对现行的教材进行内容改革，灵活处理教材。首要任务就是要根据该课程的特点结合高等职业学校学生的实际情况，确立正确的教学目标，制定相应的教学计划，调整教学内容。高职学生网页教学目标是培养学生制作设计一个网站，因此制定网页课程的教学内容，第一阶段：网站配色与布局、使用Photoshop处理图形图像、使用 Dreamweaver制作网页；第二阶段：制作FLASH动画、制作 JavaScript脚本特效、SQLServer数据库管理和开发；第三阶段：网站项目开发与实战。依据网站制作与设计流程，教师再进行课程整合,按阶段分模块设计递进的教学内容，在教学中打破传统的从概念到原理的逻辑顺序，根据教学计划与课程标准，开发以培养学生智力技能与专业技能为目标的校本教材，并制作以课次为单位的案例和任务单，以月为单位的小项目和以学期为单位的综合项目，通过任务完成达到技能的掌握与知识点的链接，通过项目制作达到综合设计能力的培养，从而让学生掌握网页制作的相关知识，培养相关能力。
二、改革教学法，采用递进式的教学模式
网页制作涵盖的知识和技能很丰富，教学中教师不能采用简单的知识传授和灌输这种传统的教学方法，而是要努力提高学生的综合应用能力和创新能力，加强学生的实践动手能力。课程必须安排在计算机房进行，采用教与学结合的方式，在老师的指导下，学生通过多练多做来掌握相关知识和技能。结合教学经验，笔者认为根据学生学习的不同阶段可采用不同的教学方法。
1.案例任务教学法
案例任务教学法主要用于学生学习网页制作的初级阶段课程，在这一阶段中学生主要以培养兴趣，掌握基础知识和基本技能为主，教师的教学采用以案例为线索、以任务为目标的教学方法。在教学中教师根据不同的知识点选择相配套的案例和任务，这些案例和任务的编排要遵循由浅入深、由易向难、循序渐进的原则，同时这些案例和任务要为后续的综合案例和项目作铺垫。例如教师在讲授第一阶段“图形图像”这一模块教学内容时，可以设计一个与网页有关的案例――“GEARHEAD公司LOGO”，这个案例中涉及图像选择工具、图层样式、图层组及文字工具等技能，同时涉及网页LOGO的基本常识。教师在完成本例的分析演示后，要求学生模仿制作，然后再下达任务――布置一系列著名网站的LOGO图标以供学生选择模仿制作，学生通过模仿制作掌握相关的图像技能，同时掌握LOGO的基本知识，并鼓励能力强的学生设计自己喜欢的LOGO图标。通过案例任务教学法培养学生举一反三的能力，调动学生的能动性。
2.小项目探究法
案例任务驱动法主要强调学生独立性，而忽略学生之间的合作。当今社会是一个高度合作化的时代，一个没有合作精神与合作能力的人必将无法在将来的生活和工作中得到发展。为此，推行小项目合作探究十分必要。小项目探究法主要用于学生学习网页课程的技能强化阶段，通过初级阶段的学习，学生已初步掌握了网页制作的基本知识点，现在进入提高强化阶段，本阶段教学内容分为两个方面，一方面是让学生对初始阶段的案例和任务进行强化和提高，另一方面是让学生在强化旧知识过程中掌握新
知识。
本阶段采用小组合作探究形式，首先将学生每4～6人分为一个小组，并选基础好的学生为组长，教师根据学生已学过的知识和上一阶段的任务，设计阶段小项目，这些小项目既是初级阶段的任务的综合，又是下一阶段综合项目的子项目。在教如何“使用Dreamweaver制作网页”时可以制定几个主题，如“低碳”“城运会”“关爱动物”小组形式自由选题，让同学们综合应用前面学过的配色、图形等知识，合作探究设计一个网站的雏形。教师指导学生设计一个学案，该学案能在课堂教学中起指导和引领作用，促使学生主动探索，建构知识结构体系。学生根据学案中的要求，利用实训课和课外时间，在规定的时间（两周）内完成，学生可以进行不同的角色分工，合作完成，教师在学生制作过程中进行适时跟踪，指导并解答学生制作过程中存在的疑难问题，学生完成后再进行小组总结和评价，最终将小组总结评价及作品打包通过 FTP 上传给老师，教师及时地进行阶段小结、点评，同时展示优秀作品。
“小项目设计与合作探究”教学法是以任务为主线、教师为主导、学生为主体的教学方法。在教学中，教师要充分地了解学生，及时解决学生学习遇到的困难，引导学生大胆进行问题的探究，及时做好积极的评价。教师要尝试建立灵活客观、立足于平常的“自主、合作、探究”学习评价体系，以期不断激励学生参与“自主、合作、探究”学习过程，培养学生的合作意识和自主创新的能力。
3.综合项目导向法
网页制作教学的目标让学生完成一个综合网站制作，在这个阶段中采用“项目导向法”。在高等职业教育中，项目教学是一种综合性的课程模式，通过前两个阶段的学习，学生已具备网页制作的相关知识和基本技能，同时也有小组合作探究的基本能力。本阶段主要是提高学生综合网站开发的水平，同时也是为了检验学生的学习成果。
例如，在讲网页制作――综合项目实战时，首先让学生根据个人的爱好设计一个小型主题网站的网站规划书，这样学生在学期初就知道本学期自己在这门课程的学习中要达到怎样的要求、完成什么任务，就会使他们产生学习的兴奋点。在这种教学模式下，学生成为了学习的主体，教师在教学过程中扮演引导者，学生在教师的指导下自主学习，边学边做，边做边学，完成教师安排的教学内容，完成原定的项目（个人网站设计）。在完成一个项目任务后而获得的成功愉悦和满足感，不但提高了学生的学习兴趣和学习的积极性,同时也培养了学生自主学习的能力，让他们学会学习。教师真正做到了素质教育所提倡的“授人以渔”而不是“授人以鱼”。
在项目导向法的实施过程中，仍然以小组合作的形式，并根据同学们的特点模拟合作企业的岗位为同学们分配任务，如策划师、图像技师、动画技师、后台程序设计师等，让同学们在项目中负责各自专门的任务，并共同完成一个综合项目，最后上传到 WEB 服务器上。教师组织学生对每组的作品进行评价、总结并展示优秀作品。
总之，这个阶段能巩固和提升学生知识、技能，同时锻炼学生的综合应用能力和分析问题、解决问题的能力，培养学生的合作能力和创新的设计能力，提高学生的综合素质。
通过以上这些方法激发学生的学习兴趣，调动学生的学习积极性，同时改善“网页制作”课程的教学效果。通过有效的学习，学生的综合技能和综合质素得到提高。为了进一步适应高等职业学校教育改革，教师仍要对该课程的教学进行积极探索，精心设计教学案例和项目，寓教于乐，争取更好的教学效果，培养更多的技能型人才，以提高学生的就业竞争力。
参考文献：
[1]杨晓明.《网页制作》课程教学改革的探索与研究[J].甘肃联合大学学报,2008(3).
[2]沈道云.任务驱动教学法在Photoshop教学中的应用[J].职业教育研究,2006(12).
