升博体育网页的设计与制作十篇

　　升博体育专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。

　　《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。

　　根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:

　　1) 资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2) 交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3) 评价展示功能。包括作业批改、作品展示、自我测试、竞赛投票等在线) 用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。

　　功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。

　　1) 学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2) 管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。

　　根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下 :

　　1) 专题结构化知识:网页基础、动态技术、数据库、辅助软件。2) 专题资源库:拓展资源、相关链接、强化训练、素材集锦。3) 专题协作学习工具:学习留言、专题论坛。4) 专题学习评价:作业批改、自我测验、作品展示、竞赛投票。

　　根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。

　　专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server 同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:

　　1) 客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2) 应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3) 数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。

　　专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。

　　为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的。

　　使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程Fireworks的教程外,在学习完Fireworks后,可以将的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。

　　专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。

　　包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。

　　专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主

　　性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。

　　[1] 谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.

　　随着信息技术的迅速发展，网络在人们的生活中扮演着越来越重要的角色，使人们的生活方式发生了翻天覆地的变化，上网已成为一种潮流。因此，网络成为信息革命的主导力量，它能承载巨大的信息量，是世界最大的资源宝库，由于网络可以实现资源共享，人们越来越习惯在互联网上搜索信息。而Dreamweaver网页设计与制作是现代计算机网络技术中最受欢迎的技术之一，自然而然《Dreamweaver网页设计与制作》课程也倍受学生的青睐。该课程具有自身的特点，它对学生的操作能力和实践能力要求比较高，主要是要求学生能够熟练掌握Dreamweaver制作简单的静态网页。通过使用Dreamweaver软件掌握基础网页设计与制作的基本方法，综合所学知识能够建立基本的静态网站，成为社会所需人才。因此，本文根据社会的需求，就如何使学生更好地掌握Dreamweaver网页设计与制作进行探析。

　　根据社会发展的要求对本课程的教学内容进行了一定地调整。课程教学内容的调整必定涉及到教学理念的改变。由于调整后的课程教学内容主要由当今实用的、流行的新技术几个部分组成，如Html和fireworks的使用，而这几个部分的内容具有较强的实用性、操作性。因此，教师讲授时应该抓住Dreamweaver这条主线，将课程内容融会贯通，整理思路，便于学生接受和掌握。

　　在讲授理论知识的时候学生会觉得Html语言很乏味，这种操作性强的内容如果不进行及时的实践操作，掌握起来很困难，一旦能让学生看到自己亲手操作后的效果就会有一种成就感，这样就能激发学生的积极性，强化所学内容，增强自己的动手操作能力。

　　众所皆知，兴趣是最好的老师。如果学生有浓厚的学习兴趣就会积极主动地学习，集中注意力，注重每一步操作的细节。因此，在教学的过程中，教师要激发学生的积极性，培养学习兴趣。如第一章介绍网页制作的基本内容和相关操作步骤时，教师就要结合具体的实例进行具体讲解，介绍有代表性网站的整体布局、网站风格等网站的相关内容。由此学生就能触类旁通，根据自己的想法制作和设计出意想中的网站风格，从而产生制作个人网站的欲望。这份欲望给了学生巨大的动力，也是学生学好网页制作的前提条件。

　　《网页设计与制作》课程要求学生具有较强的动手实践能力[2]。不仅要求学生能够熟练使用Dreamweaver进行基本的网页制作，还要求学生能够根据所学知识解决具体问题，能够灵活运用到实际操作中。

　　《网页设计与制作》课程的教学要循序渐进，首先学习网页设计与制作的基础知识，然后要学习如何美化网页、使用各种工具进行操作，最后综合所学知识制作一个简单的网站，使所学知识能够融会贯通，灵活运用，这样就可以有效提高学生的整体性思维能力，增强学生的动手能力。

　　考核是任何课程进行测试的一种方法，Dreamweaver网页设计与制作课程也不例外。改革考核方法一方面可以帮助教师改进教学方法，激发学生学习的积极性[3]。以前一些操作性和实践性较强的课程也习惯用笔试的方法进行考核，考核的内容都是一些理论知识，根本不能反映学生对所学课程的具体情况升博体育，这与该课程的要求相悖[4]。因此，在“网页设计与制作”课程中，要采用多种考核方式，把学生的成绩分为三部分，分别为平时考查成绩、综合作业、期末考试。

　　考查成绩主要是根据学生在上实践课时的表现来评定，此部分成绩占30%；综合成绩则以学生在规定的实时间内完成的设计方案来考查学生的动手实践能力，教师根据学生的设计方案评定学生的综合成绩，评价学生的专业技能，这部分成绩占30%；最后是期末上机考试的成绩，考试形式为开卷式，只对最终网页的制作效果提出要求。这样学生就能根据自己的想法设计出不同风格的、有自己个性的网站，提高学生的整体思维性能力，最终的考核质量作为学生的考试成绩，占总成绩的40%。

