网页设计与制作

摘要网页设计与制作是一门综合性、实践性很强的计算机应用课程。本课程教学的主要目的在于培养学生的实际动手能力。如何将多种学科知识有机结合，采取有效的教学方法和手段培养学生实际动手能力和创新能力是素质教学改革的关键。文章首先分析了本课程的教学现状，指出本课程教学中经常遇到的一些问题，然后分别从如何激发学生兴趣，合理安排教学内容，考核评价的改革等方面对教学方法做了思考和探讨。 中图分类号：G423 文献标识码：A 当今社会，上网已成为一种习惯。人们从网上传播和获取信息，而网页则是信息的基本载体，越来越多的人开始在网上进行通信、工作、购物、娱乐，甚至在网络上建立自己的网站。于是，网络的迅速发展和普及酝酿出一个全新的领域——网页设计与制作。一方面，人们认为设计和制作网页是学习网络相关知识、学习信息传播、电子商务和网络创业有效途径；另一方面，各公司、企业、事业单位在当今的信息化革新和互联网战略中迫切需要吸纳大量懂得网络相关知识、有网页设计和制作经验及能力的人参与其中。因此，很多高等学校和高职院校都相继开设了网页设计与制作这门课程，以适应社会大众对人才的需要。目前，《网页设计与制作》课程是计算机、电子商务等专业的主干课程，但很多其他专业也把他作为公共基础课或素质选修课来设置，目的是希望让学生了解甚至掌握网络知识、网页的本质，以提高计算机应用能力和综合素质。 1 课程教学现状

以电子商务专业为例，本课程的主要任务是介绍网页设计、网页制作的基本知识、基本课论和基本应用等方面的内容。学习本课程的目的是希望学生能通过学习，首先能对网页制作有个较全面的了解，其中包括HTML基础知识、能通过Dreamweaver进行简单的网页设计，能利用Fireworks、Photoshop等工具处理简单的图片。同时更深入的可以掌握一些JavaScript基础知识，动态网页设计，再加上一些网站配置和数据库相关的知识等。总的来说，这是一门需要兼顾一定的基础理论并实践性很强的课程，它要求学生最终要由一定的实践动手能力，并能独立制作一个简单的网站，所以，教学上经常会遇到一些问题：

（1）本课程的实践教学受各院校上机条件或实验条件的影响较大。本课程要求有接近一半的课时是上机课时，但上机教室往往难当负荷；（2）各专业对本课程的要求有较大的差别，学生专业基础不同，水平差异大；（3）教学内容较广，实用软件较多。这门课应有计算机基础、数据库应用等课程作为前驱课程做基础，但教学计划并非如此；（4）欠缺有丰富网页制作经验的教师；（5）某些学生对制作网页并无兴趣。 2 教学方法的思考

2.1 激发学生兴趣，引导学生主动学习

（1）上好第一节课，激发学生的学习热情。兴趣是学习的最大动力。上好Dreamweaver的第一节课——网页欣赏课十分重要，它能使学生对这门课有一个整体的认识，让学生了解使用Dreamweaver进行网页制作可以在顷刻之间完成许多令人惊叹的效果。同时也能开阔视野，提高欣赏力，增强学习的信心，为下一步的学习奠定良好的基础。

（2）案例教学，通过适当的案例来激发是按部就班的根据教材来教学，学生的兴趣。充分合理的运用案例教学，将会让学生更愿意主动的来学习网页制作这门课程。对于一般的网页制作这种课程来说，很多老师采取的是按部就班的根据教材来教学，在日常教学中我们发现如果任课老师长期这样教学的话很容易让学生感觉到枯燥甚至开始抵触学习。因此作为教学工作者应该主动来避免这种问题的发生，特别是对于网页制作这门课程，教师可以利用大量的实际案例来引导学生。比如可以让学生去访问相关的网站，然后在课堂上可学生讨论，并尽量的引导学生有意识的思考，别人的网站为什么要这样设计，好处是什么？同时有没有可

以优化的地方？总的来说网页制作与设计这门课程不应该拘泥于教材而应该充分利用案例教学，特别突出在引导和激发学生兴趣，让学生自然的区主动学习。 2.2合理安排教学内容，要与时俱进，详略得当

教学内容的安排由易到难、由浅到深，并且详略得当。网页设计与制作的教学内容大致分为三个阶段。

（1）第一阶段，即初级阶段。通过这一阶段的学习，学生能够制作出简单的网页、网站，能把各种现成的素材放到网页中，制作成一个个网页，并能在网页中对这些内容进行简单的排版，且能将些网页链接起来，构成一个完整的网站。这一部分是学好以后网页知识的基础，也可以说是这是学生学习网页制作的入门阶段。（参看图1） 图1网页设计与制作教学初级阶段内容

