网页制作与设计范文

导语：如何才能写好一篇网页制作与设计，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。

3网页制作

3.1选择合适的网页设计软件当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。

3.2选择网页内容前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。

3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。

4结语

篇2

[关键词]工作过程设计项目教学认证教育考核方式

中图分类号:G42文献标识码:A文章编号:1671-7597(2009)1120140-02

一、概述

项目教学法是以学生的自主性、探索性学习为基础,采用类似科学研究及实践的方法,促进学生主动积极发展的一种新型的教学方法。在教学活动中,教师将需要解决的问题或需要完成的任务以项目的形式交给学生,在教师的指导下,以小组工作方式,由学生自己按照实际工作的完整程序,共同制定计划、共同或分工完成整个项目。在项目教学中,学习过程成为一个人人参与的创造实践活动,注重的不是最终的结果,而是完成项目的过程。学生在项目实践过程中,理解和把握课程要求的知识和技能,体验创新的艰辛与乐趣,培养分析问题和解决问题的能力及团队精神和合作能力等,教师已经不是教学中的主导地位,成为学生学习过程中的引导者、指导者和监督者,教学内容按照实际的工作任务、工作过程和工作情境组织,以完整的工作过程贯穿于项目式教学中,提高学生的社会能力、方法能力、专业能力,使专业训练更接近社会需求,最终能实现学生的零距离上岗。

《网站设计与网页制作》是我系计算机应用技术、软件技术、网络技术的专业必修课。为了适应时代的发展,《网站设计与网页制作》课程在继承世界现行网站网页教学优势的基础上,又吸收了当今网站网页开发的新技术和新思路。力求更加注重学生的发展和社会的需求,更准确地反映网站网页开发技术的专业性手段;更加关注学生积淀自己的生活经验;更强调学生的主动学习,并增加实践环节。《网站设计与网页制作》课程期望使每一个学生通过学习网站设计与网页制作课程,能够对各种制作手法和设计技术有更深入的理解,能够使他们对今后的职业选择和学习方向有更多的思考;能够在开发能力、学习能力和解决问题能力方面有更好的发展;能够在责任感、合作精神和创新意识等方面得到提高。

二、课程理念

确立一个中心(以学生为中心)三个融合(校企融合、课内外融合、技术与人文融合)、基于工作过程设计的课程开发理念。提前让学生感受工作的氛围,熟悉工作的相关流程,以增强学生在就业过程中的竞争力。并结合我院“我在乎你”的办学理念,通过理实一体化的教学手段,采用项目式教学,给学生提供一个制作网站的模拟或真实的环境。让学生通过对“确定项目――制定策划书――制作网站――验收――总结经验”这个流程的训练,熟悉制作网站的过程,并能够有所成果。

确立素养、行为、技能教育观。重视网页制作过程中技术性心智技能的形成,强调“原型定向、原型操作、原型内化”、原型能经“迁移”形成类型(“举一反三”);强化学习过程中教师的示范和引导的作用。

以技术开发贯穿网页制作的全过程,技术开发强调设计与制作。强调过程的可重复、可验证性。

课程质量以教师的明示能力和学生的内化能力为主要评价指标。

三、设计思路

遵循高职课程改革关于“面向就业,培养实用性人才”的基本精神,在全面贯彻国家教育方针的基础上,根据学生身心发展的特点和教育规律,重视对学生进行全面的职业素质教育,着眼于培养学生终身学习的愿望和能力,体现职业教育层次网站设计与网页制作课程的实用性、专业性和可持续发展性。

综合考虑学生发展的需要、社会需求和就业需求三个方面,本课程以一个大项目出发,分解为7个子项目,在完成七个子项目教学的同时,学生也可以把自己承接的大项目一并完成。

从“以工作任务为中心”和“培养学生应用能力”角度出发,以“项目教学”和“任务驱动的方式”,让学生在有限的时间掌握网页制作的技能。

运用项目式教学方法,努力创建开发项目的条件,突出工学结合,提高学生技能的熟练程度和灵活运用的能力。

四、实施建议

本课程的教学必须始终贯彻任务驱动式的“做中学”,过程体验式的“学中思”,学以致用式的“思中用”和启思益智式的“用中创”的理念。本课程的总体目标是根据企业网站开发工作流程(即具体的工作过程),从前期策划开始到网页设计,网页制作、网站,一步一个脚印地引导学生逐步深入,亲身体验网站设计与网页制作的过程。

1.具体实施建议

(1)明确目的、详细描述操作任务。根据学生的具体项目每次课按照网站开发的进度表都有明确的目的,具体的操作任务。

(2)对课堂模仿实践的结果进行合理评价和及时计分。对每一次课堂模仿实践的完成情况进行评价和计分,及时解决学生普遍存在的问题,对完成较好的学生给予肯定。

(3)采用项目驱动的方法,如通过教师项目分解的子项目学习以掌握基础知识点,然后充分发挥学生的设计能力,完成学生自己的项目,素材由学生自己收集,网页的风格、布局由学生自己决定,培养学生的创新能力。

(4)充分利用学生课余时间。

(5)项目开发:提前一个月布置任务,并向学生提供参考资源,让学生有充分的时间准备和寻找合适的项目;学生寻找合适的项目后,与客户进行交流获取制作网站的一些素材和信息。根据学生找到的项目,在教师的指导下,把学生分成若干个小组。在每个小组中,每位学生根据自己的特长和爱好,承担不同的工作角色,完成不同的任务。一般一个项目分给三个小组,每个小组可以拿出一个方案。这样可以加强小组与小组之间的竞争性,此外在最后验收时客户也可以有多个方案进行选择。

(6)学生在完成网站设计和网页制作的教程中,如果遇到问题,可以有多种渠道来解决。可以是组内成员的讨论、还可以查阅系部的网络课程、通过老师进行辅导、求助于互联网等等。

学生通过该项目的进行,了解并把握整个过程及每一环节中的基本要求。这样既教会学生制作方法,又让学生体会制作过程的创新性和协作精神,能最大限度地发挥项目式教学的功能。

2.教学方法建议

《网站设计与网页制作》课程以真实项目为案例组织教学,课程教学方法符合“教、学、做”合一的原则,采用理论实践一体化的项目教学和案例教学方法,强调学生将所学知识和技能在实践中应用。课程教学围绕如何开发一个网站展开,各个教学单元采用“应用导向、任务驱动”教学方法。本课程采用的主要教学方法如下:

(1)四步教学法

通过“讲解――示范――模仿――练习”四步教学法,让学生通过模仿老师讲解的方法制作网页,理论与实践相结合,“教、学、练、思”四者有机融合、训练学生的动手能力和模仿技能,提高课堂教学的实践性。