　　总之，改革Dreamweaver网页设计与制作课程的考核方法，有利于激发学生的学习积极性，培养学生的学习兴趣，提高学生的整体思维性能力，进一步提高学生的动手能力和实际操作能力，从而提高教学质量和水平。

　　经过上述分析得出，在Dreamweaver网页设计与制作的教学过程中，不仅要改变教学理念，激发学生学习的积极性，还要改进教学方法，提高学生的动手能力。除此之外，考核方法的改革也是必要的，以此来提高教学质量和水平。

　　[1]黄学群.《网页设计与制作》课程的教学探讨[J].今日南国，2011，12（08）：105-106.

　　关键词：网页设计与制作；教学平台；FileZilla；配置文件；批量创建用户

　　网页设计与制作是高等学校计算机基础教育的主干课程之一，是覆盖面较广的一门实践性非常强的计算机基础课程。学生在课程中学习从网页的制作到完整网站的建立的系统的内容。教学过程中的重点一般放在网页的制作这一阶段，忽略了网站、网站展示的后一阶段的过程，使得学生缺乏对创建网站的全面了解。我们通过FTP服务和Web服务的结合，建立了网页设计与制作教学平台，弥补了网站和网站展示环节的空缺，使得学生可以获得创建网站的完整体验。同时，在这一过程中，通过开发相应的扩展程序，简化了为大量学生创建教学环境的工作，使得教学工作能够顺利展开，在实际教学中取得了良好的效果。

　　网页设计与制作教学平台通过提供一个真实的网站和展示的空间，使得学生能够体会完整的网站的过程，从而获得与实际接轨的实践能力。我们使用FileZilla服务器作为学生上传网站作品的FTP服务器。在FileZilla服务器上可以创建用户，并可以给用户分配主目录，设置访问权限。但是FileZilla本身不支持批量用户的创建。我们在FileZilla的基础上，分析了FileZilla的配置文件的格式以及各参数的语义，开发了批量生成FTP用户的扩展程序。它能够依据学生的学号，快速地在FileZilla中创建用户，并为每个用户在服务器上自动生成对应的根目录。我们还开发了自动生成学生网站作品展示界面的前端页面生成器程序，从而使得学生能够完整的体验网站的过程。

　　FileZilla FTP服务器：负责接受用户以FTP方式上传的网站内容。

　　存储：负责存储用户上传的网站内容。FTP服务器和Web服务器共享相同的网站内容空间。

　　通过对FileZilla配置信息的解读，为自动建立配置信息文件奠定了基础。

　　我们使用开发了FileZilla批量用户生成扩展工具。通过循环读取学生的学号，使用这一信息作为学生FileZilla服务器上的用户名。根据2.1节的配置信息的含义，自动为每个用户生成相应的配置信息。工具的使用界面如图2所示。

　　根据学生的学号，我们开发了在服务器上自动创建学生在FileZilla服务器上的根目录的功能。

　　通过循环读取学生的学号，使用“puter.FileSystem”对象在服务器上创建以学生的学号为文件夹名称的学生在FileZilla服务器上的根目录。

　　关于所有学生的配置信息生成后，通过先把“FileZilla服务”停止，然后把自动生成的配置文件“FileZilla Server.xml”拷贝到FileZilla服务软件所在的文件夹，并重新启动“FileZilla服务”，批量创建的用户即可生效。

　　当学生通过FTP客户端使用自己的用户名和密码登录FileZilla服务器并上传网站作品后，需要通过Web服务把各个学生上传的网站作品展示出来。我们把学生的主目录映射到Web服务器Apache的虚拟目录，并开发了自动生成展示界面的前端页面生成器程序。其中，为学生的每次上传的作品生成对应的通过Web服务器的链接。

　　网页设计与制作是一门注重实践的课程。该文借助FTP服务平台和Web服务平台以及相应的辅助扩展程序的开发，建立了面向网页设计与制作的教学平台，弥补了通常教学环境中由于不具备实际的网站环境从而无法为学生提供完整的网站建设过程讲解的缺陷，使得学生能够获得与实际接轨的完整的网页设计制作的经验。

　　网页设计与制作主要是研究网站的创建和网页制作的专业技能课。通过学习本课程,学生要求能够熟练运用Dreamweaver等网页设计工具软件,设计并创建网站。因此,该课程教学实践性强,其教学方法、教学模式及课程考核办法都有其特殊要求。现就授课中教学方法的尝试做以下分析和总结。

　　孔子提出育人要“深其深,浅其浅,益其益,尊其尊”,主张“因材施教,因人而异”。教学既要遵循学习规律,又要尊重学生个体差异。学习一般由点到线,线到面,再形成系统知识结构。同时,学生学习基础参差不齐,以某班级学生学习特征情况分析(班级人数30人统计),如图1所示,学习特征归为4种(A-D)。

