网页制作与设计大全11篇

绪论：写作既是个人情感的抒发，也是对学术真理的探索，欢迎阅读由发表云整理的11篇网页制作与设计范文，希望它们能为您的写作提供参考和启发。

篇（1）

网页制作课程包括设计软件的学习和设计技术的学习两部分。一般高校的计算机技术管理等专业都会设置一定的网页制作课程来提升学生的网络技能。

在课程设置上，一般院校都会在学生进入大二后开设网页设计课程。主要原因是，网页制作包含了较多的网络技术语言，且考查到了学生对信息、设计的知识的综合应用，需要在大一阶段打好理论、技术的基础。

网页制作课程的教学内容主要包括程序设计语言、数据库原理等。其中程序语言包括了C语言，C++语言，Java语言等，数据库原理则分为Access数据库基础，VFP数据库基础等内容。学生可以根据自己的专业情况和学习进度从中做出选择和组合。

2.教学目标

网页制作课程的总体教学目标是，使学生通过对相关网络技术基础内容的学习和实际的上机操作，掌握一定的网络技术应用能力，并在此过程中培养学生的自主创新能力和团队协作精神。其中具体的教学目标有以下几条：

2.1 知识目标

在进行网页制作前首先要掌握一定的网络基础知识和软件操作流程。例如Dreamweaver是网页制作中十分常用的一种软件。在进行网页基础知识的学习时要对软件菜单栏、工具栏等项目的操作方法进行熟练掌握。对于一些基本的编辑、排版技术也要做到有一定的了解。具体应掌握的技术有表格绘制、排版的技术，动画、音频的处理技术，网页编辑、链接的技术，图形绘制晕染的技术等。

2.2 技能目标

技能目标主要指根据现有的网页内容，通过模仿、修改等方式初步完成网页的制作。在网页中应包含一定的解释、说明文字，与文字相对应的图片、符号及一定的动画、切换效果等。在进行网页内容的排版时，可借助一定的表格划分内容结构和层次，还可给网页配上一定的背景图片和音乐以丰富网页内容，增加网页的观赏性和完整度。

2.3 情感目标

情感目标主要包括学生在进行网页制作时培养的团体合作、自主创新及操作动手等能力。与此同时，学生在学习网页制作的过程中也相应地提高了鉴赏能力和学习能力，给未来的职业发展打下了一定的基础。

3.网页制作课程的内容

网页制作课程的教学内容主要包括网站制作基础知识、网页制作、网页特效、网页图像处理和动画制作等四个部分。其中，网站制作部分会涉及到网站和网页概念的区分，网站设计语言等内容;网页制作则会应用到Dream Weaver，FrontPage等网页制作软件;在网页特效部分，会着重介绍JavaScript、Gif图片的制作;在网页图像处理和动画制作上则会应用到Photo Impact和Flash动画制作软件。

4.网页设计课程的设计思路

尽管我国许多高校都开设了网页设计这一课程，但由于课程设计、操作设备等条件因素的限制，其实施效果并不理想，制作出的网页也难以达到实际使用标准。造成这一情况的主要原因有两个。首先是网页色彩的搭配不符合审美的要求，其次是网页内容的安排缺乏一定的合理性和规范性。网页设计课程的作用就是帮助学生在审美、设计等方面获得全面的提高和成长，因此在设计教学内容时，必须综合考虑到各个方面，设计出相对科学、高效的网页设计培训课程。

在教学进度的设置上，可以采用分部教学的方式，将一些具有难度的项目分解为几个部分进行教学。例如几个网页制作软件的应用，对于初学的学生而言具有一定的难度，教师在教学时可以先从基础知识入手，使学生对软件的用途有一个整体的把握。其次，在分部讲解软件中所包含的功能，使学生在实际操作中逐渐掌握软件使用的方法。

课程设计必须充分遵循学生学习、进步的一般规律，切实提高学生网络技能。为达到更好的教学目的，教师在教学时应注重根据学生的学习兴趣进行教学安排，充分激发学生的学习动力，提高学习效率。同时，在教育形式上也可进行一定的创新，充分利用网络资源，为学生提供更多的学科信息。在学习不同内容时，也应采用不同的教学模式。例如在学习网页制作的相关理论知识时，要注重教学语言的简洁、生动，使学生能在短时间内理解网络应用语言和网页图像符号;在网页制作过程中，应着重培养学生的自主创新能力和编排规划能力。在设计网页内容时充分保证学生的自主性，让学生根据自己的审美情趣和专业技巧对网页内容进行安排。教师在这一过程中主要起到引导作用，在学生遇到技术性困难时给予一定的指导和帮助，使学生能在具体的操作过程中，培养起一定的自学能力和创新能力。为提高学生的相互协作能力，教师还可建立合作小组，对一些重点难点的内容进行小组分工。在具体实施工作上，则由小组组员自主安排，在保证了小组合作的同时，也强调了学生学习的自主性。

5.教材分析

篇（2）

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）31-0176-02

The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"

XUE Hui， YANG Xiao-feng

（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）

Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.

Key words： web design； teaching； model； design

1 《网页制作》课程在计算机类专业课程中的地位和作用

如今网络在人们的生活中占据了越来越重要的地位，网页制作技术作为建设网站的基础技术也展现了越来越多的应用，企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课，通过该课程的学习，使学生全面建立对网站的认知，学会网页制作和网站设计的基本方法，熟悉网页制作与网站设计的基本概念和理论，掌握网页制作的操作方法和制作技巧，使学生具备设计、开发、网站的能力，加强学生的实际动手能力和解决问题的能力，为以后激烈的就业竞争打下坚实的基础[1]。

《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习，可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求，也可以解决《》课程中对网站前台界面的设计和制作需求[2]。

2 《网页制作》课程具有易于掌握、难于精通的特点

《网页制作》课程属于操作设计类计算机课程，和《计算机基础》等课程不同的是，在简单的操作背后隐藏着许多深层次的制作技术和操作技巧，学生学完课程之后，往往只掌握一些简单的操作，只懂得一些简单的技术，对于复杂的技术和深层次的制作方法一窍不通，做出的作品只能达到实习生的水平，无法达到应用型人才所需要的技术水准，无法满足企业对人才的需求[3]。