(2)任务驱动、案例教学法

方法:

下发工作任务单、学生解读任务

教师初步讲解、示范

学生实施任务

教师巡回

教师评价

通过案例提出问题,帮助学生建立感性认识,激发学习兴趣。对案例进行分析,找到解决问题的方法和操作步骤,逐步完成案例的操作。在教学过程中,遵循“启发式教学”原则,启发学生积极思维,通过观察,发现问题,提出问题,分析问题并逐步解决问题,从中领悟职业经验。

(3)项目实施法

方法:

下发项目书

学生分组讨论项目分解

师生共同完成项目分析

学生实施,教师指导

提交项目作品

最终评价

引入“项目教学法”,给学生提供一个制作网站的工作环境,通过组织学生承接项目,继而进行项目的开发,使学习与工作相结合,训练学生完成工作任务所需的技能、技巧,同时引导学生进一步加强专业理论知识的学习,从而培养学生的综合职业素质。

3.考核建议

实施项目式教学以后,学习的过程和在此过程的学习态度显得越来越重要,这也是企业需求人才的一个重要标准。所以本课程的考核内容一共分为四个部分:网站的总体规划,具体完成的过程,最终完成的作品和多方代表的反馈意见。

五、将课程与全国计算机信息高新技术考试进行有机结合

全国计算机信息高新技术考试之高级网页制作员的专项技能水平达到相当于中华人民共和国职业资格技能等级三级,在一种操作系统平台下综合使用网页相关软件完成网页制作和动态数据处理的工作,实际能力要求达到:能综合使用两种以上网页制作相关软件进行网页设计和制作,并具有相应的教学能力。它是网页设计制作人员、Web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效Web设计与制作能力的权威认定。如果尝试将“网站设计与网页制作”课程与“全国计算机信息高新技术考试”进行有机的结合,可以提高学生独特设计理念、丰富动态应用程序、互动多媒体制作方式等综合能力,创作出更为直观、高效的Web作品。

将学历教育与认证教育相结合,进一步探求高校培养目标与企业用人之间的联系,培养适应社会需求的学生,这无疑是一种教学改革的新模式。

六、结语

以工作过程为导向的项目式教学法是一种先进的高职教学理念,它突破了传统的教学模式,通过解决学生身边的一些现实问题来实现学生对知识的掌握,大大提高了学生学习的积极性和主动性。通过项目教学法学习的学生,他们的动手能力、解决实际问题的能力有很大的提高。这种方法不但适合高职计算机课程教学,尤其适用于学生水平参差不齐、学生自控能力比较薄弱、课程的应用性比较强的教学。教师在观察学生、帮助学生的过程中,开阔了视野,提高了专业水平。充分地展示了现代职业教育“以能力为本”的价值取向,使课堂教学的质量和效益得到更大幅度的提高。可以说,项目教学法是师生共同完成项目,共同取得进步的教学方法。它是在模拟企业真实的工作过程中,用行为来引导学生、启发学生的学习兴趣,让学生在团队中自主地进行学习,培养学生的多种能力,使学生掌握的知识与企业的需求更加接近,我们将继续在实践教学中深入探讨项目式教学法,与企业加强联系,累积真实项目素材,进一步完善适合高职特点的教学方法。

参考文献:

[1]姜大源,职业教育学研究新论[M].教育科学出版社,2007:87.

[2]邓泽民、王宽,现代四大职教模式[M].中国铁道出版社,2006:132.

篇3

一、选用合理的教材

中等职业学校的人才培养模式是指在一定的教育理论指导下，按照特定的培养目标和人才规格，以相对稳定的教学内容、课程体系和评估方式，实施人才教育的过程的总和。我校网页设计与制作课程的培养目标是能对网站的功能进行分析，全面掌握使用的能力；能对页面进行修改的能力。为此，我校选用的教材除了国规教材外，还补充了Adobe创意大学的标准教材。教学内容不仅能满足中等职业学校专业教学标准，能够反映当前的生产技术水平和职业岗位资格要求，更注重课程内容对接职业标准、教学过程对接生产过程。教材的内容编排符合学生认知特点，突出网页制作的创意工作流程，将创意设计与软件功能相结合，以软件的实际应用为主线，对行业中的典型案例与Dreamweaver软件新功能等方面的知识进行深入探讨。Adobe创意大学的标准教材是联合行业专家、行业协会、教育专家、一线教师、Adobe技术专家开发的，重点清晰，内容完善，为专业及其相关行业实践型人才的培养量身订制。

二、采用“教、学、做”一体的项目式教学方法

以学生为主体，有效设计和实施“教、学、做”一体的项目式教学方法，通过真实、完整的实例呈现知识点。

1.循序渐进，由浅入深

选择小范例诠释理论知识，每一个项目都从最简单的内容入手，慢慢深入，达到制作出高级页面的效果，避免只讲定义的乏味与枯燥，符合学生的认知规律。

2.内容全面，实例丰富

融入大量的实用操作技巧，力求将最常见的软件技巧与行业流程全面细致地进行介绍。结合实例介绍每种应用的操作步骤，学生只需要按照步骤一步步进行操作，就可以在不知不觉中掌握大量的知识，创作出精彩的个性网站。

3.行动导向、任务驱动

从网页制作行业的实际出发，基础知识与基本技能相结合，紧扣“做中学，做中教”的教育理念，将知识点穿插在网站实例制作的操作过程中，在实际制作中介绍网站开发的实际流程与制作技巧，尤其是针对实际制作中广泛采用的“Div+CSS布局模式”，对教材内容进行全面的补充和完善。拓展HTML代码的学习内容、学习方法，通过课后训练设计达到课堂知识的“举一反三”，这样更加贴近实际。

4.由易到难、由部分到整体

从网页制作技能培训的实际需要出发，设计一个网站建设实例，采用循序渐进的方法，详细描述网站的开发过程，介绍网页制作的各种知识、技能和注意事项。所学知识分别涉及：站点的规划与管理；文本、图像及CSS层叠样式表；表格布局，超级链接；框架布局，多媒体文件；热区、层和行为；表单及各种表单元素；模板、站点的测试、与维护等各项静态网页开发知识，采用知识讲授与案例教学相结合的方法。

5.综合运用，注重启发

制作两个企业网站，系统全面地介绍网站建设的实际开发流程及常用手法与技巧。每个任务包含“任务描述”“自己动手”和“举一反三”三个模块，将知识点、技能点和注意事项穿插在网页制作的过程中，注重启发学生的学习兴趣，力求在知识结构编排上体现循序渐进、重点突出、难点分散，在语言叙述上注重概念清晰、逻辑性强、通俗易懂、便于理解。