　　为了使不同梯次的学生在学习中,学有所乐,学有所长,学有所值,因此,授课中采用了“阶段性、阶梯式”教学模式,既将学习过程分段分梯次,在每个阶段针对不同学习特征的学生,又分不同梯次的教学目标。这个梯次主要按图1所示学生学习特征划分,尽量让不同学习特征的学生,在每个学习段都能实现一定的教学目标,从而使学生对学习充满兴趣,积极学习。“阶段性、阶梯式”教学模式,共分三个阶段,如表1所示。

　　承认教学对象的个体差异,及知识结构的衍生过程,进行“阶段性、阶梯式”教学模式,其教学方法的运用很重要。自古以来,教无定法,灵活运用教学方法,适时调整和改进教学方法和授课计划,才能使教与学相得益彰。如表1所示为阶段性、阶梯式教学模式中教学方法的运用(如表1)。

　　教师演示并指导学生操作练习,“个体通过接受学习,不仅可以学到作为创造能力的构成要素的知识与技能,而且还可以学习到前人创造某种经验的科学态度。”同时教师也需尽快了解每个学生的学习特征,从而指导后续教学。但运用该方法应注意几点:

　　1)注意重、难点的演示讲解,教师应针对操作中容易出现问题的地方,仔细讲解。例如:设置鼠标经过图像时的变化效果,应确保所选择的图像文件在本地站点文件夹内,否则该设置无效。

　　2)注意课堂指导,及时收集学生课堂实作练习,并认真评改,记录学生实作中反应的问题,基本了解班级每个学生的学习特征。针对每次的评改记录,修改并制定下次课程的授课计划和内容。

　　3)注意课后思考与练习的设置。例如:在进行添加和处理图像实作课程时,用了“示例中的页”中的起始页面作为页面模板,思考问题:“能否将自己制作好的网页作为‘示例中的页’?”问题的设置一般是课堂知识点的复习、深化和延伸,可引导学生积极学习。

　　在教师演示的基础上增加学生模拟教学,通过模拟教学,师生角色互换,不仅能促进学生对知识的掌握,也能增强其自主学习意识;同时教师能看清自己教学中的不足,以及学生实作中的问题。主要方式是让学生模仿教师操作演示教学,其教学过程可由学生自主设计。例如:学生在教师机上演示教学,过程中进行讲解、答疑,最后教师总结并评点。

　　模拟教学对学生的选择,应遵循两个原则:一是图1中学习特征A和D的学生应尽量少选,主要选择学习特征B的学生。因为这部分学生既能代表大多数学生的教学需求,又能完成既定的教学目标;二是学生应课前准备,如有临时教学互动,教学内容应为旧知识点复习或者复合。

　　该方法主要在课程一阶段始和二阶段末采用。俗话说,“好的开始是成功的一半”。例如:设计一堂经典网站赏析课,选择国内外经典网站进行赏析,带领学生认识网页和网站,介绍网站的发展历程,发现好的网站设计给人们生活和工作带来的影响,使学生喜欢并热爱这个行业,从而在内心建立学习本课程的强烈愿望。

　　第二阶段末,教学课时进行2/3时,学生通过反复知识点操练,但没有一个成型的网站呈现,使其最初的兴趣慢慢消减,出现学习疲倦期。此时应设计2-4学时的艺术赏析、网站赏析课等。赏析课形式灵活,例如,参观艺术作品展,观看影视作品。美学陶冶有助于网站的设计,调整学生的学习状态,激发兴趣,为后续教学做好学生的知识结构调整和心理准备。

　　教学第三阶段,学生自由组成小组,一般6人一组,每组推选一名组长,负责项目协调和管理,在16-20个学时内完成既定的项目(网站),最终分组演示,分个人答辩,项目成果展示。项目的设置由小组讨论形成,学生根据兴趣、特长设定网站类型和主题,其中教师辅助,提供技术和资源支持,不参与项目制作。通过案例实训,运用项目管理的方式,综合测评学生的技能掌握情况,同时使得团队中每个学生扬长避短,发挥各自优势,最终完成一个网站的设计与制作。各个梯次的学生在案例中都得到锻炼和发挥,体现自我价值。

　　针对阶段性、阶梯式的教学模式,结合本课程的教学目标,其考核办法也需补充和完善。如表1,在第一阶段采用课堂操作考核,对学生课堂操作评定计分;在第二阶段采用课堂教学互动考核,增加学生互动评定并计分;第三阶段案例实作,采用项目成果考核,运用项目管理的方式,对学生分组完成的项目成果进行综合评定,包含个人成果展示及答辩情况。以上三项评定综合计入期末学生总评。

　　在教学各阶段,采用不同的考核方法,使各阶段监管得力,避免学生平时不学习期末突击;学生在各阶段通过踏踏实实学习,完成既定的教学目标,得到较好的考评成绩,从而激励学生,提高学习积极性;通过各个教学环节的监督考核,使考核更公平、公正和准确。