造成这种情况的原因是，《网页制作》课程涵盖内容广，技术层次深，制作技巧多，具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难，要提高教学质量，必须克服这个困难。

3 针对《网页制作》课程特点的“精讲热练”的教学模式

3.1 针对《网页制作》课程易于掌握，难于精通的困难的解决办法

1）把宝贵的课堂时间更多的用在讲授深层次的制作技巧上

《网页制作》课程总的教学时数是有限的，为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧，就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的，对于简单的操作、简单的制作方法大略讲一下就可以，而对于复杂的操作，学生难于掌握的技术可以使用更多的时间来教学。

2）由讲授和实践分开上课转变为在机房统一上课

传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授，然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔，对于简单的操作影响不大，但对于复杂的操作，学生常常就忘记了操作步骤。课堂讲授内容较多时，学生甚至会把不同功能的操作相互搞混。

为了使学生能够掌握深层次的网页制作技术，需要改变传统的教学模式，更多地采取互动模式，以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行，教师通过机房的同步授课软件讲解、演示，讲完之后学生立即练习，打破理论教学和实践操作的时间间隔，使学生通过亲自操作快速掌握相关技能。

3.2 “精讲热练”的教学模式

针对《网页制作》课程易于掌握、难于精通的特点，本文提出“精讲热练”的教学模式，与传统的教师先在多媒体教室讲授，然后学生在机房上机实践的教学模式不同，这种教学模式把讲授和实践结合在一起，统一在机房授课，如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧，对于简单的操作、简单的制作方法大略讲一下就可以，此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点，然后学生立即练习，练完后教师再讲下一块知识点，讲完之后学生再练，反复循环，循循善诱，使教师讲授和学生实践之间没有时间间隔，此为“热练”。精讲热练、趁热打铁，从而化复杂为简单，变被动为主动，使学生在教师的引导下逐步深入学习网页制作知识，掌握深层次的网页制作技巧。

这种模式的特点是以教师为中心，以学生为主体，把教师讲授和学生练习紧密结合在一起，变学生被动听讲为学生主动参与，创建交互式协作学习环境，加强师生交流和学习[5]，使学生在教师的引导下成为课堂的主人，从而有效提高教学质量。

图1 “精讲热练”教学模式与传统教学模式对比图

3.3 “精讲热练”教学模式的优点

“精讲热练”的教学模式具有以下几个优点：

1）“精讲热练”的教学模式克服了《网页制作》课程易于掌握，难于精通的困难，集中有限的课堂时间用于深层次网页制作技术的教学，能有效提高教学质量，使学生的制作水平和制作技巧达到较高的高度。

2）“精讲热练”的教学模式使教师讲授和学生练习相结合，能够充分营造学生积极参与的学习氛围，有效活跃课堂气氛，增进学生和教师之间的交流[6]，让学生在教师的引导下快速掌握网页制作技术。

3）“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授，不仅增强了对学生的视觉冲击，而且学生可以及时动手实践操作，便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合，形成立体化教学体系[11]。

3.4 “精讲热练”教学模式的教学效果

笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验，一个班采用传统教学模式，另一个班采用“精讲热练”教学模式，课堂教学效果对比如表1所示。从表中可以看出，“精讲热练”教学模式的课堂教学效果明显优于传统模式。

期末进行了总评成绩核定，总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成，其中平时成绩占10%，实践作品成绩占40%，期末考试成绩占50%，总评成绩对比如图2所示。从图中可以看到，“精讲热练”教学模式的总评成绩也明显优于传统模式。

表1 课堂教学效果对比表

[教学模式＼&课堂气氛＼&互动性＼&学生兴趣＼&逃课人数＼&传统模式＼&一般＼&弱＼&低＼&较少＼&“精讲热练”模式＼&活跃＼&强＼&高＼&极少＼&]

图2 总评成绩对比图

4 总结

“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握，难于精通的困难，带动课堂气氛，提高学生参与学习的主动性，帮助学生掌握深层次的操作方法和制作技巧，能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程，在课堂教学上起到示范带动作用，改善计算机教学的教学氛围和教学效果，慧及更多教师及学生。

参考文献：