6.注重现代信息技术在教学中的应用

现代信息技术参与之后的课堂“以教师创造性的教为主导，以学生探索性的学为主体”，丰富多彩的教学环境，给学生更大的思维空间，突出学生的主体地位。运用现代信息技术，创设他们感兴趣的事物与情境，抓住学生的心理特点，将抽象化的、概念化的知识点，以贴近生活的生动、鲜明的图文并茂的画面呈现乏味的定义定律，集声音、文字、图像、图画动态显示于一体，达到将抽象概念具体化、微观概念宏观化的目的。让学生易于理解接受，让学生身临其境，亲历其中，得到体验，在轻松的氛围中愉快地学习，提高了学生的思维能力、想象能力和创新能力。现代信息技术使课堂教学以发展为主，教师通过创造教学环境，在课堂上为学生提供观察、独立思考和实践，将技术与学科教学灵活有机地结合，为学生提供一个友好交互、自由开放的学习环境，组织并指导学生进行实践活动，激发学生主动去探索、积极去思考，从而极大地提高教学效率。

三、考核评价方式多角度

网页设计与制作课程对学生的能力要求是：（1）会Dreamweaver的安装；（2）合理使用网页元素制作简单静态页面；（3）能够使用表单、CSS样式、行为、层、模板、框架等技术制作比较复杂的静态网页，并能够进行站点；（4）初步了解动态网页设计的基础知识，能够制作简单的留言板等动态网页。因此，我从以下几方面对学生进行评价：

1.网页作品与真实生活是否有关联，主题鲜明。

这表现为作为真实的项目场景，这种真实场景是对日常企业场景的模拟，或者真实场景中的实际操作。

2.要求学生对一些与职业有关的问题进行思考和解决。

比如企业网站，学生要依据问题，以科学的论证和推理方式设计合乎自身认识的、具有创造性的解决问题的方案，创作具有创造性的网站作品。

3.操作过程和最终作品是评价的重点。

在实际操作过程中，学生解决问题的综合能力得到锻炼，如思考问题能力、问题反思能力、团结合作能力、信息搜集能力和创造力等，评价中充分展现出来，而网站作品则是各种能力综合锻炼得到的结果。

4.学历证书与职业资格证书对接。

Adobe创意大学考试认证是Adobe公司推出的权威国际认证，是针对全球Adobe软件的学习者和使用者提供的一套全面科学、严谨高效的考核体系，为企业的人才选拔和录用提供了重要和科学的参考标准。

四、结语

篇4

关键词 案例教学 网页设计

网页设计作为一门综合性、实践性、应用性极强的课程，在教学的方法上应有别于一般的基础理论课程，原来那种照本宣科填鸭式教学已经不适应高职教育的需要，必须改进传统的课堂教学方法，引入现代教学理念，提升学生学习的主动性，提高学生实际动手能力是教学关键。

基于以上特点，“网页设计与制作”这门课程设要以学生实际出发， 以“教师为主导， 学生为主体”的符合这门学科特点的教学与管理模式， 让学生在教师的指导下， 对所学的课程进行探索、分析、研究。

一、案例教学法的思想和特点

案例教学法也被称为“实例式教学”或“基于问题的教学，其原型是抛锚式教学。这种教学方法要求建立在有感染力的真实事件或真实问题的基础上，学生要想完成对所学知识的最好办法是让学生到现实世界的真实环境中去感受、体验（即通过获取直接经验来学习），而不是仅仅聆听教师关于这种经验的介绍和讲解。与传统的以教师讲授为主的被动灌输式教学相比，案例教学法是一种注重师生互动的开放式研究型的教学方法，注重学生动手能力的培养，是一种具有针对性、实践性、启发性、研究性和时效性的教学方法，能开发学生智力，培养学生分析问题解决问题的能力，提高学生素质。符合高职教育的特点。

二、案例教学法运用在课堂教学中

《网页制作》是一门实践性和综合性很强的课程，涵盖Dream Weaver网页制作软件、Flas制作软件、Photoshop图形图像处理软件、脚本语言等多方面的内容，知识点非常丰富。笔者从事该门学科教学多年，摸索出一套案例教学方案，使用案例教学法可以大大地提高学生的积极性。案例教学方法如下：

1、兴趣激励阶段

这一阶段主要采用优秀作品展示教学法，其目的是：提高学生的兴趣、让学生了解一些基本的网站布局。作品来源：一个是网络上的一些优秀的网页；二是往届学生的优秀作品；三是跟学生的生活相关的网站，如校院主页等。

2、基础知识学习阶段

在这一阶段，学生要学习一些网页设计的基本知识和基本技能，即根据不同的知识点，来设计出与之配套和相适应的案例，这些案例的编排要遵循由浅入深、由易向难、循序渐进的原则。网页设计课程教学中，教师可以选取一二个典型的网站进行简化设计，将有关网页设计的基本内容、基本概念包括在内，学生在教师指导下，自主地完成相关案例网站的设计，从而掌握网页设计的基本技能，可以达到良好的教学效果。

3、技能强化阶段

在这一阶段主要采用较为简单的中小型案例教学法。其目标是，让学生在复习旧知识点的过程中学习新的内容；将上一阶段的的案例整合成为一个具有一定雏形的完整网站，让学生来进行尝试，这样就使得学生在熟悉的环境中学习了整合能力。

4、综合网站制作阶段

这一阶段主要采用综合案例教学法。本阶段主要是为了提高学生综合网站开发的技能水平，同时也为了检验学生的学习成果。在此阶段中，教师可以让学生自己选择一个主题，利用所学知识和技术开发一个网站，要求学生独立完成，通过相应的方式上传到WEB服务器上，作为学生的最终考试成绩。总之，这个阶段对于学生知识的巩固和技能的提升是大有裨益的，同时也可以充分发挥学生的主动性，锻炼学生动手能力，培养求异思维。

三、在实施案例教学过程中必须注意的问题

1、选择合适的教学案例

教师要根据教学进度和教学要求设计案例， 选择的案例必须具有针对性、代表性、实践性、系统性的特点。（1）案例应具有针对性，这样做容易突出授课目标，不易偏离授课内容；（2）案例应具有代表性，学生能够从该案例得到启发，进行拓展性思考；（3）案例应具有系统性，前后相互联系，相互渗透，后续阶段的案例尽可能涵盖前面的内容，以加深和巩固所学知识；（4）案例应具有真实性，从实际出发，根据学生的特点，尽可能设计一些学生感兴趣的、贴近生活工作的案例，通过生动有趣的案例教学激发学生的学习兴趣，加强学生的动手能力和创新能力的培养；（5）案例应循序渐进，从易到难的递进方式设计，一方面是有利于调动学生的积极性；另一方面是便于学生对项目分解的理解，从而掌握整个项目的核心思想和构建步骤。