　　作为一名高职教师,应坚持不懈的学习,结合社会需求和学生学习特征,因时因材施教,不断总结和完善教育教学方法,使之更符合国家和社会对人才培养的需要。

　　[1]王同梅.网页制作教学方法研究与实践,中国科教创新导刊,2009,NO.19.

　　为了让中职院校的学生掌握网页设计与制作的基本技能，适应社会的信息化发展，许多高职院校在教学方面进行了许多的改革，以提升教职工的教学质量、提高学生的文化素养。

　　网页设计与制作，是一种建立在新型媒体上的设计技术。它把技术和艺术、理论和实际相结合，是提供信息的一种重要方式，也是企业展开电子商务的信息平台。随着信息社会的发展，网页已经成为人们了解信息的一种方式，它具有速度快、容量大、功能多、可互动、传播空间大等特点。网页设计是一个网站的门面，是用户进入网站的第一印象，也是网站运作的必备条件之一。

　　想要成功地完成一个网页设计，首先要具有活跃的思维方式，其次，还要具有过硬的操作技术，只有二者相结合，才能增加用户浏览页面的兴趣。

　　中职院校的招生对象为应届初中毕业生，他们大多年龄偏小、文化程度不高、多为农村生源。他们正风华正茂，喜欢新事物，追求自由和时尚，对于社会还不了解。并且大多数文化基础薄弱，知识水平不高，对技术学习有一定的恐惧心理。再加上农村生源占大多数，许多学生从未使用过电脑，没有操作能力。

　　中职院校的学生没有良好的学习习惯。部分学生更是缺乏基本的价值观和是非观。他们还未意识到知识和技能的重要性。很多学生连课程都不愿意接触，沉迷于网络和游戏；还有一些是基础太差，缺乏学习能力而没有什么收获。再加上中职院校的教材品种繁多，良莠不齐。教师授课按部就班，有条理性，可是对于学生来说，却不能建立基本框架，再加上学生自身的学习跟不上，从而导致学习效果差升博体育。

　　想要提高教学效果，最关键的还是学生自己。所以首先要做好以下两方面的工作。

　　（1）因为中职生在初中时并没有打下扎实的基础，也没有形成良好的学习习惯，缺乏学习兴趣，所以我们首先需要让学生树立自信心，其次，应该帮助学生分析就业形势，以增强学生的学习动力。

　　（2）改变学习方法，对学生提出三个要求：上课要做笔记；上机认真操作并写实习日记；最后，就是要多多注意本门科相关的报纸、书籍和杂志。不断扩大自己的知识面，形成自己的知识体系。

　　中职院校的教材繁多，教师教学要与学生的实际相结合，为学生学习创造相应的学习情境，选取适合的学习教材，使学生跟上教师的教导进程。课前多收集一些多媒体的文字图片，也可以多收集一些精美的网页来吸引学生的注意力，增强他们的学习乐趣，才能顺利地开展教学活动，使他们积极主动地学习有关方面的专业知识，掌握了解专业方面的知识，学得一门重要的操作技能。

　　教师要根据实际情况提出问题，明确目标。让学生明白通过学习可以掌握的技能；根据目标，让学生系统地完成教学课程；在实现教学目标后对学生学习进行进一步的要求和提高。多多鼓励学生，以达到课程的技能培训目标。

　　网页设计与制作这门学科升博体育，也蕴含了丰富的艺术气息。设计网页需要一定的鉴赏能力，所以我们要适当地对学生进行艺术鉴赏教育，以便他们更好地掌握网页设计这门理论与实际、技术与艺术相结合的操作技能。

　　综上所述，中职计算机专业网页设计与制作要以学为主、以教为铺，以技术和艺术、理论与实际相结合。教师要对学生进行思想教育，提高他们的自信，激发他们的进取心，提升他们的主动性，这样他们才会积极主动地去学习。教师也要准备好选材，争取环环相扣，做好良好的学习体系。及时为学生解答疑难问题，让学生更好地掌握学习专业技术知识。教师要对学生的教学内容和操作内容合理安排，对学生进行正确的引导，提高学生的动手操作能力。希望通过这次对教学的探索和改进，可以提高中职院校学生对网页设计与制作的学习积极性和学习效果。

　　《网页设计与制作》这门课程是职业学校计算机专业的重要课程，在信息技术的发展和互联网普及的今天，计算机相关专业特别火热，《网页设计与制作》这门课程显得尤为重要。计算机网络专业如此受到欢迎，而职业大专院校关于计算机网络方面的教育教学同样显得尤为重要，如何结合计算机信息技术的发展，教育事业的发展背景，开展有效的教学活动成为重中之重。下面笔者简单介绍了什么是项目教学法、项目教学法的实施优势、如何推进项目教学法的有效开展，希望能够为广大职业学校从事计算机专业教师开展教学活动产生一定的启发。