（2）第二阶段，我们称为中级阶段，就是对网页的美化和规划设计，包括各类素材的处理，网站整体的色彩搭配、页面的布局、栏目的规划，使学生能根据已经掌握了的Flash和Photoshop的基本知识，对自己做的网站进行设计美化。（参看图2） 图2网页设计与制作教学中级阶段内容 在这个阶段，教师需要注意的是：在网站设计上应提供给学生各类优秀网站让学生自我体会、感悟，教学中教师应该根据学生所做作品的特点有引导性地让学生学习某些符合他自身特点的色彩搭配和网页布局，并设计出有自身特点的作品。不能简单地给出一个或几个模板套路，这样只会束缚学生的思想，限制他们发挥自己的创造力。

（3）第三阶段，也称为高级阶段。这一阶段是使学生掌握网页特效的制作和中小型网站的建立方法，学习除了能让网页更有技术含量、更有动感外，还能掌握中小型网站的建立方法，同时也为基于后台数据库的网站制作打基础。（参看图3） 图3网页设计与制作教学高级阶段内容

在这三个阶段进行的过程中，教师除了让学生不断学习新知识，还要不断地复习已学知识，每一教学单元结束后，都要开展综合实践课，将新旧知识融会贯通，综合运用。

另外，值得一提的是，互联网是在不断发展的，在发展的过程中肯定有很多新技术的融入，在教学中，也应该对这些新的知识有所讲述，教学一定要与时俱进。 2.3 HTML代码要与实际操作相结合

目前很多网页制作类教材都将HTML标记为一个独立的章节都讲授，这种简单的介绍标记符的讲解方法很容易让学生感觉是在听一门文科课程而渐渐失去兴趣。而在实际授课过程中我们可通过结合实际需求来讲解，通过对每个元素如表单、超链接、图像、表格等来讲解，再结合软件自己生成的源代码以及我们设计这部分代码的目的，这样学习的效果显著得多。这里我们那表单的制作为例，其实表单的制作本身并不太复杂，但是实际中表单的制作往往是和动态程序在一起去实现一些我们所想达到的目的的。有的是为了进行搜索、哟的是为了注册信息、有的可能是为了返回某个特定值等等。那么在授课的过程中就我们可以结合这些实际需求来讲解，这样学生可以带着乐趣来学习我们一直认为比较枯燥的HTML标记了，同时是学生更容易理解和掌握教师讲授的知识。 2.4任务驱动促使学生能够自发的主动学习 在教学过程中，为了能帮助学生很好的完成目标，我们可以通过组织一个大的建站实例来贯穿到整个课程的教学中。这个实例首先从需求分析开始，逐步扩展到设计页面、整体框架的搭建、素材的添加、图片、动画和一些特效的制作等。在整个教学过程中，循序渐进的深入任务，直到最后学生们通过自己的努力完成任务。这种任务驱动的模式，在网页制作这门课程中可以让学生学习起来更有目的性同时又因为是以实际为样板，能让学生足够的锻炼了自己的动手能力，从而做到了从书本中学来的用到实际工作中去。 2.5有效利用网络资源，培养创新意识

学习不能只知道书本的知识，更应该放眼于现实。网页制作的最终目的是为了在互联网上进行信息的发布、交互以及共享的。因此在平时的教学过程中教师应该充分发挥互联网的作用，多多鼓励和引导学生主动思考主动通过互联网去发现问题并解决问题，同事能够互相交流，进而做到取长补短，共同学习，共同提高。 2.6考核评价改革

拥有一个好的考核方式，既可以较全面、真实地反映学生的学习情况，且更有利于刺激学生的学习积极性。网页作品需要体现的是学生创造性和创新性，该课程可以采用展示作品的方式检验学生的学习成果，脱离理论试卷的束缚，使学生的创造性得以有效发挥。但作为教师不能只依靠作品就轻易判断学生的学习情况，更应该考虑到学生的学习过程，多鼓励学生注重细节一步一步提高自己，在实际教学中，这种考核模式往往能让有很多想法但动手能力相对滞后的学生逐步提升自信心，甚至某些同学到后期设计出令人刮目相看的作品出来。 3 结语

通过实践证明，具有针对性的教学内容可以很好地避免学生学习的盲目性，分级分阶段的上机实验课程和适当的案例教学法能极大的调动学生学习的积极性从而激发学生的学习兴趣，同时提高课程的教学效果。除了进行教学方法改革外，还要加上学校各部门、教师和学生的共同协作和支持，才可能真正提高网页制作课程的教学质量。