2、组织课堂讨论及案例总结

组织案例讨论旨在分析问题， 提出解决问题的途径和方法。教师应对整个案例的特点、主要知识点进行分析、解剖、归纳并及时组织学生对案例实施过程及其中的网页技术进行讨论，使学生对所学的、所做的案例有全面的认识，对设计步骤、设计思想有比较完整的认识。

案例经过学生的讨论后， 教师应该及时做出讲评。这样做有利于学生把要求掌握的知识记牢，同时， 我们要改革课程成绩的评价方式， 提高平时成绩的比例， 刺激学生上课的积极性。

3、实践教学环节—采用任务驱动法

任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合， 以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境， 让学生带着真实的任务去学习， 以使学生拥有学习的主动权， 掌握网站设计与网页制作的知识与技能。

四、结束语

总之，在高职院校计算机专业《网页设计与制作》课程教学中运用案例教学法，在实践环节实施“任务驱动”教学法，有利于学生实践能力的提高和理论知识的掌握。案例教学法只是现代教学方法中的一种，要优化课堂教学，应要综合运用多种教学法，每个教师都应根据教学大纲、教学内容和学生实际情况的不同选择和运用不同的教学方法，只有这样才能真正提高课堂教学效果，提高教学质量，培养符合时展要求的新型高素质应用型人才。

参考文献：

篇5

（福建广播电视大学晋安校区 福建 福州 350003）

摘要：根据多年对“网页设计与制作”课程的教学探索，提出“课程案例”这一新概念，并设计开发出一个学生既熟悉、又感兴趣的“课程案例”——班级网站，让学生在模仿再开发该案例网站的过程中学习课程知识，从而掌握本课程的知识和运用技能，达到教与学的良好效果。

关键词 ：网页设计与制作；课程案例；班级网站

中图分类号：G712 文献标识码：A 文章编号：1672-5727（2014）11-0093-03

作者简介：王淑云（1965—），女，福建福州人，福建广播电视大学晋安校区高级讲师，研究方向为计算机软件。

中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。

“课程案例”的提出和设计

（一）“课程案例”这一新概念的提出

市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。

（二）围绕学生的兴趣进行“课程案例”的设计

学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。

再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习Photoshop、flash、计算机网络基础等相关课程，所以，只要对网页素材的处理提出具体的要求，或对他们略加指导即能自行设计处理完成。对于该课程，虽然大部分学生浏览过很多网站内容，但并没有真正了解网站是怎么回事；对互联网世界充满兴趣和好奇，却还没有网页设计与制作的理论知识和实践技能，对网站常识还比较陌生。因此，在课程学习中，重点是要力求深入浅出、尽可能直观全面地剖析一个好的网站案例，运用视、听的方法，帮助学生建立有关网页设计与制作的基本概念和基本知识，掌握建设网站的基本技能。

鉴于此，教师如何将Dreamweaver、HTML和CSS三部分内容有机结合，让学生通过课程学习，模仿再开发出一个比较完整的“班级网站”，着力培养学生的实际建站能力、设计开发能力，从而提高他们自主学习与创新能力、信息收集与处理能力、提出问题并分析问题和解决问题的能力，成为课程教学的重要目标。

“课程案例”教学方法的设计

教学手段以“多媒体机房、网络、项目开发”三项结合。多媒体机房为学生设计网站提供基本条件，网络是学生寻找素材资源和借鉴别人经验的空间，项目开发是他们学习的任务。

教学方法上，采用示范讲解、任务驱动的教学模式，从以下三个方面展开：

采用案例讲解的教学模式 教学过程根据编排好的知识点内容和事先创建好的“班级网站”实例，逐步讲解该“课程案例”，便于学生理解和进行模仿设计开发。

实施模块化教学方法 遵循学生“由浅入深，循序渐进，由感性到理性”的认识规律，把知识点组合后分模块渐进教学。教学过程讲练结合，以学生实践为主，完成“班级网站”这一“课程案例”中包含的每个模块的再设计与再创作；以教师引导为辅，讲解设计与创作过程中遇到的新知识，组织学生完成能力拓展训练。

走四步教学流程，融“教、学、练”于一体 第一步，教师展示课程案例，演示创作过程，讲解涉及的知识点内容；第二步，下达任务，提出完成任务的具体要求和完成时间；第三步，学生模仿再设计再创作，完成任务；第四步，任务验收，学生自我评价，教师综合讲评。

“课程案例”的课堂教学

基于学生的现有知识技能，教师课程教学中重点讲授如何设计开发网站，在其他环节只扮演一个组织者和启迪者的角色，一步步引导学生完成本课程的目标，充分培养和发挥学生的自主设计能力、绘画能力和创新能力。

整个课程的课堂教学以“课程案例”为主线，设定以下几个教学模块。

模块一：学习有关网页的基本知识，介绍建设网站的工具等。

模块二：草拟“网站地图”，设计网站“模板页”。展示课程案例网站，分析班级网站的风格、页面的布局和包含的元素，先给学生一个真实的空间印象，之后让学生模仿如何设计这样的网站。首先设计出纸质的网站空间布局和内容：包括考虑整个网站的风格、主色调、页面布局、页面的大概内容等，每一个页面设计草拟在一张纸上，其实这就是网站地图了。做足了这个功课，日后的整个班级网站的设计就有了头绪。为避免各页面出现相同内容的重复设计，提出设计制作“模板页”来生成其他页面。例如：把风格和内容相一致的部分（如班级广告图、班级徽标、导航条、版权信息等）设计出来，作成模板页保存下来，以备后面制作网站各页面时利用模板页生成，并在此基础上进行相应页面内容的设计创作。草拟“网站地图”和设计制作网站“模板页”是同时进行的，要结合着做。这个阶段都还是“纸上练兵”。

模块三：收集和创作素材。班级网站的素材主要来源于学生自己的学习生活，可以是活动的照片、活动记录，也可以是为自己班级创作的班级广告图、班级徽标等Flash或Photoshop作品，将这些素材分门别类放入建好的站点目录树中。

模块四：学习Dreamweaver，首先建立班级网站站点。

模块五：设计创建“模板页”。根据前期草拟的网站地图，利用布局表格设计模板框架。框架搭好后就是为模板页添加素材。模板上需要的素材并不太多，关键是要“精”，用精心选择和创作的素材。提醒学生，模板上大块的空间要留出来给各页面添加相应的内容，这点至关重要。