　　项目教学法从字面上理解，重点应该放在“项目”上，它是把教学任务分为若干个模块，循序渐进地解决复杂的实际操作问题。对于《网页设计与制作》课程，运用项目教学法更多的是偏向于实践操作，把学生作为主体，教师在课堂当中扮演主导的角色，通过教师的指导，学生收集信息资料，以小组的形式共同研究，解决问题，完成任务，得出结论，最终掌握熟练的基础理论知识与操作技能［1］。

　　1．教师充当主导作用，能够充分激发学生的学习兴趣。项目教学法的使用能够从一定程度上削弱教师的作用，这里的削弱不是完全意义上的削弱，更是角色上的转变，师生之间的角色转换。把传统的教师问和教师讲的教学方式，转变为教师加以指导，在教师的指导下，培养学生独立探索思考，合作学习交流的能力。2．充分发挥学生的主观能动性，养成自主学习的能力。学生是教学活动的主体，对学生主体地位的高度重视，充分体现了重视确立学生的主人翁意识，而教师在其中扮演引导协助的角色，更像是引领学生进入《网页设计与制作》这门课程知识花园的导游。教师将项目教学法与任务驱动法结合起来，为学生布置任务，在完成任务的过程中养成自主学习的能力，在过程中遇到难以解决的问题，向教师与其他同学询问，从而加强与他人沟通能力，加强团结合作，充分发挥主观能动性［2］。

　　教师视情况而定，可以按照或者不按照教材上的内容进行教学设计。但总体来说，职业学校的学生已经成年，思想成熟，对客观世界有了一定的认识，也具有独立自我思考的能力，所以其教学活动的开展不应该局限于教材，照抄照搬，而是在设计教学任务的过程中加入学生感兴趣的内容，可以将学生按照一定的比例平均分成若干个组别，把知识点分为若干个项目，每一个项目布置一些任务，学生以小组讨论的形式，解决每一个问题，然后在循序渐进中掌握知识。网页是网站最基本的组成要素之一，人们上网浏览信息是通过网页上的内容来了解的，网页又分为对话框、指令等很多要素，一个制作精良的网页总是能够给人一种耳目一新的感觉，吸引人们的注意力与好奇心，从而促使人们点击网页进入网站，增加这个网站的点击率，所以教师要经常反复为学生讲解学习《网页设计与制作》这门课程的重要性，以及网页在网站中发挥的重要作用，从而使学生激发学习兴趣，投入到“我要学”积极的学习状态中［3］。教师特别注意网站主题的选择，网站主题符合年轻人的特点。这里以一个音乐网站的制作为例，我们都知道一个网站的网页上的功能越强大，越来越吸引人们的注意，所以教师为学生布置任务，就拿首页上的网页内容来说，第一点让学生想出最基本的网页主题，如新歌排行榜、歌手、分类等一级主题，待主题确定下来以后，学生再集思广益讨论如何使网页看起来美观，联想出更多的艺术手法，使网页的设计具有充分的审美效果。综上所述，随着计算机与互联网的普及，各大职业高校的计算机专业受到热捧，《网页设计与制作》也成为计算机专业的必修课程。随着计算机专业教学活动的开展，在《网页设计与制作》课程中项目教学法越来越受到教师的青睐，为此项目教学法更应该被广泛应用，以便为计算机信息技术与互联网的普及与发展培养更多高素质专业人才。

　　［1］杨丽华．项目教学法在《网页设计与制作》课程中的应用［J］．电脑知识与技术，2011，（34）．

　　［2］仇闽霞．项目教学法在“网页设计与制作”课程中的应用［J］．科教文汇（上旬刊），2012，（01）．

　　近年来，网络技术已经成为推动社会经济飞速发展的重要基础，渗透到了社会发展的各个部门和领域。网络技术的迅速发展和普及，使网页设计日益显得重要。[1]我校把《网页设计与制作》课程作为计算机应用及相关专业的一门重要专业基础课程，目的是让学生能够掌握网页制作和网站开发，毕业后能够进行网站的设计开发与维护工作，可以使学生更好的就业。为实现这个教学目标，在近几年的教学过程中，我根据学生实际情况采用适当的教学方法作了很多的尝试，在教学过程中应该逐渐总结出一套以实例为授课重点的教学方法，取得了很好的教学效果，较好的实现了教学目标，提高了学生综合能力。下面，我对近几年的探索做以下总结。

　　教学目的是教学方案设计的出发点以及归宿。一个好的教学方案，应能较好地达到教学目的。本课程的目的是培养学生的网站设计及开发能力，这个目的服从于职业教学目的，就是满足社会发展和就业需求。因此，教学方案要侧重于掌握常识和训练技术、技巧。[2]

　　以教学目的为中心，精心挑选实例，用实例串联知识点，贯穿教学过程。具体做法是通过选择适合中专学生阶段感兴趣的日常学习和生活中具体实例，将这些实例分解到每次的课堂教学中实现。授课时先展示网页效果，再讲解相关内容，激发学生的学习兴趣，让学生产生一种迫切想要实现实例的要求，让学生变被动学习为主动学习。实践证明，这样的教学方式，学生不仅能实现课堂实例，而且能灵活运用课堂知识，完成自己的设计。