[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.

[2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛， 2010（35）.

[3] 张辉. 网页制作类课程的教学改革与实践――"先整体、后切分、再拼合"的新型教学法[J]. 佳木斯教育学院学报， 2010（5）.

[4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育， 2014（14）.

[5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报， 2010，29（9）.

[6] 张洪星，褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业， 2007（2）. （下转第179页）

（上接第177页）

[7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报， 2013（5）.

[8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报（自然科学版）， 2014，23（2）.

篇（3）

doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2017. 01. 087

[中图分类号] TP393.092 [文献标识码] A [文章编号] 1673 - 0194（2017）01- 0155- 02

1 前 言

优秀的高校的网站建设和网页设计建设有哪些重要作用？高校网站和网页就是高校最基础的形象窗口。它们主要可以用来打造高校的形象，宣传高校的一些重要的信息，这里面包含了高校所蕴涵的校园文化，高校建校、发展的一切基本情况还有高校里面发生的希望外界了解的一些新闻信息。各种详细的、创新的、更有活力又吸引力的网站建设和网页设计的成果，利用图片和文字的搭配方法、各种信息导航的具体使用、详尽的说明等可以吸引更多搜索高校信息的浏览者，高校的招生在市场竞争里的一个重要方面也是要更为科学地打造自己高校的网站的建设和网页的设计。在市场里获得足够竞争力的高校才能更有利的提高高校的品牌。宣传高校的基本信息，使其能传达给全国甚至是国际上的目标人群，让他们通过浏览高校网站和网页的时候传输给他们高校的品牌形象，让他们更便利的获得高校的信息概况。这既能推动高校被全国被世界更便利地了解，也能够不断地提高自己的校园品牌形象。高校正是利用网络宣传网站和网页，降低高校宣传成本，提高高校竞争力。在传播高校的网站和网页的时候，可通过一些策划的公司帮助锁定目标客户，比如锁定一些需要报考高校的人，将自己的信息进行推送。不少的高校都会将高校网站建设和网页设计信息当成自己宣传招生的重要一方面。也正是因为不同高校都会有自己的办校特色和发展的个性，在以信息宣传和内容创新取胜的时代，网络上网站和网页的宣传就是很重要的一种宣传方式。着可以跨越时空的限制，不用到校了解、也不仅仅只针对当地的受众群，可以让全国甚至世界各处的人了解高校的情况。高校的网站甚至可以丰富高校学生的学习平台，里面有更多的方式可以帮助学生查阅资料，网络资源中高校的网站可以提供非常丰富并有针对性的资源，学生们可以在上面各取所需，这也是高校网站和网页建设中提供给学生学习的重要一方面作用。

2 高校网站的建设和网页设计建设和网页制作现状问题

2.1 高校网站内容过于单一

高校网站建设和网页设计因为其特殊性一般在内容的监管比较严格，在内容上也很容易变得单薄无趣，对浏览者没有吸引力，高校类型站点在娱乐互动性会比较不足，特别是高校网站往往定位在以“自我为中心”也就是以高校的信息为主要内容呈现，并没有充分考虑到学生以及社会对高校网站的内容要求，这种形式上的单一，并不可怕，可怕的是“自我为中心”后的自我封闭，在现代信息化的时代背景下，高校必须要有独立的自我认识和气质，否刚就会成摆设，而从目前的情况来看，内容单是所有高校网站建设和网页设计建设中经常会出现的问题。

2.2 高校网站的建设和设计缺乏全局观念

在网站建设和网页设计建设的规划上系统的规划设计往往会缺乏全局观念，工作量非常的大，会出现多项重复的内容，导航的设计在网站设计中也是非常重要的，导航设计既要在具有新颖、创新的同时也要保证它能够实际发挥作用，更能够与高校整个网站的建设和网页的设计相联系、将高校的形象融入进去，使导航的信息也能够设计的更加完整。导航也是有内容的，具有实际作用和创新吸引力同时并有的，这些都是符合浏览者的实际操作的。

2.3 高校网站的管理程度不足，内容更新缓慢

高校网站建设和网页设计由老师空闲时间做，但一个人很难管理的完整的网站建设和网页设计建设工作和后期维护、和内容的定时更新，因为高校拥有多个部门，这些部门的内容和功能也都应该在高校的网站和网页上有所体现，但是因为完整的网站和网页建设中各个部门可供介绍浏览到的信心非常的有限，一些深层的工作和作用也是很难体现到的，而且网站和网页建设中的繁复导致网站和网页中的内容更新太慢，新闻信息等都跟不上校园的发展，内容的更新缓慢、滞后也是高校网站建设和网页设计建设中常见的问题。

2.4 高校网站的安全性不足，许多网站无独立服务器

通常高校网站建设和网页设计都不会自己建立服务器，而是选择虚拟主机空间作为放置网站建设和网页设计内容的。这些空间都是有着不同的大小，这些大小也要根据高校的具体情况而不同，这里面有规模的大小和自己的大小选择等，一般实力雄厚的高校会选择自己高校服务器来确保数据的安全。高校网站建设和网页设计是属于公益性，因此会出现比较多的安全隐患。

3 高校网站建设和网页设计建设规划设计与网页制作方法浅析

首先要确定的是程序，其次是排版，然后是内容，最后是推广和运营。具体的每一步都要有详细的思考和准备。

3.1 要明确网站建设和网页设计的基本内容和基本目标

确立做网站建设和网页设计的目标，网站建设和网页设计建好后，要达到什么样的目的，扩大招生还是供学生使用？也就是确立主体内容。确定服务对象，是面对学生，还是家长，还是老师。高校和它的服务对象最初的交流窗口就是通过高校的网站和网页，学生和家长都可以通过网站和网页了解到高校的办校的理念，高校的教育情况，教学中的改革成果等，这些希望服务对象了解的信息一定是高校网站和网页设计中基本要做到的。

3.2 要规划好各种栏目

清晰的栏目方便浏览网站建设和网页设计的浏览者，希望达成什么效果是否能实现美观和表述同时实现。加强特色内容建设。特色就是竞争力。高校网站和网页建设中需要规划好各个栏目的内容，这就需要各个栏目负责人一起组织规划分工协调好各自的工作。负责网络建设的中心应该积极分配好工作，设置什么风格，不同部门不同系的不同模板的设置都规划好。

在设置功能方面要适合用户的操作，简化简明操作步骤比如怎么留言，怎么报名，填写什么，网站建设和网页设计使用者怎么更新新闻，怎么传活动图片，这些都要一目了然，方便客户也方便自己操作。

3.3 加强硬件的建设，做好师生信息技术培训

随着各地经济的发展和教育信息化工作的不断推进，越来越多的高校在新一轮建设高峰中购置了大量的先进硬件资源，但是再先进的先进的硬件都是要有一定信息技术和专业素养的师生来操作的。高校的硬件利用率并不高因而必须在加强硬件建设的同时，做好师生信息技术培训、电脑软件资源的配套、相关的管理制度等的“软件”建设。

3.4 加强网站的监管和提升安全意识

在网站建设和网页设计的监管方面也是非常必要的，高校网在设计中需要有监督管理的部分，这些并不只是防御黑客或者病毒的入侵，而是也需要监督信息传播中对信息的筛选，毕竟这些信息直接面向了学生，所以要对网站和网页上传播的信息进行有效的监督管理，监督这一部分需要专门的工作人员进行，加强监管的各种措施是一个长期又坚决的工作。

3.5 加强高校网站的宣传和引流

注重浏览量的扩大，达到建设网站的目的，要想扩大浏览量，加入一些宣传手段，加强校友录的建设也是一个可行的办法，一个优秀的高校网站离不开广大毕业生校友的参与和支持，毕业的校友会通过书信和电话等方式与母校保持联系，很多热心的校友也会积极致力于母校的发展中，宣传母校、推动发展、加强联系等方式都是他们对母校责任心的体现，加强这些校友的校友录建设，综合他们的力量，能够吸引更多人的宣传和为母校发展献计献策的动力。

4 结 语

高校网站和网页建设是高校宣传打造自己的重要方式，好的网站和网页建设对高校的发展有着各种推动作用。但校网站建设和网页设计过程中存在的一系列问题，校网站建设和网页设计需要从技术、组织、创新等的改变入手，还需要与时俱进的方法，增加更多的交流，融入更多的创意，综合自身的优点来达到校网站建设和网页设计的目的。建立功能完备、操作简单、应用丰富的高校网站是一项系统性的工程。通过制订相应的高校信息化发展规划和配套的规章制度来予以推行，这样才能使高校的信息化应用水平提高到一个更高的水平。

篇（4）

第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。

第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。

第七，在左框架的表格中选中文字，分别设置文字的超链接。

第八，按下F12键，打开浏览器查看网页内容。

这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。

三、表格和框架的优缺点

表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。

框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。

使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。

篇（5）

【关键词】

网页设计；高职；教学内容

随着互联网逐渐深入到经济生活的各个角落，涌现出越来越多的网站。相应的，各类单位、企业等用人单位对网页设计与制作人才的需求也开始变得普遍。而《网页设计与制作》也早已成为大多数高职院校普遍开设的课程，甚至在同一所高职院校中也有相当数量的专业开设了这一课程，这些现象都反映出了社会对网页设计与制作人才的需求。而互联网的不断发展也在推动着社会对网页设计与制作人才水平要求的不断提高，也对《网页设计与制作》的教学提出了新的挑战。

一、《网页设计与制作》教学内容存在的问题

1.教学内容与实际应用脱节。

目前，《网页设计与制作》的教学内容大致分为：网页设计基础知识、HTML语言基础、CSS样式基础、网页文本和图像、超链接、表格、框架、Div、多媒体网页、模板和库、站点管理维护。不同院校、不同专业在具体内容的选择上可能会有所差异，但大致都包括了这些内容。首先，在《网页设计与制作》教学中，往往会以Dreamweaver这一网页制作软件的使用作为主要内容，所有的操作都依赖于Dreamweaver，很少涉及对HTML代码的讲解，这导致学生无法熟练的查看、修改HTML代码，一旦离开了Dreamweaver，学生将无法制作、修改网页。而在实际应用中，HTML代码是在进行网页设计时无法绕过的一个知识点。因为在Dreamweaver的设计视图下操作是不能解决所有问题的，很多网页设计中出现的问题只有通过查看HTML代码才能发现并解决。此外，Dreamweaver也并不是计算机上的常用软件，学生应该具备在脱离Dreamweaver的环境中进行简单网页制作、修改的能力。其次，早期的页面布局以表格布局为主，但随着互联网技术与网页设计标准的不断发展，表格布局技术已经不再是主流，取而代之的是Div+CSS布局，也是所谓的内容与形式分开的布局方式。在这种布局方式下，页面元素的布局更加灵活、页面代码更加简洁。而更重要的是，采用这种布局方式的网站在整体风格的管理和后期维护上更加方便、效率更高。因此，《网页设计与制作》的教学内容应当给予Div+CSS足够的重视，加大其在教学内容中的比重，以增强与实际应用联系的紧密程度。再次，随着移动互联网的兴起，通过手机等移动终端访问互联网的用户数量已经超过了传统的通过PC访问互联网的用户数量，如何设计适合于移动终端浏览的页面，也应该作为《网页设计与制作》教学内容的一部分。

2.只重视“制作”忽略“设计”。

不同院校、不同专业对《网页设计与制作》课程的命名不尽相同，但大多带有“设计”二字。而在实际的教学内容安排中，却往往没有体现出“设计”的部分。网页设计是一门典型的交叉课程，既有计算机科学知识，又有人文社会科学知识。网页设计虽较多的依赖技术性手段，但并不代表在教学内容的安排上就要以技术为主导。学习Dreamweaver也是只是为了掌握一种工具而不是最终目的，成功的网页设计作品还要有美观的布局、配色和人性化的信息导航。

二、确定合理的《网页设计与制作》教学内容

1.加强对HTML基础的教学。

虽然Dreamweaver作为主流的“所见即所是”编辑工具，可以让使用者不接触HTML代码就能完成大部分网页制作的工作，但是只有真正理解HTML语言，才能理解网页工作的原理，才能真正深入到网页设计的核心，才能学习到其他优秀网页设计作品的内涵，为将来的能力提升铺平道路。

2.加强对Div+CSS内容的教学。

Div+CSS布局已经是成熟的主流网页布局技术，《网页设计与制作》的教学应该突出对该技术的侧重，将已经被淘汰的表格布局作为辅助。同时，对CSS的教学内容应该贯穿始终，因为CSS可以说是控制网页元素表现形式的关键，掌握了CSS就能根据需要轻松的设置页面元素的各种效果，从而为整个页面增色。

3.增加对艺术设计的教学。

目前网页设计行业内最缺乏的是具备优秀设计能力的高端网页设计人才，而目前《网页设计与制作》教学中最欠缺的就是对设计能力的培养，导致学生在学完课程后也只能进行简单的模仿和重复，无法进行有效的创新和设计。因此网页设计课程的教学应该以艺术设计为出发点，增加对传统艺术设计方面的教学内容，如构图、色彩、设计思维等知识，并进行相应的实践练习，以此培养学生基本的审美能力和在设计上的创新能力，这样才能让网页制作技术服务于网页设计，从而真正体现出“设计”，避免舍本逐末。

4.补充对主流技术的教学。

互联网的发展日新月异，新的技术不断涌现，作为《网页设计与制作》的任课教师，应该具备一定的判断能力，将未来网页设计技术发展的新趋势呈现给学生，帮助他们紧跟行业动态，为将来就业打下良好基础。

三、结束语

《网页设计与制作》作为一门开设多年的课程，在教学内容的设计上必须要关注行业的最新动态，同时明确课程的核心内容，才能培养出社会所需要的网页设计人才。

作者：韦喆哲 单位：广西经济管理干部学院信息管理系

篇（6）

项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。

1教学改革的理念与思路

在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。

2基于项目教学的“网页设计与制作”课程改革与实践的途径

2.1课程整体设计

在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。

2.2建立项目小组

在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。

2.3项目教学的实施

项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。

2.4成果展示

在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。

2.5考核方式的改革

项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。

3结束语

综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。

参考文献：

[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.

[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.

篇（7）

随着互联网的发展和普及，网页设计和制作技术成为网络时代非常实用的技术，这一课程也成为学校开设的热门课程。无论是计算机专业的学生还是非计算机专业的学生，网页制作都成了一门重要的基础性技术课程。但是很多学校在教学中采用传统的教学模式，导致学生的学习积极性不高，实际动手能力也比较差，为了让学生快速的掌握网页设计和制作的技术，需要采用一些新型的教学方法实施教学，加强学生综合能力地培养。

1加强学生创新能力的培养

创新是一个民族的灵魂和动力，同时也是当今社会竞争的核心。学生创新能力的提升和创新意识的增强对于他们以后的发展具有非常重要的作用。网页设计与制作教学作为新时期教学的主要课程，在教学中培养学生的创新能力有利于促进整体教学的发展。因此，在教学中，可以通过多方面内容加强学生创新能力的培养，首先，可以通过兴趣教学法唤醒学生的求知欲望，兴趣是能够推动学生求知的内在力量，学生只有对某一学科充满兴趣，才能够持续的钻研该学科知识，从而增强学生的学习效率。在教学中，为了增强学生对网页设计和制作的兴趣，教师可以在上课时准备一些网页作品，让学生对作品进行点评，然后提出改造的意见。让学生在头脑中对网页设计有一个模糊的认识，产生做网站的想法，这样一来，通过教师的指导就能够让学生梳理一个成型的站点框架，紧接着引导学生如何做网页，如何使用工具，学生对这些内容产生兴趣，就会带着教师提出的问题进行主动探索和学习，以此增强学生的学习效果。除此之外，还可以通过精品赏析的方式增强学生的学习灵感。网页设计和制作课程是一门艺术和艺术相结合的课程，学生不仅要掌握基本的网页制作技巧，还要具备欣赏美和创造美的能力。创造的来源是灵感，而灵感的来源则是通过观察，因此，可以在教学中设计精品赏析的环节，利用上课之前的时间展示作品，向学生展示一些布局合理，设计新颖的精美网页，让学生对这些网页进行观察和欣赏，这样不仅可以拓宽学生的视野，同时还能激发学生的创造灵感，为学生以后设计出精美的作品奠定基础。

2培养学生的网页制作综合能力

在学生掌握网页设计和制作的基本知识之后，网页制作综合能力的培养就显得非常重要了。即使学生掌握了网页制作技术，也不一定能够设计出好的网站，只有提升学生的综合能力，加强对他们所掌握知识的综合应用，才能够设计出一个精美的网站。为此，需要注重学生在实践方面的能力培养，可以从教学实验方面入手，将所有的理论教学和实验教学都安排在计算机机房完成，可以让学生在学习理论知识之后直接进入实践探索阶段。此外，为了给学生提供更好的实践机会，可在学校建立计算机基础教学网，网页设计和制作教学的老师可以建立自己的教学网站，同时给学生分配相应的网站空间，要求学生建立自己的个人网站主页，然后将自己的实践作业上传到网站空间中，设计的风格和主题不受限制，网站主页的内容也不做要求，学生可以根据自己的兴趣进行网页的制作，将所学习的网页制作技术灵活的运用到个人网页的设计中，做好个人网站。为了让学生在网站设计中学会创新，教师可以搜集一些具有创意的网站和网页设计的素材，和学生一起分享，然后与学生所做的网站进行对比，从而提升学生的创新能力。在网站设计中，针对不同的设计环节，学生可以自己发现设计中存在的问题，然后进行分析和解决，对于学生综合能力的培养具有很大的帮助。

3加强培养学生的团队协作能力

现在社会的分工越来越细，很多工作都需要人们协助完成，这样以来，团队精神就显得格外重要。协同合作是团队精神的核心内容，尊重个人的兴趣和成就是团队协作的基础。就学生而言，独立意识较强，现代的学生比较自我，沟通能力也有待提升，这些缺陷显然不适合学生未来的工作。网页设计和制作教学是一门实践性要求较高的课程，同时也对学生的团队协作能力要求很高。在教学中的综合实训中可以选择采取项目教学法实施教学，将学生分成不同的小组，在自愿的基础上进行强弱搭配，并且每一个小组推荐一位组长，在老师布置任务之后，组长可以做好小组内的分工，让学生能各司其职，然后合力完成作品的设计和制作。在作品制作中，如果组内的成员存在意见不同意的现状，组长可以和其他的成员进行沟通协调，最后达成一致，当组员能够为同一个目标一起努力时，无论最后的结果如何，学生最后都会有成就感。在这一过程中，有利于提升学生的团队协作精神，增强学生的沟通能力。

4结语

网页设计和制作教学是一门实践性很强的课程，对于学生的综合实践能力以及创新能力的要求较高，因此，在教学中，教师要给根据学生的兴趣爱好设计教学内容，并且为学生提供一些优秀的教学作品，让他们进行赏析，在优秀作品的激励和教师的引导下，学生的学习兴趣会有很大的提升，从而真正的投入到网页设计和制作的探索当中，熟练的掌握网页制作方面的技巧，增强学生开发和维护网站的能力，使他们的知识结构不断得到完善，对于教学效果的提升会起到很大的作用。

参考文献:

［1］马玲燕．《网页设计与制作》课程的教学实践研究［D］．呼和浩特:内蒙古师范大学，2013．

［2］毕惠丽．浅谈网页设计与制作教学中学生能力的培养［J］．新课程(上)，2012，02:185．

篇（8）

随着万维网的迅速发展,网页已经成为网络世界传播信息、开展业务的最主要载体,网页制作相关职位的市场需求持续增长。中等职业学校相关专业纷纷开设了网页制作课程,但是对于非计算机专业的学生来说,没有前期基础知识的支撑,对于理论的学习会觉得较枯燥,实践操作上手容易,但想要融会贯通却很难,很多学生死记硬背,久而久之学习变成了一种负担,学生的学习积极性和主动性都受到了一定的影响。在这样的教与学的过程中,想要让学生体会到学习的快乐就变得更难,快乐学习成了一纸空谈。面对这样的状况,在网页设计与制作教学中,我积极探讨多种教学方法,合理设计教学环节,采用适当的评价方法,努力增强学生的学习快乐感。

一、采用适当教学方法,激发学生的学习兴趣

传统的教学方式是教师在课堂上讲授理论内容,学生上机练习,教师辅导。这样一堂课结束后,学生可能对上课讲的内容听明白了,但在实际操作时往往无从下手。《网页设计与制作》是一门实践性很强的课程,教师让学生动手去做,经历网页制作、网站设计的各个细微环节,实现教与学的互动,才能充分激发学生主动学习的兴趣。学生具备了网页制作的基本知识和操作能力,教师可以采用“模仿”式教学,让学生设计和制作一个完整的网站,边做边学,使学生进一步熟悉相关理论知识的应用与实际操作。

在教学中,教师要选定一个难易度适中的网站,既不能太难模仿,使学生产生畏惧心理,又不能太简单,而达不到教学的目的。学生在“模仿”课环节,对指定的网站首页和其他主要网页进行模仿还原,该网站的各类素材可以直接使用,对于页面在尺寸、色彩、外观上也可以相同。对于这种特定的、明确的任务,学生往往会表现出极大的热情。学生在演练的过程中难免会遇到各种问题,网站完成以后,普遍都会存在着不同方面的缺陷。老师应通过实际案例的具体剖析,拉近学生与课程教学的距离,将收集的典型的问题重点讲解。学生因为刚刚实际操作过,对具体的问题有具体的认识,因而在听讲过程中针对性较强,对如何解决自己遇到的问题也会很感兴趣。兴趣是最好的老师,有兴趣才有快乐可言。

这样,学生既可以复习网页制作的基本操作,又能对完整设计一个网站的流程有更深的了解。学生在模仿教学的过程中,会不断地克服一个又一个的困难,学习自信心会大大地增强。爱默生说过,自信是成功的第一秘诀。有了信心,学生才能起航去找寻学习中的快乐。

二、注重综合实践环节,调动学生的学习主动性

在学生基本掌握了本课程的内容后,教师要注重综合实践环节的融会贯通,可布置一份综合作业,要求学生设计一个个人网站,网站既要有鲜明、统一的风格,又要有完善的内容,页面的结构、图片的位置、链接的方式设置合理,做到网页布局的和谐统一,还要做到容易更新,等等。要做到这些,学生就必须在制作网站之前,对网站进行一个总体规划,然后逐步进行设计。

为了让学生展现良好的创作技巧和独特的风格,布置综合作业之后,教师可先让学生进行选题,构建出自己的网站结构,然后上网查询相关的资料,再对网站进行规划,写出书面的网站设计方案,教师对每个学生的方案进行审查和评阅,及时指出应改进的地方和存在的问题。通过这些环节让学生学会查找、阅读专业文献资料的方法,培养学生撰写方案的能力。

如此完整的综合实践,放手让学生依照自己的想法设计、制作属于自己的网站,让学生自己做主,学生的学习主动性会大大提高,就能愉快、积极地去学习,调动自己的内在潜能,不断完善和提高自己。学生对某一件事和某一项活动的主动性发挥得越充分,与之相关的能力发展得就越快。

三、综合全面评价学生,增强学生的学习成就感

《网页设计与制作》课程的考核方式承袭传统的应试模式,考试内容侧重于对记忆型知识的考查,忽视实践动手能力和知识运用能力的考查。这样传统的考核方式既不能考查出学生真正的实力,在某种程度上又束缚了学生多向思维的发展。为了让学生对学习《网页制作与设计》课程产生兴趣,除了理论考试之外,我们还应该将整个考核过程融入到日常的教学环节中去,设计出让学生容易接受并感到“快乐”的考核方法。

实践表明,《网页设计与制作》课程的考核方式应该以学生实际制作的网页作品作为考核的主要内容。在作品考核的基础上,把学生的学习过程也纳入考核的范围,形成“过程+作品”的考核模式。教师可以将学生不同阶段作品的完成情况作为考核依据。这样,教师不仅可以有效控制学生的学习过程,而且可以根据反馈,适当调整教学进度。

一直以来,考核都是教师的“专利”,学生是被动的“待估品”,这样传统的考核方式让老师和学生的距离拉得太远,产生疏离感。“亲其师”才能“信其道”,只有老师做学生的朋友,亲近学生,与学生相互学习、共同切磋,以学习成员的身份与学生一起参与到学习的过程中,学生才敢在老师面前放松身心,体验到零距离带来的那份亲切,敞开自己的心扉。因此在考核中,教师要放弃自己的“权力”,和学生一起相互的讨论、评价,让学生享受到自己考核自己的乐趣。学生在其中找到自己的优点,会肯定自己;发现自己的缺点,会提高自己,学习成就感会逐渐增强,考核过程就不再是痛苦的,而是蕴藏无限快乐的过程。

在网络高度发展的今天,学生可以非常便捷地在网络上获取到大量的关于网页制作的学习资源,因此老师面临着更多的挑战,不仅需要对网页制作相关技术进行持续研究,而且要在教学方法、教学手段上不断进行革新,以充实的内容吸引学生,以活跃的氛围打动学生,让学生爱学习、好学习,在学习过程中获得成就感和满足感,得到身心的愉悦,实现快乐学习。

参考文献:

[1]谢志妮.案例教学法在《网页设计》课程中的应用[J].广东青年干部学院学报,2007,(68).

篇（9）

互联移动终端的大面积推广，使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求；同时，地方普通高校为社会服务的使命感在不断增强，如何培养出“学即能用”的人才，使之在短时间内掌握主流的网页设计技术，提高站点访问量，是这门课程课堂教学效果进步的体现。

一、技术背景与课堂教学要求

（一）Internet发展历程

Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的；Web2.0则为用户开设了主动权，使得用户和网站可行双向信息互动；Web3.0提升了用户的主动权，用户可对页面的多种元素（显示、色彩、像素、框架等）按需设置，订制专属的功能模块，整合数据资源，适用于电脑、手机、PDA等多终端平台定制。

（二）传统的网页设计与制作课程内容

一般情况下，高校开设的网页设计课程从教学内容上可划分为两大块：1.相关知识介绍。网站的概念、基本元素及页面等相关知识的介绍。2.应用软件的使用。介绍使用最多的Dreamweaver系列网页制作工具，使学生掌握布局（表格、层、框架、模板等）、超级链接、表单和几种特效。随着互联网的全面推广和“学即能用”的需求，以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于：课堂学到的知识是否马上就能得到应用，是否与目前社会上专业的网页制作公司的技术规格保持一致。因此，本门课程的改革势在必行。

二“、服务于地方”教学内容的改革

（一）教学内容改革

内容改革是课程改革的首要环节。关于什么是关键内容，什么是次要内容，笔者走访了本地专业网页设计公司中企动力的设计总监马女士，通过对她的访谈，了解到时下主流的网页设计公司所涉及到的技术规范，对本校现阶段的教学内容做了必要的调整，简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容，有选择地介绍了网页交互特效及表单的应用，加强了网页美化工具、HTML语言及CSS的学习内容。改革后的课程主要分为六大模块：网页和网站的基础知识、网页美化工具（Photoshop或者Fireworks）、HTML语言、网页开发工具的介绍、DIV+CSS、动态网页技术。首先，通过具体的例子阐明网页、网站的定义，页面的布局类型（主要是盒模型）、整体造型及配色方案的相关知识；其次，介绍网页美化工具图片处理工具（Photoshop或Fireworks）的使用，学生可用其设计页面元素，加强页面的视觉效果与美观性，提升站点的专业度；再次，介绍HTML的基本语法结构和语句，使学生熟练掌握其主要标签的使用（传统的教学模式对这一部分的内容有所忽略）。实践证明，学生若不熟悉HTML的语法构成，学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然，对于非专业学生而言，学习一门语言，即便是文本标记语言，由于其本身对计算机系统相关知识的欠缺，授课会比较困难，学生也学得辛苦，但这又是一个必要的过程，其所占用的时间比较长，需要设计大量实例，反复练习才能掌握。之后介绍开发工具，重点是要理解页面的代码模式和设计模式，而DIV+CSS则是本门课程的重头戏，由于学生对代码有种天生的恐惧，所以，在建立CSS时又以开发工具建立为主，修改程序为辅。最后简单提及动态网页技术。由于课时限制（32节），本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等，而目前主流的网页制作公司则主要应用DIV+CSS。所以，对于陈旧的技术简单介绍即可，而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉，所以，在课时中增加了相应的HTML的基本语法结构和语句的介绍，并对主要标签的使用熟练掌握。

（二）实际授课效果

笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS，有一定的设计基础，所以，课程内容改革中的第一部分可以省略；思政专业的学生没有图片处理基础，笔者在授课过程中有意加强了这部分内容，讲授简单的图片处理方法和文字特效工具。实践证明，学生有追求新知识的欲望，基本能做到学以致用，并反馈到最终的作品中。往届学生的作品更像电子小报，而今年通过课程内容改革的学生作品虽不完美，但在形式内容上更接近Internet的正规网站，教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校，传统的网页设计与制作课程必须响应时代号召，更新教学内容与方法。本文仅供从事该课程教学的教师参考。

篇（10）

职业技能大赛已经成为职业教育的重要载体，其技能要求也代表了职业教育培养的方向。每年各省市举办的技能大赛可以促进高等学校人才培养模式改革，提高高校创新型、应用型人才培养的质量，营造创新人才培养环境，拓宽学生动手能力和就业能力的培养途径。笔者带领学生参加了网页设计与制作比赛。网页设计与制作课程是计算机类教学的重要组成部分，现就教学与参赛经历，以网页设计与制作为例，谈谈职业技能大赛对网页设计与制作教学的启示与思考。

1 网页设计与制作在人才培养中的地位、作用

网页设计与制作是高等职业技术学院计算机类专业开设的一门专业主干课程，是一门操作性和实践性很强的职业技术课程，在专业人才培养方案中处于核心地位，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。在学生具备了一定的美术设计知识和一定的图形图像处理及动画制作能力的基础上，本课程主要学习网页设计与布局知识、网页制作技术及网页编辑与制作软件Dreamweaver cs6的使用，让学生能熟练地设计与制作出符合客户需求的网站。

这也就决定了网页设计与制作在整个人才培养中的地位和作用。各个高校也为计算机相关专业开设了网页设计与制作方面课程，来满足社会的人才需求。通过这些课程的学习，使学生掌握一定的网页设计与制作理论知识和开发技术，在进行网站开发时，能够熟练地制作出有专业水准的网站。

2 网页设计与制作教学现状

在大多数高校的网页设计与制作教学中，许多教师在教授这门课程的时候，只是注重理论的传授，虽然也有一些上机操作教学，但是整个一学期下来做的也只是一些简单的操作，在教学中几乎从来是不用一个完整的网站来讲授的。整个一个网站开发应该怎样具体的一步一步的去实现不会讲，没有将理论和实践进行很好的结合，使学生在整个教学中感觉不到网站制作的实际应用，也不知道网站设计的具体过程是怎样实现的，需要掌握哪些技能点，这对我们人才的培养是很不利的，在当今计算机技术发展迅猛的信息社会，如果让学生掌握不了实际的应用操作的话，我们的教学只能说是失败的。为此，为了培养有核心竞争力的人才，我们必须对网页设计与制作教学进行改革，培养创新型人才。

3 以大赛要求为教学目标，激发学生的学习兴趣

兴趣指人对事物喜好或关切的情绪，它表现为人们对某件事物、某项活动的选择性态度和积极的情绪反应。兴趣以需要为基础，在人的实践活动中具有重要的意义。唯物辩证法告诉我们，事物的发展，通常情况下，内因起决定作用。可见，能否使学生主动学习直接决定了学生的学习效果。在课堂教学中，要想让学生主动学习，就要使他们对所学内容感兴趣。激发学生学习兴趣，可以提高教学质量。激发并维持学生的学习兴趣要从把握教学目标这个关键点入手。对学生制订的教学目标不能过高或过低。例如，大赛要求制作一个完整的网站，需要电脑和手机都能访问。根据比赛试题和提供的需求，分析网站目录的规划、素材的收集、版面的设计与制作、交互式功能设计，并完成站点的与调试以及网站的美化处理等任务，选手需提供相应的网站设计文档。把以上大赛要求作为一阶段教学的目标，把以前的参赛获奖作品展示给学生看，吸引学生的眼球。

现在大多数学生都喜欢通过电脑或智能手机网上购物、浏览网页、网上查找学习资料。上课时谈到网购或某个网站的特效，学生都很感兴趣，引导学生平时多观察、多模仿，将学习到的知识能运用到以后的工作生活中去，真正做到学以致用。

4 将大赛要求细化，找出教学中的重点和难点问题

有了明确的教学目标，教学也就有了明确的方向。确定课堂教学的重点和难点，是教学设计的重要组成部分。教师需正确把握教学重点和难点，才能够在教学中有的放矢，教学针对性强，效果也才会达到最佳。教师可以根据学生的原有知识水平和技能基础、学生已有的经验和生活体验、学生学习新知识的认知水平、学生的综合素质等确立教学的重点和难点。

参加技能大赛需要深入理解大赛要求，才能制作出高水平的网站。通过分析大赛要求，重新规划了本课程的重点和难点。

《网页设计与制作》课程重点：

1）规划网站目录结构；

2）网页主题明确，内容栏目设置合理，布局结构层次清晰，主次关系分配合理；

3）掌握网页布局的常用技术；

4）网页色彩搭配得当，美观得体，能正确处理色彩与网页内容的对比关系，使网页数据能清晰呈现；

5）导航链接功能设置正确；

6）HTML书写格式规范、正确，无语法错误；

7）熟练使用css美化网页。

《网页设计与制作》课程难点：

1）使用javascript或jQuery技术，实现交互行为；

2）兼容不同浏览器；

3）响应式web效果的设计。

从大赛要求可以看出，比赛的要求更接近企业对网页制作人才的要求，对网页的视觉效果要求比较高，另外，大赛紧跟技术前沿，要求学生能够开发出手机版的网页，因为现在使用手机上网的人越来越多。

5 结束语

篇（11）

中图分类号：G64文献标志码：A文章编号：2095-6401(2016)02-0068-01

作者简介：侯敏（1979-），女，汉族，陕西西安人，讲师。研究方向：软件工程，数据库

互联移动终端的大面积推广，使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求；同时，地方普通高校为社会服务的使命感在不断增强，如何培养出“学即能用”的人才，使之在短时间内掌握主流的网页设计技术，提高站点访问量，是这门课程课堂教学效果进步的体现。

一、技术背景与课堂教学要求

（一）Internet发展历程

Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的；Web2.0则为用户开设了主动权，使得用户和网站可进行双向信息互动；Web3.0提升了用户的主动权，用户可对页面的多种元素（显示、色彩、像素、框架等）按需设置，订制专属的功能模块，整合数据资源，适用于电脑、手机、PDA等多终端平台定制。

（二）传统的网页设计与制作课程内容一般情况下，高校开设的网页设计课程从教学内容上可划分为两大块：

1.相关知识介绍。网站的概念、基本元素及页面等相关知识的介绍。

2.应用软件的使用。介绍使用最多的Dreamweaver系列网页制作工具，使学生掌握布局（表格、层、框架、模板等）、超级链接、表单和几种特效。随着互联网的全面推广和“学即能用”的需求，以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于：课堂学到的知识是否马上就能得到应用，是否与目前社会上专业的网页制作公司的技术规格保持一致。因此，本门课程的改革势在必行。

二、“服务于地方”教学内容的改革

（一）教学内容改革

内容改革是课程改革的首要环节。关于什么是关键内容，什么是次要内容，笔者走访了本地专业网页设计公司中企动力的设计总监马女士，通过对她的访谈，了解到时下主流的网页设计公司所涉及到的技术规范，对本校现阶段的教学内容做了必要的调整，简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容，有选择地介绍了网页交互特效及表单的应用，加强了网页美化工具、HTML语言及CSS的学习内容。改革后的课程主要分为六大模块：网页和网站的基础知识、网页美化工具（Photoshop或者Fireworks）、HTML语言、网页开发工具的介绍、DIV+CSS、动态网页技术。首先，通过具体的例子阐明网页、网站的定义，页面的布局类型（主要是盒模型）、整体造型及配色方案的相关知识；其次，介绍网页美化工具图片处理工具（Photoshop或Fireworks）的使用，学生可用其设计页面元素，加强页面的视觉效果与美观性，提升站点的专业度；再次，介绍HTML的基本语法结构和语句，使学生熟练掌握其主要标签的使用（传统的教学模式对这一部分的内容有所忽略）。

实践证明，学生若不熟悉HTML的语法构成，学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然，对于非专业学生而言，学习一门语言，即便是文本标记语言，由于其本身对计算机系统相关知识的欠缺，授课会比较困难，学生也学得辛苦，但这又是一个必要的过程，其所占用的时间比较长，需要设计大量实例，反复练习才能掌握。之后介绍开发工具，重点是要理解页面的代码模式和设计模式，而DIV+CSS则是本门课程的重头戏，由于学生对代码有种天生的恐惧，所以，在建立CSS时又以开发工具建立为主，修改程序为辅。最后简单提及动态网页技术。由于课时限制（32节），本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等，而目前主流的网页制作公司则主要应用DIV+CSS。所以，对于陈旧的技术简单介绍即可，而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉，所以，在课时中增加了相应的HTML的基本语法结构和语句的介绍，并对主要标签的使用熟练掌握。

（二）实际授课效果

笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS，有一定的设计基础，所以，课程内容改革中的第一部分可以省略；思政专业的学生没有图片处理基础，笔者在授课过程中有意加强了这部分内容，讲授简单的图片处理方法和文字特效工具。实践证明，学生有追求新知识的欲望，基本能做到学以致用，并反馈到最终的作品中。往届学生的作品更像电子小报，而今年通过课程内容改革的学生作品虽不完美，但在形式内容上更接近Internet的正规网站，教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校，传统的网页设计与制作课程必须响应时代号召，更新教学内容与方法。本文仅供从事该课程教学的教师参考。