模块六：利用模板生成网站各页面。模板设计成熟并制作出来后，就要根据模板上的导航设计生成相应的页面，并将各页面互相链接起来。

模块七：完善各页面内容。每一两次课完善一个页面的内容，直到网站中各页面内容全部添加完成。当然，课后要为如何合理安排这些页面内容花很多时间去构思、去创作或收集相应的素材。所以，收集素材这项工作是一直贯穿于整个网页设计过程中的。

模块八：应用一些网页特效的代码，如添加背景音乐、QQ互动、图片文字的滚动、表单等，让页面动起来，增加网页的吸引力和活力。

模块九：本地站点测试。

教学评价设计

评价方案 （1）学生自我评价：即每个学生对自己的评价。教师事先给出评价标准和具体要求，学生对照自己的学习态度、创作的作品，对自己给出合理评价。（2）模块作品评价：教师对每个学生的评价。教师通过对学生课堂反映、每个模块上交的作品、讨论活跃程度等方面，对每个学生进行评价。（3）期末考核：教师通过对学生一整学期模仿再设计创作的“班级网站”进行评分，考核学生的实践与动手的综合能力，对学生进行合理的评价。

成绩评定 按出勤率、模块作品成绩、成熟作品成绩加权考核。

结语

在“网页设计与制作”课程案例的课堂教学中，笔者采用的是兴趣教学和让学生贴近实战的方法，以保持学生对知识探索的兴趣并提高学生的动手能力。这种教学的重要前提是要设计一个好的案例，“好”的标准是内容贴近学生的学习生活、设计难度又适合他们的实际水平，“班级网站”这一课程案例便是好案例之一。此外，在教学过程中，笔者为学生提供了十分丰富的信息资源，教会他们信息资源该如何收集、从哪里获取、以及如何有效利用等知识。

参考文献：

[1]刘瑞新.网页设计与制作教程[M].北京：机械工业出版社，2010.

[2]唐乾林.网站界面设计案例教程[M].北京：机械工业出版社，2011.

[3]尚俊杰.网络程序设计——ASP[M].北京：清华大学出版社，北方交通大学出版社，2009.

[4]赵丰年.网页制作三剑客操作互动[M].北京：人民邮电出版社，2011.

[5]赵丰年.网页制作技术——Dreamweaver Flash Fireworks[M].北京：人民邮电出版社，2003.

[6]马月.网站界面设计[M].北京：北京理工大学出版社，2006.

篇6

本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。

关键词：

网页设计与制作；课程；教学改革；策略

随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

1《网页设计与制作》课程教学存在的问题

1.1学生学习被动

长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

1.2学生动手能力较差

在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

1.3缺乏沟通

首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

2《网页设计与制作》课程教学改革的策略

2.1重新定位课程教学标准

首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

2.2优化教学内容

《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

2.3更新教学模式

高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

引用：

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)

篇7

关键词：教学内容；选取流程；针对性；适用性

中图分类号：G642文献标识码：A文章编号：1009-3044(2011)27-6705-02

自2010以来，我们先后对广州鸿城科技有限公司、南昌瑞道信息技术有限公司等十几家企业的“网站设计与开发”岗位进行问卷调查，经过调查发现：很多毕业生对工作环境适应能力不强，对胜任岗位的能力存在一定差距，存在眼高手低的现象，常常工作不到三个月就不辞而别，而企业又招不到理想的人才。身为职业教育工作者，针对这一现象，我们必须进行深刻思考，深入研究高职教学规律，积极探索高职教学改革。

随着市场对人才需求的变化，高职原有的教学模式已经不能很好地适应社会对职业教育的需求，要培养出深受企业欢迎的技能型人才，高职教育教学改革势在必行。在充分调研市场对“网站设计与制作”这一岗位任职的要求后，《网页设计与制作》课程采用了理实一体的教学模式。“理实一体教学”将理论和实践高度统一；使教学更加形象、更加直观、更加易学；使学生既掌握够用的理论知识，又具备娴熟的实践操作技能，还具有可持续发展的潜能。但如何选取、优化《网页设计与制作》课程教学内容对理实一体教学模式的成功实施，起着至关重要的作用。

1 理实一体教学模式下教学内容选取

1.1 教学内容选取的指导思想

依据高职计算机应用技术（网站建设方向）人才培养目标、从计算机专业群未来就业岗位的实际需求出发，统筹考虑选取课程教学内容。以网站设计与开发技术的岗位任职要求，参照网站设计与开发职业的资格标准，不断改革与创新课程体系与教学内容。

教学过程中按照以“职业岗位工作过程为导向”，“以职业能力培养为课程核心”，“以教师为主导、学生为中心”的理念进行课程设计，以实际工作任务为载体组织教学内容，不断创新与改革教学方法和教学手段。

1.2 教学内容的针对性与适用性

1）深入职业岗位调研，掌握一手资料

要确保理实一体教学达到预期效果，科学选取与优化教学内容使其具有针对性、适应性显得尤为重要。为此，课程组要广泛深入区域内典型的企业、校外合作实训基地，对与课程相关的职业岗位进行充分调研，从企业领导者、中层管理者、技术骨干及生产一线人员获取第一手资料。分析了解网站建设与开发从业人员在知识、能力、素质方面的要求，根据掌握的一手资料，选取与优化课程教学内容，使课程教学内容真正贴近企业、紧跟行业发展，达到学以致用的目的。

2）以胜任岗位为目标，有效确保教学内容的针对性与适用性

通过调研，明确了学生通过对该课程的学习，能够熟练掌握网页制作工具（Dreameweaver或FrontPage），掌握网页设计语言（Html、或JavaScrip或VBscript），在网页中设置特效，设置网页颜色、文本格式和列表，熟练掌握网页中颜色值的配置和背景图案的设置方法，熟练掌握字符、超链接颜色的设置方法；掌握在网页中添加CSS、插入动画、声音、多媒体信息的技术；熟练掌握表格的使用，能熟练通过对表格设计来布局网页；熟练掌握Div标签与CSS样式结合，进行页面布局；（增加）掌握框架制作网页的方法，能使用框架设计网页；掌握表单的制作方法，通过表单制作交互式页面；掌握Javascript语言的语法；能看懂Javascript特效网页源代码，并掌握在HTML语言代码中插入网页特效代码;掌握网站管理、网站测试与维护等知识。从而科学选取与优化教学内容，确保教学内容与职业岗位需要的针对性、适用性。

3）教学内容选取流程