　　一般情况下，我主要规定主页的制作要求，而各个分页依据学生自身的爱好去设计，充分发挥学生能动性和想象力，调动了学生的学习积极性。这样就改正了以往学生可能对上课讲的内容听明白了，但实际操作时，又无从下手的缺陷。这样就会取得良好的教学效果，使学生每节课既巩固了以往所学知识，又都有新收获升博体育，极大的激发了学生的学习兴趣。

　　“熟能生巧”，大量反复的练习是培养学生自主实践能力最有益的办法。教师在讲完理论常识和相应实例后，应马上布置大量难度相当的练习作业，要求作业依据学生自身的爱好去设计，充分发挥学生的能动性和想象力。[3]及时收集作业，引起学生的重视。选择典型的学生作业进行评析，对学生在网页设计中易出现的共同问题进行纠正，对作业完成优秀的进行表扬，激发学生互相竞争与学习，来提高学生的自主学习和设计能力。[4]

　　通过练习、实践，不仅可以提高学生的动手操作能力，同时也是教师检验教学效果、发现学生问题的好机会。收集作业的方式也是多样化，可当堂点评，也可以通过教学软件进行收集，通网络进行收集。

　　通过让学生上网多欣赏优秀的网站网页，让学生学会欣赏他人作品，理解和观察优秀作品。鼓励学生通过网络上网站设计的论坛，加强和更多的同行高手来交流学习，学习更多的人设计和创作的经验和教训，来提高自己的能力。只有多欣赏，多学习，才能在脑中形成一定的意识，才能学会模仿，进而为下一步的创作打下基础。这样让学生不光在课堂学习，课外也可以的自主学习。并鼓励学生到提供空间服务的站点申请主页空间，上传自己的作品到空间中，让更多的人来欣赏自己的作品，品评自己的作品，这样可以看到他人和自己的优缺点。在授课过程中，我会要求学生先申请免费空间，再把自己的作品上传到空间，然后让学生公开自己的空间网址，最后进行集中欣赏或个别欣赏。我校学生在一些网站上申请免费空间及上传作品。在利用网络教学过程中，教师要注意教学过程中出现的上网管理的问题，组织好课堂秩序。

　　当学生掌握了网页设计的基本知识和技能后，还要锻炼学生的综合制作能力，要把所学知识运用到实例中。前一阶段的学习每堂课学生的作业都紧密围绕当前所授课程实例网站进行，而在最后的综合制作期间，如教材第十二章可根据上课内容安排学生完成相应的设计，分阶段分小组完成。并且在设计过程中要形成完整的网页设计报告。在网页制作的报告中，主要有如下内容：内容简介、主要模块划分、网页布局的实现方法、网页间超级链接的跳转关系图等。报告是根据网站设计的进行逐步完成。这有利于教师了解学生设计的思路及遇到的问题，及时调整教学内容、改进教学方法，从而提高教学效果。报告从初稿到完成需要一定的过程，是根据网站的具体设计来不断修改，加以完善的。根据网站制作要求，在不影响整体效果情况下，学生可以在制作过程中加入自己的想法，运用自己所善长所感兴趣的方法来制作网页。这样既不失整体，又会各有特色。

　　综合网站的制作是需要学生做稍微复杂的网站，这就需要鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，分小组进行制作，几个人一组选择网站中的同一主题。安排学生分组对抗，合作建站，充分发挥每个学生的创造力，通过团队协作的方式完成任务，锻炼学生的团队协作能力。另外，在设计过程中，分小组进行制作，几个人一组选择网站中的同一主题，有利于学生共同讨论、解决设计中的难题，也有利于互相学习，取长补短提高自己的设计水平。[5]

　　《网页设计与制作课》是一门综合课程，它涉及到色彩、图像处理、动画制作、视频制作等其他综合知识。要想学好这门课程，就得了解和应用这些知识，由于课堂资源和时间有限，在具体授课过程中不能全部学习，我在教学过程中主要让学生了解色彩设计与版式设计，这样学生做出来的网页才能具有美感，让人眼前一亮。在教学过程中，要适当引导和培养学生的综合能力，尽量让学生从多方面进行发展。

　　适时合适的评价，对学生是很好的激励方式。只有在学习过程中不断评价，才能让学生认识到自己的优点与不足。在评价过程中教师要注意语言表达，对学生的优点要给予肯定，对于不足也要给予指导，尽量让学生做到“做好不骄傲，不好不气馁”。适时评价还可以全面真实地反映学生的学习水平，而且有利于反映教学中的问题。如在理论知识与实践应用方面，一般学生容易注重实践应用而忽略理论知识，这就要求教师在平时考查时适当加入理论基础及口试。另外，评价时还应该让学生从创意、版式、色彩、特色等方面介绍一下自己的作品，这样可以考查学生对整个网站开发的思路及方法，同时考查学生口头表达能力、与人沟通能力。

