网页的设计与制作范文
时间：2023-07-28 17:50:21
导语：如何才能写好一篇网页的设计与制作，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。
篇1
一、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)．
篇2
关键词：网页设计；教学模式；师生互动
一、当下网页设计课堂的不足
1.网页虽然是个简单的名词，但是涉及到的知识种类繁多，不仅包含文字、图形、色彩、版式设计、还有动画、音视频以及编程等，对于艺术专业学生来讲，基本的平面设计能力和审美素养是具备的，能够利用所学知识设计出创意的平面广告。但是设计出一套优秀的网页还是不容易的。网页设计需要运用到photoShop、flash、以及DreamWeaver等设计软件，而专业老师需要具备熟练运用这三个软件的能力，并具有较好的设计能力，才能指导学生的网页作业和学习过程。因为学生在作业途中会遇到很多意想不到的问题，只有教师熟练掌握软件操作才能找到病因，除掉病根。无论课堂还是课下，学生都会在设计中遇到各种各样的问题而烦恼，教师稍微指点迷津，学生便豁然开朗。
2.如今的软件教学课堂大部分是案例教学，老师做一个案例，每个步骤学生跟着做，虽然学生能比着葫芦画瓢，但是他们不知道为什么用这些工具做，不出课堂就忘记了如何塑造自己想要的作品，对于这种教授方法不仅不能让学生完全掌握设计方法和能力，也不能熟练软件工具，并且在未来长时间学习中，学生的学习兴趣会慢慢降低，面对编程等问题更加懈怠，这样也会让学生的创意设计能力慢慢丧失。导致了学生累，教师累，让学生做设计根本无从下手不会做的状态，所以必须要有一个能提高学生学习积极性，又能提高教学质量的课堂教学模式。
二、教学模式的改进
1.加强师生互动。在课程的开始部分需要教师来引导，必须选择适合的教材和实训内容，通过演示软件的菜单和工具使用，让学生对软件使用进行初步的了解。第一步，教师需要案例演示，在演示中积极互动调动学生思维，如提问，接下来怎么做呢，用什么工具呢，引发学生主动思考，会有很多优秀同学回答问题，也会带动全班的学习积极性。同时提醒学生把所学的版式设计和色彩搭配以及构图的知识运用到网页设计中。第二步，讲解部分内容后，观察一下学生学习程度和能力，根据学生状况调整学习进度，讲解速度等。第三步，加强和学生沟通，了解学生的心里动向，对学生的学习兴趣点和当下流行趋势透析，教师与学生之间的心灵沟通极为重要。
2.循循善诱，由浅入深。在案例讲解的第一课，教师提问学生知道哪些网站类型，然后做一个关于校园首页、专业介绍、校园景色、访问留言等几个页面，页面内容简单大气，包含导航、字体版式、图片、动画、音乐等。学生初次完成第一张页面后，教师再举一反三，拿出刚才制作过程中的重点，比如表单的多种应用，列举文字字段使用后，让学生自己尝试使用复选框、单选按钮和按钮组、添加列表和跳转菜单、添加按钮等等。再如链接的几种方式，讲解完比较难的锚点链接后，让学生自己尝试使用空连接、文本和图像链接、电子邮件链接等。开始就学习这些比较简单的网页元素，不能学生在开始就啃骨头，不然就知难而退了。第二个案例讲解制作一些具有版式创意和内容丰富的页面，增加页面的Flash媒体元素，比如Flash按钮、视频等。在讲解第二个案例前必须重新复习网站开发流程，收集资料素材草图——规划站点——网页制作——测试。对于艺术专业学生学习的网页基本以静态网页为主。
3.任务导向，团队出击。在课程后期课堂给学生留出两节课时间，将学生分组，并布置关于手机界面设计的任务，给学生打印三至四份手机界面设计样稿，让学生传阅了解设计规范和说明。这次任务结果将是结课成绩，得出的最高分是获胜的团队。在制作过程中遇到问题，专业教师负责答疑解惑，帮助学生完善。作品展示：在规定时间内学生完成了网页设计任务后，将自己的设计思想和过程演示给大家，其它组的同学们可以根据设计的不足提出问题，要求设计组根据问题给予解答或更正不足。教师最后根据学生的作品评出优秀，并给较差的团队鼓励并指正问题，争取各团队在以后的设计比赛中得到提升。
4.现在的学生大多是娇生惯养比较懒惰，独立自主能力差，更缺乏刻苦钻研的精神。对于学生来说自己多做练习才有助于提高专业能力，网页设计需要更多的设计思路，并付诸实践才能学到真本领。加强作业布置的具体要求，并设定主题，严格要求作业的设计稿，不断的让学生思考修改，只有在不断的修改中才能得到提升。改变老师讲课为主变学生练习为主，让学生主动找老师辅导作业，积极鼓励学生参加一些设计比赛，如果老师讲的很多，不但老师累，学生也学不到东西，学习网页设计重在练习，在辅导作业的同时学生才能记住并领会到老师讲的知识点。总之一句话，授人以鱼不如授人以渔。
5.举一反三，与时俱进。同样对于图形图像处理等类似的课程，学生希望的是能够学完这门课程后真正的做出作品，甚至在全国性的比赛中获奖。所以在授课中应该多以典型的案例讲解，并提炼案例中的知识点来让学生举一反三的学习其它相关知识点。建议在整个授课过程中，教师需要灵活运用知识，使用多元化的教学手法，以便吸引学生的注意力。通常的黑板教学和PPT多媒体是常用的，加上CAI课件、教案与网页文件、视频动画等形式，可以说种类非常丰富，教师可以两种或者多种相互穿插的手法进行立体化教学。不仅丰富了教学内容，提高学生的热情，教师的应变能力也会得到提升。条理性、疑难性、重点性是教师授课的三大法宝，做一名“受学生欢迎”的教师而不仅是“优秀”这两个字所能代替的。在高科技发展的今天，教师只有不断学习，不断完善自己，不断的进步，才能与时俱进跟上时代的步伐。
三、总结
在课堂上学生是抱着很大的期望学习的，如果一个教师让学生失望了，估计再重新提起学习的热情是很难的。能够让学生喜爱自己的课才是真正的成功，而不是强迫学生上课学习，一个人性化的课堂是充满很高的热情氛围的。希望在未来的教学路上，笔者能够不断地提升自己，并寻找先进的教学方式。
参考文献：
[1]陈小燕，谢强，丁秋林.浅谈项目式教学在网页设计与制作中的应用[J].电脑学习第1期，2010（2）.
[2]吴俊荣.基于行动导向的网页设计与制作课程教学设计研究[D].吉林：东北师范大学，2012（3）.
篇3
关键词：网页设计与制作；教学平台；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：//.
篇4
关键词：中职；网页设计；学习积极性；学习兴趣；教学方法；学习效果
随着计算机技术的不断发展与革新，《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研，再结合我校学生的实际情况，我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发，很少从事程序开发工作，因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果，是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践，我认为可以从以下三方面入手。
1分析学情，合理安排教学内容，激发学生学习兴趣
当前中职学校大部分学生都是考不上普通高中，想来中职学校学一技之长以谋生，但也有不少抱着玩三年然后等年龄够了出去打工的态度，学生的厌学情绪比较严重，要么上课不专心，要么随意旷课，学生学习的积极性极差，更谈不上创新。所以在上本课程之前，首先要找些优秀出色网站设计案例供学生欣赏，并且要分析当前本课程的应用领域、社会需求及就业前景，激发学生的学习兴趣，树立信心。另一方面，要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法，就算刚开始带着好奇和兴趣学习网页课程，但过一段时间就会出现厌学的状态，出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中，有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学，各阶段和模块之间既相互独立，也相互关联，同时将课程难点分解到各个不同的模块中，化解了学生的畏惧和厌学心理。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此，教师在教学中应将“教、学、练、做”融为一体，对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如：教师可将《网页设计与制作》教学内容分为五个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得当、内容精彩的网页；第三阶段能进行动态网站的开发；第四阶段掌握网站与维护方法；第五阶段进行综合案例项目实训。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。
2结合实际，选择适合的教学方法，调动学生学习积极性
教无定法，因材施教。教师要根据学生的实际学习情况，不断调整自己的教学方法，不断将先进教学方法应用教学当中，才能激发学生的学习兴趣，取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习，这是教学模式是很难激发学生的学习兴趣的，最后可能是教师累得精疲力竭、学生却收获甚微。通过实践，我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下，根据教学目标的要求，利用案例引起教学活动，组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比，案例教学是一种强调师生互动的开放式研究型的教学方法，它注重学生的实操能力，符合中职教育的教育特点。具体做法是：教师通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即教师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后都要首先让学生上机去模仿着实现，然后再要求学生采用自己的解决方案来完成任务。例如：在“创建企业展示型网站”的教学过程中，教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终，将课程中的知识点融入到项目中，学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题，提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起，同时项目要与企业实践生产过程和现实经商活动有直接关系，才能使学生所学知识又具有价值，同时也会极大激发学生的兴趣。例如：在《网页设计与制作》教学中将一个班级分成多个项目小组，教师是项目经理，学生则是项目的开发人员，学生通过以小组分工的形式完成项目，再派学生代表进行项目展示，达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果，陈述自己通过学习掌握了哪些知识和技能，运用了哪些方法，怎么用的？如何改进？获得了什么亲身体验？初步提高了自己的哪些能力？问题是怎么解决的？解决的过程是什么？类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展，学生通过和其他学生的交流，解决疑惑，论证自己的观点，开拓了思路，有利于发展学生的智力，整个教学过程同时也是学生学习的体验过程。
3科学考核，提升教学质量，保证学习效果
在课程考核方面，将单纯的课程考核转向学生职业能力考核，主要包括三部分：第一部分，平时成绩占总成绩的30%，包括平时出勤、课堂纪律、课堂表现和作业等。第二部分，阶段性项目设计考核占总成绩的40%，分2次考核，根据网页及网站制作流程，以职业岗位工作过程为依据，对学生分组，通过自评、互评，还有教师评，对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。第三部分，期末综合考核占30%，主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程，教学方法也多种多样，只要在教学结合实际，不断探索、不断总结，勇于创新，一定能寻出适合的教学方法，激发学生学习兴趣，培养分析问题解决问题的能力，更具有职业岗位实务能力，完成胜任网页设计与制作相关岗位的工作。
参考文献
[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑，2013（5）：208-209.
[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术，2014.
篇5
关键词：网页；网站；网页制作；个人网站；商业网站
中图分类号：G718文献标识码：B文章编号：1672-1578（2017）05-0004-01
计算机网络已深入到人类生活的各个方面，已经成为人们生活中不可或缺的部分，并促进了科学、技术、文化、教育和经济的不断向前发展，影响着我们的生活和工作方式，当全球信息网在世界盛行之际，用户是不是都有着自己制作网页、开发网站的想法呢？
这里提到了网站、网页两个概念，首先我们需要了解一下网站、网页和主页之间关系，网站是所有网页的集合，类似一幢楼。而网页是每一幢楼里面的房间，主页是用户看到的第一个网页，可以理解为庭院。具体关系是：主页是网站最重要的网页，主页和网页构成了整个网站，网站包含主页和网页（内页）。
如果要建一幢楼，那么有没有应该注意的问题呢？答案当然是肯定的，其实制作网站和建楼房是一样的道理。下面笔者结合在这几年从事职业院校计算机专业《网页设计与制作》课程教学过程中总结出的一些小心得，以设计个人网站为例，谈谈在网页设计与制作中的几点应用体会。
1.文件目录巧设置
我们在制作网页的时候需要将做好的文件保存到硬盘上，许多人往往随意建立目录，这样虽然不影响浏览，可是会给以后自己更新主页带来许多不必要的麻烦，而且如果你的是好几个人共同维护，那么将会严重影响你们的合作，这时规划网站文件的目录就显得越发重要了。在建立目录的时候可以按照以下几点来操作：
①每个栏目尽量使用一个子目录，将不同栏目的文件分开保存，这样如果要撤销一个栏目，只要删除对应的目录即可。在每一个目录中都建立一个"images"子目录，将每个栏目的图片分开保存。如果网页中使用了模版，那么这些图片可以放到主页根目录中的"images"文件夹中，当然你也可以使用"picture"等英文单词或拼音命名，且目录名不能过长，这样既不便于记忆又容易出错，当然也可以根据各栏目的意思来给目录命名，建议用英文意思命名，切忌不要使用中文作为目录的名字。②目录的层次不要太深，尽量保持在三层以内，如果一个访问者要经过几次点击才能找到他想要的东西，那么就很难吸引他再来了。③将每个页面共有的元素保存到一个文件夹中，既节省了页面下载的速度又不会因为删除一个页面而导致其余页面出错。
2.网页字体用缺省
经常会有学生问我这样的问题，他在自己的电脑上浏览时都非常漂亮，可为什么用其他电脑访问时，那些漂亮的文字就变得普普通通了，这是因为你的网页中加入了一些非系统默认的字体，这时如果其他电脑上没有那种字体的话，它会自动用宋体来代替，所以漂亮的字体不仅变普通了，页面的排版也会因字体的改动而变得"惨不忍睹"。其实在网页中9磅（pt）和11磅的宋体都是比较漂亮的，你可以自己选择使用。如果你非要使用非系统字体，可以使用图像处理软件将这些文字转化为图片格式后再插入到网页中。
3.免费代码适当用
现在许多网站都提供如邮件列表、新闻代码和调查引擎等，其实它只是提供了一小段代码，当你将这些代码加入到网页中后，如果有人访问你的网站，那么浏览器就会根据那段代码从提供服务网站的服务器中调用程序。这样不但严重影响页面的下载，而且这些华而不实的东西也没有什么用处。
4.主题内容小而精
主题小而精是指题材的定位要精、要小，因为对于一般的制作者来说没有也不可能有足够的时间和精力去制作一个应有尽有的站点。虽然在做网站的时候很想把所有认为精彩的东西都放上去，但往往这样反而没了特色，给人的感觉是没有主题，好像什么都有却都很肤浅。主题小但并不是内容少，它所涉及本方面的信息要全，一般来说，专题类网站要比大而全的网站更受欢迎。
5.网站特色需注重
网络给我们带来了通讯便捷和资源共享的好处，如何才能让自己的网站吸引来访者目光，使其驻足，首先原创是必不可少的，当然你也可以加一些他人的创作，借鉴别人的创作思路方法等，其次要根据自己的实际情况加入一些有特色的属于自己的东西。最好挑选自己擅长或者感兴趣的内容，主题最好是自己最擅长并且最有兴趣的东西，其中兴趣特别重要的，只有感兴趣才能创造出灵感，特别是对于个人网站，其最大的动力就是对这方面是否特别感兴趣。对于个人网站的内容设计可以从自己的专业或兴趣爱好方面多做考虑，如自己在计算机、书法、绘画等方面有独到的工夫，就可以将此专题作为网站的内容。
看了以上内容是不是觉得制作一个网站非常麻烦，还需要注意这些那些，但如果把我们制作的网站看作是商品，浏览者即是顾客，要想让顾客买东西，当然顾客是上帝，那么我们的宗旨即是：一切为顾客着想。
参考文献：
[1]刘涛.网页设计经典应用网页制作综合案例高等教育出版社2008.
篇6
【关键词】技能大赛；网页制作；教学启示
职业技能大赛已经成为职业教育的重要载体，其技能要求也代表了职业教育培养的方向。每年各省市举办的技能大赛可以促进高等学校人才培养模式改革，提高高校创新型、应用型人才培养的质量，营造创新人才培养环境，拓宽学生动手能力和就业能力的培养途径。笔者带领学生参加了网页设计与制作比赛。网页设计与制作课程是计算机类教学的重要组成部分，现就教学与参赛经历，以网页设计与制作为例，谈谈职业技能大赛对网页设计与制作教学的启示与思考。
1 网页设计与制作在人才培养中的地位、作用
网页设计与制作是高等职业技术学院计算机类专业开设的一门专业主干课程，是一门操作性和实践性很强的职业技术课程，在专业人才培养方案中处于核心地位，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。在学生具备了一定的美术设计知识和一定的图形图像处理及动画制作能力的基础上，本课程主要学习网页设计与布局知识、网页制作技术及网页编辑与制作软件Dreamweaver cs6的使用，让学生能熟练地设计与制作出符合客户需求的网站。
这也就决定了网页设计与制作在整个人才培养中的地位和作用。各个高校也为计算机相关专业开设了网页设计与制作方面课程，来满足社会的人才需求。通过这些课程的学习，使学生掌握一定的网页设计与制作理论知识和开发技术，在进行网站开发时，能够熟练地制作出有专业水准的网站。
2 网页设计与制作教学现状
在大多数高校的网页设计与制作教学中，许多教师在教授这门课程的时候，只是注重理论的传授，虽然也有一些上机操作教学，但是整个一学期下来做的也只是一些简单的操作，在教学中几乎从来是不用一个完整的网站来讲授的。整个一个网站开发应该怎样具体的一步一步的去实现不会讲，没有将理论和实践进行很好的结合，使学生在整个教学中感觉不到网站制作的实际应用，也不知道网站设计的具体过程是怎样实现的，需要掌握哪些技能点，这对我们人才的培养是很不利的，在当今计算机技术发展迅猛的信息社会，如果让学生掌握不了实际的应用操作的话，我们的教学只能说是失败的。为此，为了培养有核心竞争力的人才，我们必须对网页设计与制作教学进行改革，培养创新型人才。
3 以大赛要求为教学目标，激发学生的学习兴趣
兴趣指人对事物喜好或关切的情绪，它表现为人们对某件事物、某项活动的选择性态度和积极的情绪反应。兴趣以需要为基础，在人的实践活动中具有重要的意义。唯物辩证法告诉我们，事物的发展，通常情况下，内因起决定作用。可见，能否使学生主动学习直接决定了学生的学习效果。在课堂教学中，要想让学生主动学习，就要使他们对所学内容感兴趣。激发学生学习兴趣，可以提高教学质量。激发并维持学生的学习兴趣要从把握教学目标这个关键点入手。对学生制订的教学目标不能过高或过低。例如，大赛要求制作一个完整的网站，需要电脑和手机都能访问。根据比赛试题和提供的需求，分析网站目录的规划、素材的收集、版面的设计与制作、交互式功能设计，并完成站点的与调试以及网站的美化处理等任务，选手需提供相应的网站设计文档。把以上大赛要求作为一阶段教学的目标，把以前的参赛获奖作品展示给学生看，吸引学生的眼球。
现在大多数学生都喜欢通过电脑或智能手机网上购物、浏览网页、网上查找学习资料。上课时谈到网购或某个网站的特效，学生都很感兴趣，引导学生平时多观察、多模仿，将学习到的知识能运用到以后的工作生活中去，真正做到学以致用。
4 将大赛要求细化，找出教学中的重点和难点问题
有了明确的教学目标，教学也就有了明确的方向。确定课堂教学的重点和难点，是教学设计的重要组成部分。教师需正确把握教学重点和难点，才能够在教学中有的放矢，教学针对性强，效果也才会达到最佳。教师可以根据学生的原有知识水平和技能基础、学生已有的经验和生活体验、学生学习新知识的认知水平、学生的综合素质等确立教学的重点和难点。
参加技能大赛需要深入理解大赛要求，才能制作出高水平的网站。通过分析大赛要求，重新规划了本课程的重点和难点。
《网页设计与制作》课程重点：
1）规划网站目录结构；
2）网页主题明确，内容栏目设置合理，布局结构层次清晰，主次关系分配合理；
3）掌握网页布局的常用技术；
4）网页色彩搭配得当，美观得体，能正确处理色彩与网页内容的对比关系，使网页数据能清晰呈现；
5）导航链接功能设置正确；
6）HTML书写格式规范、正确，无语法错误；
7）熟练使用css美化网页。
《网页设计与制作》课程难点：
1）使用javascript或jQuery技术，实现交互行为；
2）兼容不同浏览器；
3）响应式web效果的设计。
从大赛要求可以看出，比赛的要求更接近企业对网页制作人才的要求，对网页的视觉效果要求比较高，另外，大赛紧跟技术前沿，要求学生能够开发出手机版的网页，因为现在使用手机上网的人越来越多。
5 结束语
《网页设计与制作》教学具有涉及知识多、内容杂而散、设计要求高等特点，针对传统教学收效差的问题，将技能比赛因素引入《网页设计与制作》教学，调动了学生学习的积极性，培养了学生独立解决问题和克服难题的能力。面对着网页设计与制作新技术的不断发展，网页设计与制作教学也不能一成不变，应该不断地调整和改革，培养有创新型的人才，适用信息社会对计算机技术的人才需求。
篇7
关键词：关键词：项目教学法；网页设计与制作；课堂实践
中图分类号：G4 文献标识码：A 文章编号
随着计算机技术的发展，网络在人们生活中的作用越来越重要。企业或者个人通过网站进行交流或信息推广成为现代社会个人必备的技能，网页设计与制作也因此成为IT类学生必修的基础技能课。《网页设计与制作》是一门综合性和实践性很强的课程，教师在教学中应处理好理论教学与实践结合的关系。如何更好地解决这一问题是课程教师必须思考的问题。本文结合笔者教学中的实践经验，谈谈基于项目教学法的《网页设计与制作》课程改革。
1. 项目教学法概述
项目教学法是以学生为中心的教学方法，指的是教师根据教学计划，将教学项目进行分解并示范给学生，学生在教师的指导下单独处理一个独立的项目。学生通过对项目处理的全过程参与，掌握了这个过程中遇到所有问题的解决方法。项目教学法改变了传统的以教师、课本和课堂为中心的模式，转向以学生、项目和实际经验为中心。这种教学方法，在中等职业学校教育中被普遍采用，对于培养学生的能力和提高学生素质大有裨益。
《网页设计与制作》学习的目标是要求学生对工具软件命令的使用灵活掌握，并能运用软件独立进行网页设计和制作。项目教学法通过分析各种项目展开教学教学活动，学生在教师的指导下进入特定的教学情境，并进行独立思考或集体协作完成项目。在这个过程中，获取知识、掌握技能，从而提升自身能力。将培养学生的综合实践能力作为学习目标，培养学生的积极性和主动性，学生在课堂上有较大的自主权。总体说来，将项目教学法应用于《网页设计与制作》课堂，有以下优势：⑴激发学生的学习兴趣；⑵发挥学生的自主性，培养学生的自学能力；⑶培养学生的动手能力和创新意识；⑷项目的主题与现实生活密切相关，项目的实施具有针对性和可操作性，有利于学生学以致用。
在运用目教学法时，应以学生为中心，并遵循学生中心、充分发挥教师的协助作用；以项目选取作为关键；教师应为学生创设学习资源和协作学习的环境；以学生完成项目的情况对学生的学习效果进行评价等原则。
2. 项目教学法在《网页设计与制作》课程中的探索应用
2.1 确立项目任务
《网页设计与制作》课程具有很强的实践性和操作性，在实施时应首先确立切实可行的项目。按照教学大纲的要求确立项目的知识和技能，项目应具有能激发学生学习积极性和能动性的特点。项目的设计不应过于具体或者太复杂，在项目设计的过程中，应注意以下几个问题：首先，根据学生特点进行设计，针对学生的实际水平确定项目的难易程度；其次，应充分考虑到项目的内容能否引起学生兴趣，而使他们能积极主动地搜集资料并投入其中；再次，应确保项目的内容是学生力所能及的，根据最近发展区理论确立项目的知识和技能；最后，项目的完成过程，有助于培养学生的协作和团队精神。可以设计制作一些网站项目，如展示班级风采性质的“班级网站”、宣扬个性的“个人网站”等。教师把网站设计的要求告诉学生，让他们根据提供的素材或者学生会自己搜集的素材进行设计和制作。制作的要求主要包括网站的功能、总体布局框架、logo、网页内容及使用的框架和表格、相关链接和动态脚本、后台管理、网站的和维护等。这类贴近生活的项目，在设计上容易理解，有利于学生明确目标将更多的时间和精力放在项目的开发上。
2.2 项目的实施
项目实施的课程，应当分阶段进行。
首先，教师应为学生提供项目示范。如教师提供自己设计并制作出的“个人网站”，学生在浏览网站的过程中，了解版面的布局、网页内容、网页的色彩搭配等，了解并体会网站的后台功能。对于网站项目多需要完成的模块，以及Dreamweaver、Photoshop、Flash、Javascript和数据库的功能作用都有了更深刻的了解。通过这样的示范，引发了学生的兴趣，他们能够更深切的感受到使用者具体需求，在接下来的项目学习中能够明确目标。
其次，对学生进行分组。分组时应注意对每组人数的控制，以3~5人为一组最好，并设立项目组长，由组长负责分配任务。分组时还应注意学生的互补，根据性格特点和认知能力技能水平等合理搭配。如站点的整体规划由理论功底扎实的成员负责、版面的布局设计由美工基础好的成员负责，网页的设计应由计算机操作水平高的成员负责。通过小组成员之间的自主和合作学习，成员之间的互相交流会对学习产生有效地影响。在教师和项目组长的组织下，确定练习项目并开展分工协作。
这个过程中，教师应做好监督指导，督促各组成员及时、高效的完成项目计划的各个环节。对于学生遇到的难题，教师应针对不同的情况及时给予合适的指导，并鼓励学生以协作的形式分析问题。为确保项目的顺利进行，对学生的知识技能和行为习惯的培养受个性差异等因素的影响，也需要教师在项目实施过程中给予引导和帮助。
最后，对项目实施过程各阶段的工作要及时进行总结。各阶段的项目的实施过程中会有一定的收获和经验，也难免出现各种各样的问题，在项目结束之后进行总结能够发现存在的不足，以便在下次项目的实施中再次犯错。
2.3 项目评价
项目评价指根据学生项目的完成情况对学生的学习进行评价，主要包括教师对各小组项目完成情况的评定、小组成员的互评以及学生本人的自评。在评价时，应注意科学公正性，对于网站项目的评价应从主题突出、结构清晰规范、色彩搭配合理和具备后台管理功能等等反面综合评价。教师应引导学生客观正面的进行互评、并做好平时检查和最后结果检查的结合，多从学生的角度发现问题并提出改进意见。对于评选出的优秀作品，可以将其到校园网上，让学生因自己的设计成果受到肯定而产生成就感。
3. 项目教学法在《网页设计与制作》课堂的应用体会
通过教学项目的实施和探索，项目教学法的应用取得了良好的效果，与传统的教学方法相比 ，项目教学法具有不可替代的优越性。首先，项目教学法的实施，提高了学生学习的主动性。学生在项目的完成过程中将各知识点连接起来，形成了知识的系统性。项目教学中，学生通过各方面信息资料的收集，学会了对资料进行分析归类，将网页设计的知识与图形图形及编程等知识结合运用，形成了知识的系统性。在解决实际问题的过程中，运用创造性思维多角度地解决问题，促进了思维的深化。其次，有利于学生思维的开拓，提高他们解决实际问题的能力。网页设计要求新颖、独特，学生必须运用已有的知识经验对遇到的各类问题作出判断并想办法解决。因此能够帮助他们开拓思维、提高解决问题的能力。其次，项目教学法的实施过程中，学生学会了合作沟通并能自主学习。通过教师的示范引导，学生自己查阅并搜集相关资料开展项目，并与小组成员交流协作完成任务。这个过程中，小组内的成员必须齐心协力、互相扶持，寻找解决问题的办法，培养了学生的沟通和合作能力，并督促他们自主学习以保证在小组任务中不拖后腿。最后，项目实施的过程，增加了学生的责任感，增强了他们的自信心。
4. 小结
项目教学法是以学生为中心的教学方法，在《网页设计与制作》课程中采用项目教学法，通过确立项目任务、实施项目和项目评价，有助于激发学生的学习兴趣、发挥自主性，培养自学能力、动手能力和创新意识。更重要的方面在于，项目的设立与现实生活密切相关，完整的项目参与过程给学生提供了实践的机会。项目的可实施性和操作性，让学生将所学理论运用于实践，实现了学以致用的教学目的。
参考文献：
[1] 吴延水. 项目教学在网页设计与制作中的应用[J]. 电脑知识与技术, 2010,06(15):4037-4038.
[2] 李文,刘小凤,陈小飞. 项目教学法在网页设计与制作课程中的实践[J]. 美术教育研究, 2011(9):121-122.
篇8
[中图分类号]G712 [文献标识码]A [文章编号]1004-3985（2014）29-0139-01
高等职业教育是社会发展的产物，以职业岗位为导向，以专业技能的形成为目标，突出能力的重要性，要求学生熟练掌握多个岗位或者一个岗位所应具备的技能与专业知识。职业教育必须树立基于职业岗位的课程观和基于工作过程的教学观，培养各行各业所需要的高端技能型人才。近年来，滨州职业学院（以下简称“我院”）本着“以能力为本位，以就业为导向”的原则，积极推进课程改革，努力将工学结合的理念深入课程教学中，从而把“以就业为导向，培养高技能人才”的目标落到实处。项目化教学作为行动导向教学观下的一种教学模式，是目前职业教育专业课程教学改革的主流方向之一，指通过对相关职业岗位进行调研，分析职业岗位所要求达到的能力，确定人才培养目标，根据职业岗位设计工作任务，将职业岗位与工作过程和教学的理论与实践知识巧妙结合在一起，学生通过完成相关的工作任务，实现人才培养目标。
“网页设计与制作”课程是我院网络技术专业以及软件技术专业的专业基础课。在传统的教学模式中，教师采用边演示边讲解的方式授课，处于中心角色。学生则处于被动学习状态，按照由易到难的顺序接收一个又一个的知识点，复制着教师的操作。由于知识体系零散，完成课程学习后，当学生被要求完成一个完整的网站开发时，往往觉得无从下手。为使学生变被动学习为主动学习，能够真正担当起网页设计师的职责，具备网页设计师的能力以及素质，要对课程进行项目化教学改革。
一、“网页设计与制作”课程项目化教学改革途径
1.通过岗位调研进行课程定位。生产一线的实际需要决定了高职教育的培养目标，社会岗位的需要决定了学生应该具备的职业能力。高职院校的人才培养规格以及人才培养方案中课程的选取都是依据调研不同工作岗位的具体工作任务要求而设置的。针对网页设计师岗位，不仅要求学生具备对网站建设进行可行性评估的能力，而且要具备设计、开发小型网站以及维护网站的能力，要求学生具备良好的人际沟通、组织管理以及团队协作能力。
2.项目的选择。项目的选择很大程度上决定了项目化教学的成功与否，因此在项目化教学的具体实施过程中，选取的项目应该具有典型性，难易适中，涵盖学生应该掌握的基本知识与基本技能，要能充分调动学生学习的积极性、主动性以及创造性，通过完成项目，锻炼学生分析、解决问题的能力。在分析“网页设计与制作”课程的具体特点后，深入对网页设计师的岗位能力进行了分析，将建设企业网站作为实训项目，通过完成综合性实训项目，使学生掌握网页设计与制作的技能，提高学生多方面的素质。项目选定后，教师要根据教学时间、项目的实际需要等对项目进行合理划分，要求学生按照时间段逐个完成。
3.建立项目小组。首先由学生自由组合，然后教师综合考虑学生的专业能力、特长、男女比例等方面进行调配，保证各小组实力均衡。按照学生人数，将全班分为若干项目小组，每组以5～6人为宜，由组长负责本组任务的实施及落实。每组作为一个独立的网站设计公司，小组成员即为设计人员，组长担任项目经理，由教师担任客户。在建立项目小组的过程中，教师必须参与小组划分，避免出现能力较弱小组无法按时完成任务的情况。
4.项目化教学的实施。各小组组长在领到任务书后，组织小组内成员进行分析、讨论，从而制订合理、科学、可行的工作方案。而后开始实施任务，进入网站制作阶段。方案的具体实施主要由小组内学生分工完成，学生在任务完成过程中会遇到各种各样的问题，教师可以就不同的问题采用不同的解决方案，如教师可以就公共问题举行讨论会，鼓励各小组充分发表自己的意见，相互交流，也可以提供思路，提供解决问题的资料，帮助引导学生找到解决问题的方法。为了保证项目如期完成、教学计划的顺利实施，在项目实施的过程中，针对一些易错性问题、关键性问题，教师应做到及时提示引导。
5.成果展示与评价。各小组推选出一名代表向全班展示、汇报本组设计的作品，在介绍过程中要求说明本次任务涉及的知识点、作品创新、作品的优点和缺点，以及在完成本次任务时遇到的问题，并向大家说明这些问题是怎样解决的。此时，其他小组的学生可以提问有关设计思路、技术、特点等问题。评价方式采取小组互评和教师评价相结合的方式。各小组通过相互评价及教师评价进一步修改、完善各自的作品。完善后的作品还要通过企业、行业专家进行点评，专家将从市场需求、网站布局、色彩搭配、客户满意度等各方面对各小组作品进行评价。帮助学生从不同角度、不同深度认识自己的作品。
二、应用项目化教学注意事项
1.教师角色的转变。从传统教学到案例教学的转变是高职院校教师大都经历过的，并且目前大家比较习惯于使用案例教学方法。本文提到的项目化教学与案例教学在教学方法上存在较大的差别。教师采用项目化教学法后，某门课程不再用一个个的案例来表达，而是使用一个仿真项目或者真实的企业项目来代替，该项目由若干个子项目组合而成，涵盖了本门课程应该掌握的所有知识点。项目化教学不仅要求教师从宏观上选择、设计好整个课程的项目，而且要求教师对项目进行微观设计，包括将大项目分解为多少个子任务，每个子任务分别涵盖了哪些知识点，能够培养学生哪些能力。这对教师提出了较高的要求，不仅要求教师事先对课程有很深的理解和掌握，还要求教师积极转变观念，适应新的教学方法。在教学中，教师要注意将组织、引导取代以前的讲授、灌输；积极担当起技术顾问以及引导者的角色，通过与学生合作、交流、讨论帮助学生完成项目。
2.正确对待学生的个体差异。由于学生对于项目化教学方法的适应性不同以及学生个体的差异性，对于同一个任务，有些学生觉得进度太慢，有些学生却无法在规定的时间内完成任务。教师在布置任务时，可将任务分为必选任务和可选任务两部分。学生必须在规定的时间内完成必选任务，能力较强的学生可以继续完成可选任务。
篇9
关键词 翻转课堂；项目导向教学；网页设计与制作
中图分类号：G642.3 文献标识码：B
文章编号：1671-489X（2017）06-0089-02
1 引言
随着21世纪对应用技术型人才培养的要求越来越高，对于学生实践能力和创新能力要求也越来越高，需要探索出切实可行的教学方法，不断加强教学模式的改革与实践，以培养更多的高素质应用型人才。本文以计算机专业的网页设计与制作课程为例，探讨基于翻转课堂的项目导向教学模式在网页设计与制作课程中的应用，通过基于翻转课堂的项目导向教学，更好地调动起学生的学习热情，使其实际操作能力得到大幅提升，而且开阔了创造性思维，剖析问题和处理问题的能力也有所加强，教学实践成效也十分显著。
2 基于翻转课堂的项目导向教学概述
翻转课堂是近年来教学改革中提出的全新理念，当前在高校不少课程中引入尝试。该方式与常规的教学方式有很大的不同，其更加注重强化学生学习的兴致，同时改变其习惯，更加主动地参与课堂。而基于翻转课堂的项目导向教学充分利用信息化学习环境，满足不同专业、不同知识水平学生的个性化学习需求，以项目的设计和实施为导向，把设计理论和实践相结合，以培养学生自主探索的精神作为重点的一种教学方式。它将一个整体的项目作为真实案例的教学目标，把教学中相关的主要部分作为项目来交由学生处理，将该项目划分为多个部分，分别进行，完成后再以整体的形式呈现出来。
在整个过程中，教师作为一个协助者，对学生加以指导和监督，而后者则是知识的主要加工者，通过完成项目实现理论和实际操作的完美结合。这两方面的能力都有所提升，而且剖析问题和处理问题的水平也大幅提高，同时能加强团队协作能力。
3 基于翻转课堂的项目导向教学在网页设计与制作课程中的应用
项目准备阶段 根据教学目的设计项目单元，教师在设计项目单元时需要从多方面考虑。设置的项目目标和教学目标相吻合；项目完成都必须具备连贯性，而且在结束时要有个整体的成果，使学生感受到收获的快乐体验；项目应该从学生的角度出发，选择其感兴趣的内容，使其乐于参与。对课程网络教学资源的创建及使用，教师提前做好课程相关的PPT、录像、慕课等，同时搜集一些相关的网络资源，放在教学资源平台上供学生课前阅览下载和学习。同时对平台的使用方法加以介绍，以便学生更好地查阅资料。
在本课程的教学中，将教学项目定为“武汉旅游”宣传网站建设。在教学中自始至终贯穿该项目，同时按照相应的目标，将整个项目分为六个部分，每一部分又细分为多个小单元，进而使得整个项目完成的过程由浅入深、循序渐进。第一部分为资料收集与网站定位，收集网站相关资料进行分析并大致确定内容和结构；第二部分为网站规划，全面落实网站定位，制订详细的网站建设方案；第三部分为页面效果设计，通过平面设计软件设计出首页和各内容页的外观效果图；第四部分为网页制作排版，用网页制作软件编排网页，包括使用CSS+DIV进行布局、使用模板和库的技术编辑多个网页，以及制作各种导航条、动画和网站LOGO等；第五部分为站点整合，对各部分按照整体规划进行集成和整合，形成完整的系统；第六部分为网站测试与，先进行兼容性测试，再上传并站点。
项目实施阶段 由于课程是以翻转课堂教学模式为基础，学生在课前已经对所学知识有所了解和掌握，因此，教师在课堂中的主要工作是指引和协助，深入到学生的项目活动中，适当提供帮助和针对性的指导。
1）创设情境，激发兴致。不管做什么事情，只有产生兴致才有可能做得更好，而且更乐于完成该事情。学生一旦对一门课程有了兴致，就会自主地进行探索和学习，而且具有持续性。所以，教师应该创设合适的情境，激发学生兴致，使其乐于投身于本课程的学习中。比如在完成第二部分的时候，教师可挑选网站实例来给学生分析，包括网页风格定位、排版布局等，剖析这些网站具有的特色，以及怎样吸引人们的目光。接着让学生自己找一些典型的网站，然后加以分析，并且将自己的看法和教师、同学交流。如此一来，学生的兴致被激发出来，后面的项目内容就更容易完成。
2）问题导向，指导学生打开思路。在完成项目时，应该抓住关键，即将教学重点转化为项目中的小单元。学生开始项目之前先要打开思路进行思考，提出完成项目时可能会遇到的问题，而这些问题正好反映出他们自身所感兴趣的知识面。在这个时候，教师以项目的完成作为大方向，设置相关教学范例，并加以细致剖析，将学生感兴趣的知识点进行剖析，学生就会对而后的项目内容更加用心。教学的重点就落实到项目的小单元中，教师在这个过程中指导学生自己探索相关知识。比如在完成第三部分中的设计首页效果图时，教师可以让学生对该单元加以剖析，对于设计操作过程遇到的困难，学生可以提出来，寻求教师和同学的帮助。而这些困难也就是接下来所要学习的知识要点，整个项目的进行就是学生复习旧知识、学习新内容的阶段。
3）学生自主探索研究为主，教师指导为辅。作为项目完成的主要负责人，学生在积累了相应的知识和技能之后，就应该开始根据方案分步完成项目。在实施过程中，学生在教师的导向之下，不但使自己先前学到的知识及技能得到巩固和提高，还可以养成自主探索的好习惯，遇到困难主动思考处理方法。比如创建“武汉旅游”宣传网站首页时，要先整体对页面进行CSS+DIV布局设计，再进行网页素材编辑，而这一点正是课程中的关键。所以在完成该小单元时，学生在布局设计过程中会遇到多种问题，比如无法显示、布局错位等。在这个时候，教师就可以发挥指引作用，帮助学生找到解决办法，使其顺利完成项目，学生也体会到收获的快乐。
教学测评阶段 完成项目后，学生要将项目成果提交。
首先，由学生自己对项目完成的过程和成果进行评判。不但可以将自己创作的特点展现出来，对其他学生起到一种启发和示范作用，也能将自己未能实现的想法提出来，在日后对项目加以完善。
其次，学生之间互相评价。将项目成果呈现出来，让学生互相评价，不但可以表现出公平，还可以使学生学习其他学生的长处，弥补自己的不足。
最后，教师评价。教师对项目成就进行全面整体评估，从各个小单元入手，如对网站风格、设计排版、特效运用、整体运行效果等进行评价，同时提出一些建设性意见，供学生日后健全网站时加以思考。
在确定最终成绩时，应该综合考虑：1）将学生日常的实操作为平时成绩，占总成绩的35%；2）项目成果的展示效果以及学生对自己作品的U述，占20%；3）学生之间的相互评价，占20%；4）教师的整体评价，占25%。
4 结语
本文尝试把基于翻转课堂的项目导向教学模式引入网页设计与制作课程的教学过程中来，提高学生学习知识技能的兴趣，主动积极地投身于相关知识的探索之中，把理论和实践紧密联系起来，有助于其掌握相关知识，实操能力也得以提高。然而实施翻转课堂项目导向教学模式还有许多问题，如何让其很好地融入教学实践中，还需要不断地探索。
参考文献
[1]王娜.翻转课堂教学模式在高职网页设计与制作课程中的实践研究[J].科教导刊：电子版，2015（10）：31.
[2]魏春艳.项目教学法在《网页设计与制作》课程中的应用[J].电子世界，2013（8）：148.
篇10
【关键词】网页设计与制作 课程 创新能力 教学设计
【中图分类号】G42 【文献标识码】A 【文章编号】2095-3089（2013）05-0234-02
一、前言
创新能力是人最重要和最有价值的一种能力，目前世界各国普遍重视创新能力的研究与培养。综观已有的创新能力及其培养的研究，人们做了大量的工作，但从教学设计理论与试验的角度去系统而深入地研究这个问题的并不多。
现代认知心理学认为，在大多数情况下，只有当学生嵌入到真实的情景中，问题复杂且为劣构时，才会发生有意义的学习，而我们的教学意图又是要学生形成创新能力，因此，我们在进行教学设计时应该强调学生在学习知识、解决学习和生活实践的问题过程中，以新颖和独特的方式确定和解决问题。
二、创新能力的含义
创新能力包含创新意识、创新思维、创新技能和创新情感。创新意识培养即推崇创新目标， 发挥创新潜力，释放创新激情。创新思维培养即发明或发现一种新方式用以处理某种事情或事物的思维过程。创新思维具有积极的求异性、敏锐的观察力、创造性的想象、独特的知识结构以及活跃的灵感五个特征。创新技能培养即创新主体行为技巧的能力， 包括信息加工能力、动手操作能力、运用创新技术的能力、创新成果的表现能力及物化能力等。创新情感培养即创新的情感动力， 包括独特的创新目标， 为提高人类美学价值而创新的高尚情操， 为优化个体创新功能而掌握创新技巧的热情[1]。
《网页设计与制作》课程中学生创新能力培养体现在一是通过课程引导学生发挥创新潜力，释放创新激情；二是培养学生运用所学课程知识解决问题时进行创新思维训练，培养积极的求异性、敏锐的观察力、创造性的想象、独特的知识结构。三是针对操作类软件课程更注重实际操作的特点，在实验、实训和拓展训练中培养信息加工能力、动手操作能力和创新成果的表现能力及物化能力等。四是培养学生创新的情感动力， 包括独特的创新目标， 为提高人类美学价值而创新的高尚情操， 为优化个体创新功能而掌握创新技巧的热情。
三、课程的特点
《网页设计与制作》是一门动手操作性很强的课程，课程特点体现在以下几方面：
（1）实践性强
操作类课程理论与实践联系紧密，核心是将基本技术，根据相关的理论支持，将创意转化为具体的作品。教师在实践中教，学生在实践中学。离开实践教学效果无法保障。
（2）强化职业能力
操作性技能类课程是计算机应用技术及相关专业的职业能力应用课，课程是从职业技术教育的特点出发，以职业能力培养为重点，与行业企业合作进行基于工作过程的课程开发与设计，充分体现职业性、实践性和开放性的要求，以培养学生实际动手完成真实项目制作的能力为目标。
（3）课程内容实用
操作类课程在内容上偏重基础、实用与普及，在教学对象上多层次、跨专业、范围广泛。
（4）与最新技术发展紧密联系
人们对于计算机应用要求的提高催促着技术的发展进化和开发工具的更新，发展相当迅速。
四、《网页设计与制作》课程创新能力培养教学设计应该注意的问题
《网页设计与制作》课是一门与生产、生活紧密联系的课程，它能使学生的思维处于积极活跃的状态，从而使学生的创造潜能得到最大限度的发挥。在教学中，学生主要通过验证性实验和探究性实验教学设计来掌握基本知识和学会学习运用新的知识，培养创新能力。《网页设计与制作》课程的教学设计是依据现代教学理论和学生的认知水平，根据课程的教学目标的要求和特点，针对学生的实际情况，充分利用现有教学条件，去选择组织教学内容、教学形式、教学方法及教学手段等进行系统的规划设计的过程。
（1）结合课程特点培养学生创新能力
《网页设计与制作》是一门动手操作性很强的课程，在教学中更强调学生的动手操作能力，而动手操作往往是创新的必要条件。因此，老师要努力创设与学习主题相关的、尽可能真实的学习情境，引导学生带着真实的“任务”进入学习情境，使学生学习直观化、形象化，使他们处于积极的学习状态中，这对于学生来说可以实现他们对知识的积极建构，唤起学生原有的认知结构中的有关知识与经验，进而使学生充分利用有关的知识和经验，同化到新知识的学习中，创造出新的形象，激发他们的联想、判断，诱发出他们的创新意识。例如：在讲flash中缩放工具和变形面板的使用时，首先给学生播放一段以制作好的风车动画。教师引问：要制作风车动画效果，我们应该如何绘制风车呢？（教师引导学生观察风车是由4个相同的叶片组成。）今天我们大家一起来画一个风车图形。至此，学生处于愉悦的情境中，学习的积极性被充分调动，创新意识被诱发出来，引导学生积极思考。学生通过情境的感染，对分解的任务，自己通过自主探究性学习获取相关的单个工具应用技能和完整图形绘制方法，从而培养学生运用所学课程知识解决问题时进行创新思维训练，培养积极的求异性、敏锐的观察力、创造性的想象、独特的知识结构。
（2）尊重学生的主体地位
大多数学生在技术应用方面的接受能力和自学能力永远出乎教师的意料，灌输式的教学方式只能招致学生极其厌烦的回应，教师只需要点到为止即可。通过开展基于网络资源自主探究学习模式、探究性试验、拓展训练让学生在未知世界中自由探索，为学生的创新预留了广阔的空间，让学生体验到发现的快乐，而灌输式的教学则只会束缚学生的想象，扼杀学生创新的火花。例如：基于网络资源自主探究学习模式“在网页中插入文字、图片、动画，添加链接”，教师先演示一个成型农业示范园网站，给学生展示网页内的文字、图片、动画以及链接的表现形式，让学生通过访问该网站网页查看、选择、浏览对网页中文字、图片、动画以及链接的表现形式有直观的了解，让学生在轻松的情境下欣赏、学习，这样就调动了学生的学习兴趣，激发了学生的学习热情。然后教师只讲清楚方法：怎么确定方法？在哪些地方收集资料？如何收集资料？在网页中加入文字，插入图片、动画和添加超级链接。最后，让学生自己去发现如何确定主题，收集相关资料，如何排版布局，将这些技术综合应用在网页中，自己动手去做。总之，“点到为止”是一门艺术，更是一种对学生的信任，是对学生主体地位的尊重，有利于学生创新思维的培养。
（3）广泛交流，培养学生创新的情感动力
师生的交流非常重要，学生之间的相互交流更加重要。在自主学习和探究性实验、拓展训练过程中，一方面要积极引导学生在遇到问题的过程中与老师的交流，另一方面引导学生在学习中与同学的交流，通过搭建实地教学环境、课程讨论区、在线答疑、邮件答疑等多种平台鼓励学生大胆地说出自己独特的想法与解决问题的方案，培养学生相互交流的习惯，努力创设一种充满了研究氛围的课堂，有利于培养学生创新的情感动力。
（4）自由作业，让学生自主探究
操作类课程的作业或作品可以通过采用多种不同的操作方法而实现达到某一特定效果或解决某一问题，在形式上的表现多种多样，在特定的课程内容下制定相关主题，让学生自主探究、自由创作，每一个学生都会上交一份与众不同的作业或作品。这样的作业对于每个层次的学生来说都是可以完成的，每个学生都能找到一个适合自己能力的定位。例如：探究性试验主题“用形状补间和动画补间制作动画”，教师先演示形状补间动画范例“飞毯”和动画补间范例“不倒翁”，让学生在轻松的情境下欣赏、学习，这样就调动了学生的学习兴趣，激发了学生的学习热情。然后教师只讲清楚方法：形状补间动画和动画补间的制作要求。最后，让学生自己去发现能用这两种技术表现的一些现象，自己动手去做，为学习的创新预留空间，培养了学生的创新思维。
（5）展示学生作品，培养创新技能
学生学习的积极性来自于学习的成就感。教师在教学中应该时刻让学生感受到学习的成功体验，充分展示学生的作品，给予充分的鼓励，即使是一个很粗简的作品，只要有独特之处就应该予以肯定，赏识学生的每一件作品。针对课程注重实际操作的特点教师在平时的教学中应渗透这种“作品意识”，充分展示学生的作品，在实验、实训和拓展训练中培养信息加工能力、动手操作能力和创新成果的表现能力及物化能力。
总之，教师要充分设计现代教学理论，结合课程特点，利用和发掘教材自身的优势，充分考虑学生与学校的实际情况，选择适合自己、适合学生的教学方法，从创新入手，尊重学生的主体地位和个性发展，培养学生的创新精神和创新能力。
参考文献：
[1]胥群.浅论培养大学生创新能力的方法和途径[J].黑龙江高教研究.2004年04期
[2]李文光，何志龙，何克抗.基于创新能力培养的教学设计理论与试验探索[J].中国电化教育.2002年10月
[3]查春华；张宝华.基于资源型学习的健美操网络课程教学设计探析――高校体育专业术科课程教学改革探索[J].首都体育学院学报.2007年03月