依据对相关职业岗位的调查分析，并充分考虑学生可持续发展的要求来选择和构建教学内容体系。在实践教学过程中，课程组有着严谨的教学内容选取流程以保证教学内容的适应性和针对性（如图1所示）。

2 教学内容组织与优化

2.1 组织原则

以“网站开发工作过程”为导向的“模块化为主线”的原则组织教学内容，按照理论以必须够用为度，注重技能培养的原则设计课程内容体系。

将网站从业人员必备的知识和技能分成4个模块进行教学，科学设计学习性工作任务，对每一个教学单元设计了若干个具体工作任务或项目（行动化的学习项目），在任务完成过程中进行教学内容的讲解，同时项目主线中没有牵涉的内容，采用“任务驱动”的方式进行补充讲解。所有内容的安排都围绕学习任务的完成来展开。把教、学、做三者有机的相结合，使工作流程模块化、模块内容案例化，课程考核过程化，理论与实践一体化。

2.2 以四个模块为主线组织教学内容

教学内容紧密结合现代企业建设网站项目的设计流程、网站建设流程，按照项目驱动组织教学内容。根据课程目标能力的要求，教学模块顺序从教学目标的角度出发，整合教材内容，使教学内容体系具有系统性、科学性、连贯性、启发性、实用性。在具体的教学内容组织和形式上，课程组坚持以网页制作技术需求层次为教学单元，将教学内容分成四个知识模块：网站开发基础模块、网页制作模块、网页编程模块、网站管理模块，以四个模块为主线，以提高学生能力为目标展开教学。如表1所示。

3 结束语

在理实一体教学过程中，教师要善于思考，不断地总结，不断丰富理实一体教学的内涵。《网页设计与制作》课程在实施理实一体教学过程中，不断深入市场调研分析，了解网站建设与开发从业人员在知识、能力、素质方面的要求，根据掌握的一手资料，选取与优化课程教学内容，使课程教学内容真正贴近企业、紧跟行业发展，使学生既掌握够用的理论知识，又具备娴熟的实践操作技能，还具有可持续发展的潜能。学生毕业后能很快适应工作环境和胜任岗位，成为社会所需的合格人才。

参考文献：

[1] 王冬.网站开发与网页制作网络课程设计[J].电脑编程技巧与维护,2010(2).

篇8

关键词:网页制作 课程改革 项目教学 个性化教学

一、互联网行业的潜在需求

在互联网时代,新兴行业层出不穷,例如新媒体、电子商务等新型传播方式和商业交易模式,为经济发展注入了新的动力。而不少传统行业也逐渐淘汰落后产能,引进各种新型电子智能技术和设备,纷纷建设电子信息网络平台与管理系统,以实现高效便捷的管理,并且极大地提高了生产效率。

二、网页设计与制作课程的发展现状和培养目标

(一)网页设计与制作课程的发展现状

在以往的教学过程中,教师往往只是从课本知识入手,着重传授相关概念和理论,而对于软件的操作,采取“为教而教”的方式,对学生的培养重在使用,而非实用。如此教学的结果是,学生虽然掌握了基本的软件操作方法,却只是停留在“知其然而不知其所以然”的阶段,一旦面临企业或者用工单位指派的实际任务,就会陷入一筹莫展的境地。究其原因,仍然是老师的作用没有充分发挥,没有培养学生良好的设计和规划意识,致使学生没有建立起完整的作品概念,更不用说创新意识和能力的培养。因此,应当明确的是,课程内容的教授应是“设计”与“技术”并重,甚至将设计理念提到更加重要的位置,让学生真正意识到开发与设计的重要性,培养独立设计与制作的能力,达到作品所应有的功能和视觉效果。

(二)网页设计与制作课程的培养目标

新课程教学目标中明确规定,我们应该确立以学生为主体的意识,明确以培养学生的实际动手能力和操作技能为教学目标。这样才能保证教学的目的和意义的实现。

网页设计与制作课程的教学就是面向实际应用,解决实际问题的实践活动,在教学过程中,老师和学生都应该具备目标意识和创新意识,在软件和网络知识的运用过程中,在实际问题的解决和网页的设计操作中,提高学生的网页设计技能和综合素质。倡导运用不同方式和灵活运用各种工具、寻求最佳途径的轻松活泼的教学,让学生参与到教学活动中来,提高学生解决实际问题的能力,培养学生的创新能力、服务意识和团队合作精神。

三、新形势下课程改革的新思路

互联网行业是近年来发展最为迅速的行业,也是自身更迭和淘汰速度最快的行业。顺应知识爆炸时代的需求,互联网行业的特点就是新鲜、快速和海量信息,而作为互联网依托之一的网页自然也要跟随时代潮流而变。作为新时代的技能型行业,网页设计与制作要求将最新的知识和科技融汇进来,才能保证不被淘汰。

(一)项目开发教学

1.协调好理论课与实践课的关系

任何学科的教授都是理论与实践相统一的整体,任何一方都不可偏废。但是对于注重实际能力的设计与制作课程,可以将理论的传授更加实用化。

2.案例教学或项目式教学

以案例或项目开发为教学载体,既生动活泼,同时在潜意识中培养了学生解决问题的意识和能力。

(二)打造学生的展示平台

利用学校的资源优势,为学生打造一个成果展示平台,促进学生间的互动和交流。利用每堂课的任务教学或者教学实例,引导学生开动脑筋,去寻求最优解决方案,并且满足他们展示与交流的愿望,建立一个开放活跃的学术氛围。

四、结论

综上所述,网页的设计与制作本身就是生动而充满乐趣的课程,教学的目的就是要让学生真正在实践中运用相关的软件和技术知识,并且在运用和实践的过程中锻炼思维,提高解决实际问题的能力,从而顺利走上就业岗位,成为实用型的技术人才。

参考文献:

[1]杨森,刘潇潇.网页设计与制作课程教学改革的研究与探索[J].办公自动化杂志.2010.(03).

[2]磨曙明.网页设计与制作课程中项目教学法的运用[J].新课程.2010.(05).

[3]敖冰峰,乔阳.“项目教学法”在网页设计与制作中的应用[J].科技创新导报.2010.(17).

[4]蒋红,包松颖.高职网页设计与制作课程的教学思考[J].宁波教育学院学报.2010.(06).

篇9

如今社会各界对人才的要求正在不断提高，这就使得高校必须对教学方式做出改变，否则很难使学生适应当代社会的发展要求和发展趋势，网页设计与制作作为我国高等院校及中职院校中的重点专业之一，如今如何提升该专业学生的能力也已经引起了社会各界的广泛关注。本文通过查阅相关资料，简要介绍了项目教学法的特点，并提出了行之有效的项目式教学在网页设计与制作方面的创新措施，以期能够为我国网页设计与制作教学方面的发展提供有价值的参考。