　　以上是我在近几年的教学过程中摸索出来的一些教学方法，在课程结束时，绝大部分学生可以完成一个完整的网站，并把自己的网站上传到网络空间，还可以时常更新和维护自己的网站。实践证明，这些方法可以激发学生的学习兴趣，提高教学效果，能够有效完成教学目的。

　　[1]曹丽明.网页设计与制作[M].北京：中华工商联合出版社，2007.

　　[2]刘静.项目教学法在《网页设计与制作》课程中的应用研究[J].中国科教创新导刊，2009.

　　[3]贾海陶.浅谈《网页设计与制作》教学方法与研究[J].魅力中国，2010（9）.

　　[4]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].中国教育信息化，2008（3）.

　　从两方面选择调研对象：一方面是北京地区与《网页设计与制作》课程相关岗位的成功企业；另一方面对58同城、赶集网、智联招聘、前程无忧四家招聘网站上与《网页设计与制作》课程相关的岗位进行网上调研。

　　我们走访了北京地区做的比较成功的企业，同时我到北京优腾科技有限公司实习半年，北京优腾科技有限公司运营的望京网——都市生活新媒体社区服务网站，在北京市乃至全国都是优秀的社区网站，实习期间调研了该企业所需的岗位，及各个岗位的工作流程环节以及相关工作岗位的能力要求，了解最新行业动态和标准。

　　1）与企业高管交流。了解行业目前的市场状况和发展趋势；了解行业的新动态、新技术以及未来的走势。

　　2）与部门经理交流。了解具体岗位的工作内容以及对学生的要求；了解所调研企业的部门和岗位设置、工作内容、技能和能力要求，并对调研结果进行客观地分析、对比和评价，为课程建设提供依据，深化理论与实践的结合。

　　3）与人力资源的主管沟通。了解从企业招聘的角度了解企业对学生的要求，教师与学生到企业实习的问题，企业兼职教师的聘请等方面的事宜。

　　4）与专业人员沟通。从员工的角度出发，了解做好自己的工作需要掌握哪些技能和知识。

　　5）与毕业生交流。通过座谈会的形式，了解学生在工作中遇到的问题和行业对学生综合职业素质的要求。

　　6）相关行业网站。从相关行业网站上搜集信息和资料，以便掌握最新行业动态和标准，了解相关政策法规等。

　　通过58同城、赶集网、智联招聘、前程无忧四家招聘网站对北京地区的人才招聘信息收集两万多份，将技能要求相似的岗位进行合并，从中筛选出与《网页设计与制作》课程相关的职业岗位200个，对这200个岗位进行分析。

　　无论是走访企业升博体育，还是网上调查得出了一致的岗位有：网页设计与制作、网页美工、网站管理、网页编辑。

　　通过调研，发现我们实施《网页设计与制作》课程过程中存在着问题，主要有以下三方面：

　　我们采用的项目教学法，没有能真正体现企业的工作过程和工作环节的项目进行教学，所以需要对教学项目进行优化。

　　项目教学法是以建构主义以及人本主义为指导，以比较实际的教学项目作为媒介，教师先对项目进行分解，并且要做一定的示范，然后再让学生分小组进行不同项目的学习以及讨论，通过相互的协作来学习。以学生对项目的完成情况以及水平来对学生的成绩进行评价。

　　项目教学法与传统的教学方法相比较有较大的区别。它改变了传统教学方法的三个中心，即由以教师为中心转变成为以学生为中心；由原来的以课本为教学中心转变成以“项目”为教学的中心；由以课堂教学转变成为以实际经验的教学为中心。所以说，在项目教学法的教学模式中，学生是主体，使其对知识主动的构建。在项目教学法中，要注意以下的几点原则：

　　1.学生为中心，教师要进行协助。在进行教学的时候，要使学生将其主动性以及创造精神充分的发挥，要让学生以自身行为的信息为依据来进行自我反馈，与此同时，要注意教师的协作。教师要对学生有帮助以及促进作用，要对整个教学过程中的组织以及设计负责，另外，还要参与学生的讨论。

　　2.要注意选取合理的项目。在进行项目选取的时候，要以教学的内容为主要的依据，不但要包括学生要学习的知识点，而且要能够对学生解决问题的积极性有所调动。项目的选取要教师与学生共同的参与。教师要启发学生使其主动去发现身边的有关素材，项目的难度要适中。

　　3.教师要注意学习资源以及环境的创设。教师要让学生有尽量多的机会在各种场景之下对所学的知识应用，要注意现代先进的教育技术的应用，为学生提供较多的学习资源。