关键词：

项目式教学；网页设计；网页制作；方式创新

前言

随着社会的不断进步，科技的不断发展，我国各个领域都得到了很好的发展，尤其在计算机技术得到普遍应用之后，经过多年发展其已经具备了多种形式，而网页设计与制作在近年来更是受到各个行业的青睐，并且其如今在高校教育中也占据着十分重要的地位。虽然近年来我国不断在进行教育改革，很大程度上促进了学生的全面发展，但在教学过程中依然会受到传统教育理念和教学模式的影响，使得网页设计与制作专业的教学成果大打折扣，而项目教学法是目前最佳的教学方式之一。

1项目教学法的特点

项目教学法在我国教育中所应用的领域并不多，近年来其一直活跃在网页设计与制作专业的教学中，通过对教学情况分析可以将项目教学法的特点归纳为以下几点：①具有实践性，项目教学法主要是教师对学生布置项目任务，并向学生做出充分的解释，而该类教学任务通常与真实世界有直接的联系；②具有自主性，在应用项目教学法的过程中，学生可以根据自身特点、自身学习现状以及兴趣所在来选择相应的任务；③具有综合性，若要独立完成项目教学法中的项目任务，需要将多种学科知识以及能力结合到一处，这对于促进学生全面发展可以起到很好的作用；④具有开放性，教师在向学生布置任务后，并不会限制学生的完成方法，学生有足够的自我展示空间和机会，有助于提升学生的创新能力[1]。

2项目式教学在网页设计与制作方面的创新措施

2.1注重项目的选取

网页设计与制作如今在各个行业中都发挥着十分重要的作用，众所周知，校园教育中通常会受到教学设施不完善或其他因素的影响，而导致教学效果不佳，因此在网页设计与制作专业的教学中，应尽量避免发生此种现象，因此在选取项目时应尽量考虑到该项目是否具有可行性，同时也要考虑到学生的自身能力、擅长的领域以及今后的就业方向等，毕竟在项目教学法中首要任务是为学生选择项目，否则很难开展下一步工作，另外，为了能够使学生提升创新能力，教师可以在布置项目时为学生介绍更多的思路，如此一来学生可以采取多种方式来处理同一项目，对于提升学生的综合能力来说可以起到很好的作用[2]。

2.2丰富评价机制

由于受到传统教育影响，我国教师在评价学生表现时通常以学生最终的学习成绩为标准，但此种评价对学生而言并不公平，并且也不符合当代教育理念，因此在今后的教学中应丰富评价机制，尤其在项目教学过程中，不应只是将目光集中在结果上，应多多关注学生处理项目的过程，根据学生不同阶段的表现对其进行评价，或增加小组评价、自我评价等方式[3]。

2.3优化教师队伍

项目教学法以及网页设计与制作专业在我国教育中存在的时间均不长，这也导致了我国缺乏该专业的精英教师，同时也缺少可借鉴的优秀教学经验，这就使得教师必须不断丰富自身，提升自身教学能力。高校除了提升本校教师综合素质及能力外，也可以尝试引进该领域的优秀人才任兼职教师，或聘请其成为学生的专业教师，全程参与项目的选择、项目讲解以及项目指导和评价等环节，在此过程中不仅学生能够得到更好的指导，教师也可以在潜移默化中提升自身教学能力。

2.4注重时效性

如今社会发展速度飞快，而学校教育通常很难跟得上时展的脚步，尤其在教学材料以及教学设施方面，因此今后相关教师应多多关注网页设计与制作专业的应用领域，并针对其展开充分研究，明了该专业对人才的最新要求，并根据实际情况来开展项目教学，积极更新教育理念以及教材等，避免学生在项目过程中取得了良好成绩，却已经失去了效用的情况出现，否则不仅容易打击到学生的信心，还会影响学生今后的就业问题[4]。

2.5积极开展创新项目

如今社会需要的是全能型人才、创新型人才，在项目教学中也应充分考虑到这一要求，以此来促进学生的全面发展，如在教学过程中开展项目赛，根据学生自我意愿将学生分为若干个小组，根据各个小组的实力已经设计方向，为学生布置不同的项目，此种方式不仅可以丰富教学方式，促进学生间的情感交流，也能够使学生在交流中获得更多灵感，并且，网页设计与制作对于很多大项目而言均需要以团队的形式开展，在项目式教学中开展团队项目对学生而言是十分必要的。

2.6注重项目过程

项目教学法的教学重点在于通过处理不同的项目来提升学生的专业能力，在学生独立处理项目的过程中势必会有各种各样的疑问以及问题出现，成功处理此些问题能够很大程度上提升学生的能力，因此在教学过程中教师应更专注于对学生进行过程指导，使学生能够根据教师的指导以及自身领悟能力和专业能力，不断提升网页设计与制作的能力。

3结语

综上所述，项目式教学在高校网页设计与制作专业的教学中可以起到至关重要的作用，不仅可以使学生充分具备将理论与实践结合的能力，还能够在教学过程中锻炼学生独立处理项目的能力，同时对提升学生创新意识和创新能力等方面也能起到很好的推动作用。目前项目教学法已经在网页设计与制作专业的教学中得到了广泛应用，虽然取得了不错的教学成果，但依然有很大的上升空间，因此相关机构和人员应加强对此方面的研究和实施力度，使项目教学法在该专业教学中发挥更大的作用。

参考文献：

[1]屠燕飞.项目式实验教学在网页设计与制作课程中的应用[J].职业，2016，12（02）：72~73.

[2]蔡燕敏.网页设计与制作课程中的项目式实验教学[J].实验科学与技术，2015，03（03）：123~125.

[3]吴海生.基于项目驱动的《网页设计与制作》课程教学的改革与实践[J].电脑知识与技术，2013，23（11）：5319~5320.

篇10

关键词： 《网页设计与制作》 教学有效性 专业技能 提高

21世纪是网络、信息的时代，随着网络发展的日新月异，互联网给人们的生活带来了一系列根本性的变化。网络的迅速发展和普及也同时酝酿出一个全新的设计领域――网页设计。在目前的各种院校的计算机相关专业中，网页的制作与设计成了一个必须要掌握的专业技能。但事实上，很多计算机专业中职毕业生的计算机水平还只是停留在很低的层面上，再加上用人单位对计算机从业人员的要求越来越高，使他们很难能满足市场竞争的需要。造成这一结果的其中之一的因素就是我们现行的教学方式方法过于陈旧，提不起学生学习的兴趣，甚至是让学生产生厌学心理。作为一名工作在教学第一线的老师，我们有责任去思考如何提高教学的有效性。在此我根据自己这几年的教学实践，谈谈如何提高《网页设计与制作》教学的有效性。