　　4.对学生学习效果的评价要以学生对项目完成的实际情况为依据。在项目教学法中，教学活动的进行不是围绕教学目标的，它的展开是为了完成项目计划以及达到意义的建构。因此，在对学生的学习效果进行评价时要以项目完成的具体情况来看。

　　1. 选择适合的项目。 项目的确定不是随便进行的。第一，所选择的项目要能够将大部分的知识点都包含在内，还有能够与较多的知识点相结合；第二，项目的难易程度的确定，要根据学生的实际水平来确定；第三，所选择的项目要能够被大多数的学生接受并且喜爱。因此，项目的选择是第一步，也是比较关键的一步。

　　2.项目的设计。对网页设计与制作专业的学生来说，他们主要的学习内容就是将网页进行美化以及实现网页的功能，要能够掌握基本的Html语言，要会使用Dreamweaver 、Photoshop以及Flash等软件来进行美观并且实用的网页的设计。

　　网站的建设可作为一个整体的项目，之下可以分出一些子项目。可以以“在线留言板”来作为课题。它包含了HTML、CSS以及VBScript这三个方面的内容，与学生的学习能力比较适宜，此外，它也是比较通用的，在很多的网站上都是不可或缺的，有应用价值。

　　首先将学生分成小组，每一个组都要有一个组长，组长来进行项目任务的分配，每一个组员都要有专门的职责，并且要定期的进行会议的召开，来报告各自的工作进度。如果有哪一个人遇到了困难，小组之间要共同的解决。

　　3. 项目信息的收集。在这个阶段，要使学生对项目进行熟悉。在教师将项目确定好之后每一个学生都要根据项目的要求以及自身的情况，来对相关的信息进行收集整理以及分析，然后确定工作的计划。

　　4.确定方案。学生经过分组讨论之后，要确定最佳的方案。将个人工作与小组工作相互结合，每个人要事先做好计划，小组间来进行讨论，小组的每一个成员都要提出自己的意见和看法，最终来确定最好的方案。在此过程中，教师要进行指导。

　　5.项目实施。计划方案确定之后，小组内的每一个学生都要按照计划方案来进行计划的实施。项目组长来将任务划分给每一个同学，每一个同学都负责不同的部分，并且要独立的完成任务。

　　6.教师检查项目。在项目完成之后，学生要对项目的结果进行检查，然后再由老师进行质量的检查。并且将其完成的作品进行公开的展示，让学生来找出优点以及缺点。要让学生进行自评以及互评。这样，可以使学生锻炼他们的责任心，提升他们的质量意识，并且可以学习评估的方法。教师不但要对内容检查，还要检查其实际的功能效果。

　　7. 对项目评估。 对每个组的作品，每个组的学生自己先进行自评，然后让其他的组来进行评价，最后由教师做综合的评定。教师在评估的时候，要指出具体的问题以及解决的方法，并且要进行总结，使学生能够真正的认识到自己的错误，使其对学习的内容理解更加深刻。

　　项目教学法在教学课堂上的使用，不但使教师的课堂教学质量更高，效率更高，也可以使学生的学习效率更高。尤其是网页设计与制作这种实践性较强的科目，更加需要学生在实际中来掌握知识，因此，项目教学法对其有极大的帮助。希望广大教师能够注意。

　　[摘要]文章研究分析了目前“网页设计与制作”课程中存在的问题之后，将“项目驱动式”教学法引入该课程中，即把建设一个网站

　　 项目驱动式教学法在《网页设计》课程中的应用与研究 项目式教学法在《网页设计与制作》课程中的应用 项目驱动教学法在高职《网页设计与制作》教学中的设计与应用初探 项目教学法在高职《网页设计与制作》课程中的应用研究 “任务驱动”教学法在《网页设计与制作》课程中的应用 “任务驱动教学法”在《网页设计与制作》中的应用 项目教学法在《网页设计与制作》课程教学中的应用 探析项目教学法在《网页设计与制作》教学中的应用 项目教学法在《网页设计与制作》课程中的应用 项目教学法在《动态网页设计与制作》课程中的应用 项目教学法在《网页设计与制作》中的应用 项目教学法在《网页设计与制作》课程中的实践应用 浅析任务驱动教学法在网页设计与制作课程教学中的应用 任务驱动教学法在网页设计与制作课程教学中的应用 任务驱动教学法在网页设计与制作中的应用 项目案例教学法在高职“网页设计与制作”课程教学中的应用研究 项目教学法在《网页设计与制作》中的运用 任务驱动教学法在高职高专《网页设计与制作》教学中的应用 任务驱动式项目教学法在Visual FoxPro教学中的探索与研究 项目驱动式教学法在CI设计课程教学中的实践与探索 常见问题解答 当前所在位置：.

　　[2]杨森，刘潇潇.《网页设计与制作》课程教学改革的研究与探索[J].办公自动化，2010（6）： 63-64.

　　[3]张哲，陈桂生.在Java语言教学中实施“项目驱动”教学法的实践探索[J].教育与职业，2007，6（18）：160-161.