一、确立正确合理的教学目标

网页制作这门课程对学生来说是个比较陌生而好奇的项目，他们都希望自己能通过这次课程的学习来获得一个新的技能，制作出漂亮的网页来。一直以来，我们对于《网页设计与制作》这门课程制定的教学目标都是：让学生熟练掌握网页制作技能和技巧，也就是能够跟着老师一步一步走下去。这样学完之后，我们从考核结果来看是不差。但是我们却忽略掉了一个很重要的能力，就是设计能力，网页除了制作能力之外，更应该重视的是设计能力。很多学生在学完课程之后，如果老师布置一任务，要求自己找资料，独立完成一个网页，这时候往往无从下手。所以新学期我制定的课程目标是：了解熟悉网站的开发流程，能够根据任务的不同来设计网页，学会网页制作的技巧，利用网页制作工具制作出自己设计的网页。

二、学习网页制作工具及美化工具并重

在工具软件的选择上，我们的原则是选择最流行的，因为流行的软件一般用户多、功能强、有生命力。网页制作一般需要网页制作软件、图像处理软件和网页动画制作软件的配合使用。

用于网页制作的最为常用的专业级的软件是FrontPage和Dreamweaver。这两个工具软件都提供了图形化的设计界面，FrontPage重视网页的开发效率、易学易用的引导过程，适合于网页设计的初学者；而Dreamweaver主攻的是网页高级设计市场，适合专业的制作人员使用。鉴于Dreamweaver在网站管理和网页编辑方面的卓越表现，我们采用它作为课程用软件。

三、教学过程中设计好实例

在本课程的学习中，任务驱动法是比较适合的。学生在完成一个一个的实例过程中，会获得成就感、满足感，也就有了继续学习的兴趣。选择和设计教学实例的目的是为了使学生掌握网页设计的理论知识，提高学生设计和制作网页的实践能力。网页实例的设计除了具有明确的目标外，还应遵循由浅入深、循序渐进的原则，同时考虑分散知识点中的重点与难点、知识的前后序关系等。一个教学实例的难度对教学效果影响也比较大，在实例设计过程中，我们要注重网页设计基础知识与基本技能的训练，应避免重点与难点过于集中而导致的学生兴趣下降和产生畏难情绪。比较妥当的实例难度是大部分学生能做出来，但又存在一点点疑问。同时实例的设计应尽量结合网页设计的实际应用，这样可使实例既有新鲜感、可操作性又具有趣味性。

因此，我们在选择和设计教学实例时应注意：（1）实例必须具有教学性：通过直观的网页实例可以形象生动地展示学习的目标，能使学生的明确所学知识的实用价值，从而提高学生学习的兴趣和积极性，这也是运用实例教学的主要目的。教师要根据教学内容及目标要求来确定每个网页实例，因此选择实例应紧扣教材和教学大纲，使其具有教学性，能为教学目标服务，更要符合教学的需要。（2）实例必须具有典型性：所选择的实例要能充分地考虑理论知识点和操作技能等学习目标，应遵循由简到繁，由易到难，循序渐进的原则。所选择和设计的网页教学实例要能突出重点，突破难点，真正起到帮助学生理解如何制作和设计网页的作用。（3）实例还必须具有针对性：选择和设计的教学实例应针对学生的实际兴趣和接受能力来选择。这样学生就会学得兴致盎然，轻松愉快，教师的点拨也易明易懂，事半功倍。

四、注重HTML语言教学

无论什么类型的网页，其基本结构都是HTML标记，所以认识、了解HTML标记的含义是非常重要的。认识HTML代码，在一些必须要修改HTML代码的情况下（如添加网页特效的Javascript代码、添加背景音乐时）就不会感到无从下手，也为动态网页的学习奠定基础。而往往教师认为学生对于计算机语言的学习不感兴趣，也没有一定的基础，所以对这一部分常常忽略掉，这其实是做网页中的大忌。本学期，在网页制作的讲解过程中，我将HTML语言带入到教学过程中，先教会学生如何来看懂HTML语言，然后让学生再根据原有的HTML依葫芦画瓢地自己编写HTML语言，最后达到能够自己编写简单的HTML语言的目的。

五、加强团队协作

在给学生实践操作过程中，教师可以使用学生独立完成任务与团队完成任务相结合的方法。对于一些比较简单的任务，我们可以要求每一位学生独立完成。而对于一些较大的任务，则采用学生互相帮助的方法。由学生自主选择为主，加上老师的一定的调剂，最终由2到3名学生组成一个小团队，教会他们分工组织的方法，让他们自己去设计网页，鼓励学生到网络上搜索素材或自行设计素材，最终完成各个页面。以前我在教学中，很少去开机房的网络，主要担心学生在网络上聊天、打游戏。但是本学期我在机房中将网络开下来之后，发现打游戏、聊天的情况甚少，主要是因为学生有事情可做了，他们团队之间会互相监督、互相帮助，而且不同的团队之间也会有比较、有竞争。这样可以大大提高学生学习的效率。学生在学习到技能的同时，也学会了怎样来与人交流、沟通。

六、设计合理的评价手段

传统的考试方式很难真正进行有效的考核。因此，我们进行了考核方法的改革，首先采用常规的笔试、上机操作，考核学生掌握基本知识、基本技能的情况，还采取口试，考核学生对整个项目开发的思路及开发方法，同时考查学生口头表达能力、与人沟通能力。最主要的考核是以项目最后实现的效果及每个人完成工作量的情况、完成工作的质量及效率进行评分，由项目小组与教师共同打分。采取的形式有学生相互评价，小组评价，通过学生在小组中的表现，完成任务的情况，在小组中的表现进行评价。我要求学生在交流评价的基础上对自己获得的材料和做出的作品进行检验，验证自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。

通过这次教学实践和反思后，我感觉教学方式不能完全照搬以前传统的教学模式，在新时期下可以利用更为丰富的教学资源――网络来进行教学。在以大力培养中职学生动手能力的前提下，大胆对传统教学方式进行改革是可行的。世上没有最完美的教学法，只有不断完善的教学法；没有一成不变的教学策略，只有不断改进以切合学生学习实际的教学策略。多对自己的教学过程进行自我反省，以就业为导向，旨在解决问题，能够使教师成为动脑筋的教师。通过自我反省，我们能增进对课堂，教学问题的认识，从而改进教学方式，提高教学效率。

参考文献：

［1］张阁林.网页制作技能教程.北京：电子工业出版社，2007.