网页设计软件范文

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

篇1

Flash技术运用范围非常广泛,不论是网站、广告、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flas今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flas当前在网页设计中的应用方式进行分析,针对性阐述了Flas在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flas在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。

关键词:

Flas；网页设计；应用研究

随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。

1Flash的运用及特点

MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flas在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flas属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。

2Flas在网络设计中的应用

在网页设计中,Flas具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。

2.1网页动画信息交互的实现

为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flas导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flas脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。

2.2网页动画相关要素的设计

第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flas效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。

3结语

综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一措施全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flas一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。

作者：侯英杰 单位：陇南师范高等专科学校

参考文献

篇2

【关键词】高职教育网页设计课程改革综合能力

【中图分类号】G423.07 【文献标识码】A 【文章编号】1674－4810（2014）17－0064－02

随着网络技术的进步，计算机和电子通讯设备技术的推陈出新、电子商务涵盖范围的不断扩大，网页设计师在短短十年间一下飙升为技术型潜力巨大的新兴职业。电子商务的快速发展更是促使人们看到网页设计的广大的就业市场和光明的发展前景。各大高职院校纷纷开设网页设计相关课程：网页美术设计、网页设计与制作、网页界面设计与制作、网页制作软件等。

网页设计是通过更合理的色彩搭配、字体使用、图片处理、样式设置进行页面设计美化，设计师使用专业软件给浏览者呈现出图、文、声音及动画多位一体的全方位感官效果，在功能和技术限定的情况下，尽可能制作出给予用户完美的视觉体验的网站。可以看出，网页设计是一门从艺术到技术的专业课程，市场对于网页设计师的要求也从单纯的平面设计到简单网页效果的制作发生了变化。针对这一改变，高职的网页设计课程也应做出相应的改革。

目前，大多数高职院校为艺术设计专业学生在大学中开设一次网页设计课程，课时多为48～72课时，在一个学期内完成。课程名称为网页美术设计、网页设计与制作、网页制作软件等。在课程学习过程中，任课教师也是以单纯的教授网页设计软件Dreamweaver和图片处理软件PhotoShop为主，软件学完，课程结束。然而观看学生所制作的网站，从颜色搭配和样式的设计都与现今优秀网页“美术”不搭边。简单来说，单纯学习了网页的制作，而忽略了美术法则的运用，制作网页，而非设计网页。或是学生在没有任何网页制作软件的基础上学习网页美术法则理论，到了实践上各种效果却无法实现，最终仅能实用平面设计软件制作静态网页布局效果图。

一 高职艺术设计专业网页设计课程存在问题的原因

存在这种现象，主要有以下原因：

1．课程设置：大学中仅开设一次网页设计课程

网页设计是一门相对于平面设计起点较高的专业，一个网页设计软件Dreamweaver还需配合使用平面软件PhotoShop，Web动画效果软件Flash等。软件难度较大，学习时间太短。一个Dreamweaver软件的学习就占用了课程的大部分学时。一次网页设计课程结束后，没有相关的美术设计课程让学生实践，就像是只学会了使用画笔，还没来得及

了解怎样算是一幅好画。

2．课堂设计：课堂内容涉及面较为单一

见过这样的一些课程标准，整个网页设计课程只讲到关于美术设计部分――色彩、布局、元素、风格，没有半点关于工具的介绍――软件Dreamweaver、Fireworks、Flash。最终学生在还没有网页概念的情况下，用PhotoShop制作一张网页图片作为作业结束课程，学生还停留在纸质媒体的平面设计稿上，无法真正体验到网页在互联网和电子设备上所呈现的特质。

3．教材设计：一门课程仅配备一本教材

有了工具书，没有技法书；或是只教了技法，却连工具都没碰过。对于平面设计专业学生而言，平面上的美术基础要应用到网页美化中，心有余而力不足。但目前市场上有关网页设计、制作方面的教材图书种类繁多，基本都是单纯的讲解软件、工具、命令等技术知识，类型单一，而关于网页色彩风格、布局、元素、效果图等网页美术的工具书又缺少制作方式，对于刚入门的学生来说比较难实现。仅仅一次课程一本教材很难把网页设计学好。

4．市场现状：需求大门槛低水平参差不齐

在这个电子商务发展高峰期，越来越傻瓜式的软件操作使得更多的非专业人员加入到这个行列。大多数设计者通过自学懂得如何制作网页，却不一定懂得如何设计美观使用起来舒适的网页。其较低的准入门槛导致网页设计行业的现状并不太好，人们要求设计者什么都懂，要比平面设计师多懂点代码，比程序员多懂点设计，还能做点动画。针对这个设计行业大环境，高职学子更应具有更高的网页制作和审美感知水平，才能提高自身的竞争力。

二 高职艺术设计专业网页设计课程的改革

笔者认为，要培养具有社会竞争力的专业网页设计人才，高职就应针对当今行业市场对网页设计的需求、用人单位对网页设计师的要求、客户在网站使用上的习惯，对课程做出相应的改革。

1．在课程设置上可开设大于一次的网页设计课程

最少两次的网页设计课程，可使学生在打下网页制作软件的基础后，再次开设一门专门以网页美术为主的课程。

网页设计作为新兴行业，每年跟随着电子产品的更新和软件功能的强化，效果与美术规则不断地出现新的流行趋势。如2014年网页就以扁平化图片和酷炫动态作为最新设计潮流元素，并且颜色搭配和布局方式也与以往不同。这些我们都可从国外一些优秀网站和国内的大型电商网站中找到。但在软件的学习上，老师和学生往往只把重点放在软件各个功能的运用上，很难把注意力同时分散到网页的美化规则中。但如果学生在已经有了软件基础后，再次开设网页美术设计课程，犹如让一群有素描基础的学生进行设计素描一样，更能体会当中需注意美术法则的含义。由于有了软件基础，各种美化效果就更能实现。那么课程的最终作品就不仅仅是停留在普通效果的网页制作或平面效果图制作了，更加复杂和新颖的页面效果、更加舒适的色彩搭配和页面布局，不仅提高了学生们的审美情趣，也让他们在课堂中的成就感油然而生。

2．在课堂安排上可采用优秀网站作为软件学习案例

若学生课程安排太满，确实无法在大学中进行两次或以上网页设计课程的学习，那么，老师就应在课堂实践中多以呈现较新潮流趋势的网页作为软件学习案例。

国外设计一直是流行趋势的坐标，我们可以通过对比国外近年网站找到最近国内网页设计的方向，一些优秀的网页专业网站也有大量的相关文章给予我们参考。老师在进行备课时就要比以往多下几重功夫了，在软件教学上，软件学习教材中是有大量的案例，但更新速度毕竟与网络是无法相提并论的。通过优秀网站作为软件与教材中案例对比分析，找出各自在色彩、布局、元素、风格上的特点，来让学生了解网页美术法则。在学生学习软件中对优秀案例的临摹实践中，体验一种耳濡目染的效果让学生了解何为优秀网页的同时，掌握如何设计优秀网页。

3．在教材选择上可采取多本教材多种形式教学

如果仅限定于根据所购教材作为课堂所有内容，学生所学知识比较单一，教师可选择网络、图书馆图书作为参考教材。

现今市面上大部分关于网页设计教材分为网页制作软件和网页美术两种。教材的内容设计没错，针对网页制作就应以软件的学习为主，针对网页美术就应以美术法则为主。综上所述，市场及行业对于网页设计的要求都不仅仅是单一的制作或单一的美化，高校的网页设计课堂也不应仅仅教授软件或美术法则。既然已有教材无法一次满足课程的需要，那么教师可以在课堂中使用网络或偶尔把课堂转移到校图书馆进行课程学习。网络上有大量的网页设计文章、素材、模板、教程，学生在使用网络对网站进行浏览的同时，也更深刻地体会网页操作过程中的各种元素对用户带来的不同感受。只有通过对网络的接触和对网页的使用，才可真正设计出适合广大用户的优秀网页。在图书馆里，我们可以找到与教材内容相辅相成的大量图书，学生可以在此深入地了解网页设计涉及到的不同范畴，把以往狭隘的通过单本教材看成是课程甚至整个网页设计行业的所有内容，扩展到从艺术到技术的一个更宽的面。

三 结束语

篇3

在多媒体技术中，应用的软件包括了FLASH、Powerpoint以及Authorware等，它们有不同的特征，但是Powerpoint缺乏一定的灵活性，Authorware则限制了动画的样式。而FLASH相比于这两种设计软件，在灵活度上有了提升，而且它的操作比较简易，学习起来并不困难，在设计制作多媒体课件的时候，能够在脱离主体文件程序的情况下自主运行，因此，它具有很大的应用价值，其在课件的开发上应运越来越多。在多媒体技术的应用中，FLASH动画软件的功能依靠跳转帧、MC转帧以及场景的跳转来实现。针对多媒体教学，FLASH动画设计软件有多个方面的优势。首先，这一动画软件在保存和绘画方面非常便捷。它制作的动画效果具有观赏性，丰富多彩、生动活泼的图形能够深化多媒体课件，从而吸引学生的注意力，提高学习的积极性。其次，FLASH动画设计软件能够有效处理和加工多媒体课件中的相关信息，不管是文字、图形，还是声音都能够进一步加工，形成完整的系统框架，以在课堂中灵活展示。对于学生来说，这种高效的多媒体技术应用能够提高学习效率，从中获取更多的有效信息。

二、FLASH动画设计软件在多媒体技术中的具体应用

（一）形象动画设计对FLASH动画设计软件的使用

在形象设计中，FLASH动画设计软件在当下应用非常多，特别是企业宣传海报、对企业性质的图像展示等。首先在形象设计中，色彩的搭配至关重要，它关系到这一形象是否能够吸引观赏者的注意力。应用FLASH动画软件一方面能够确保设计的形象色彩具备统一性，另一方面也能够避免某些颜色的突兀，促使形象整体具有协调性。其次，在形象声音的设计上，借助FLASH能够匹配相应的声音，在适当的情景下，也能制作无声画面。为了提高动画形象的吸引力，FLASH动画软件能够为其制作web图像动画，从而以动态的方式来展示形象。一般来说，图像占比非常大，在宽带网络的制约下，色彩的配置模式一般会利用RGB形式。当下，FLASH动画设计设计软件则通过相关的顺序来完成动态图的制作，从而实现动画强有力的吸引效果。

（二）网页动画设计对FLASH动画设计软件的使用

网页设计对于FLASH动画设计软件的应用主要有三种，分别是全部静态页面设计、全面动画设计以及动静相结合的设计。首先第一种全部静态页面设计，主要展示动画的静态美，在动画的设计上利用FLASH动画设计软件充分完善动画的静态特性。其次是全面动画设计，这种模式控制动画的全局，体现及时性。最后一种将动画的静态模式和动态模式相结合，将动态中的一部分设计加入了静态中。在具体设计网页的过程中，一方面要把握整体的动态和静态的模式，另一方面还要重视两者之间的统筹效果。要注意的是，动画量较多的情况下，网页的页面制作效果会降低，难以顺利打开。

篇4

随着计算机技术的不断改革与创新，计算机课程教学不断的改革与发展。目前，大多数企业、个人单位都通过网站向外界宣传产品、优惠活动等，网站的开发就需要网页设计师来进行排版设计，网页设计的发展带动了高校的教育改革，不断的开设《网页设计与制作》这门课程，《网页设计与制作》是艺术院校计算机教学中实践操作性强、综合性较强的专业课程，其需要多门计算机学科知识综合起来，才能完成网页设计课程体系，如：Photoshop、CorelDraw、HTML语言、CSS、JavaScript语言，从而进行网页设计。

1 艺术院校计算机课程教学现状分析

随着计算机互联网的发展，网络已普及到家家户户，艺术院校的学生对计算机基础知识也有了很大的提高，加强学生的计算机基础知识和计算机能力的培养，对艺术院校的教学具有重要作用。目前，艺术院校计算机课程教学仍然存在不足，虽然艺术院校的大部分专业开设了Photoshop教学课程、CorelDraw课程、网页设计等课程，但是，艺术院校开设的专业只涉及网页设计的几门学科，如计算机图形图像专业，其开设了Photoshop、CorelDraw、Flash等课程，却没有涉及到HTML、JavaScript语言课程，课程教学的不足，容易导致学生的设计操作能力、专业能力不强，学生只能掌握基本的操作，而不能满足更高的操作水平。

2 艺术院校计算机《网页设计》课程教学存在的不足

2.1 网页设计教学缺乏知识的连贯性

对于艺术院校的学生，大多数都存在于被动的学习知识，而没有主动的练习操作，而《网页设计》这门课程是一门实践性强、操作能力强的学科，所涉及的内容知识也比较多，若老师只是单方面的进行教学，只对学生进行示范操作，或学生只是模仿操作练习，这样的教学方式不仅不能激发学生的学习兴趣，也不能培养学生的创造性。若教学的课程内容较为分散，老师没有对教学内容进行整理、没有整合知识的连贯性，学生则很难掌握知识要点。

2.2 缺乏编程基础知识

《网页设计》这门课程不仅需要图形图像处理软件，也需要网页设计的后台编程软件，如：JavaScript语言、CSS，编程语言是一门复杂的知识，但与CorelDraw、Flash等设计软件的原理是一样的。对于动态网页的设计，其需要编程基础来实现，学生若不了解动态网页的设计、编程基础，则很难设计出具有美观、产品个性的网页界面。网页的设计理念需要实践操作能力来实现，实践操作技术也为网页设计提供了需求，但是，没有很好掌握动态网页设计基础知识，如新闻网站系统，其需要添加多行表格，从而对其添加内容，如果没有充分了解网站设计软件的基本功能，则很难实现添加多行表格的功能。

3 基于网站数据库功能模块化的网页设计要点课程教学

网站数据库的实现主要是通过Access数据库、ASP编程语言来实现的，同时也需要Dreamweaver、Flash、Photoshop、Fireworks等软件来编排、设计，根据美观、人性化的界面设计及色彩搭配的美观，进行网页的设计。网站数据库主要实现新闻网站系统、公司产品展示网站系统、会员网站系统、访客留言系统网站等模块，通过学习ASP的工作环境、系统网站的实现动态流程，学生能很好的了解动态网页的设计原理和动态效果。

3.1 网站数据库功能模块化的设计流程

网站数据库功能模块教学，是以网页界面设计为基础，进而更深层的网页设计教学，以Dreamweaver建立动态网页界面，通过Access软件建立数据库的连接，从而实现动态功能的构建，例如：新闻网站系统的构建，如图1所示。

3.2 网站数据库的网页设计在教学中的应用

网站数据库是基于ASP技术和Access数据库建立的，由于ASP技术简单易学，不需要用COMPILE进行编译，直接在Windows的记事本上就可以直接编辑，对学生来说，ASP技术的开发是一个很好的应用，学生无需安装任何插件，就可以使用任何浏览器浏览ASP生成的页面，并且也方便连接。而Access数据库，对于网站的设计，有利于建立数据库的连接，其具有简单易学、易用、操作简单、数据接口灵活等功能，因此，学生可以通过学习Access数据库，就可以逐步了解网页设计的基础知识，也很好的掌握数据库的连接与ASP技术的连贯性。通过学习网站数据库的设计，由于开发的软件简单易学，连贯性较强，不仅可以激发学生的学习热情，也能提高学生的实践操作能力，教师应注重知识的连贯性，积极引导学生进入教学情境中，从而提高网页设计课程教学质量。

3.3 网站数据库实现新闻系统功能

要实现新闻网站系统的功能，需要根据其功能需求实现网站系统的设计，其一般包括前台和后台的管理，因此，在进行网页设计时，根据后台的需求，即后台实现新闻的、公告，新闻的修改、删除等。而新闻网站的前台，是指用户浏览的页面，即网页界面，前台需要实现用户能正常浏览网页的新闻信息、或资讯标题，因此，学生只需要把这些信息、需求进行规划设计，并合理进行排版，从而将新闻信息、业界动态的信息集中在一个管理系统的新闻网站应用程序中，以保证新闻系统的完美性和规范性。

4 网站数据库功能模块化课程教学意义

网页设计教学是一门实践性强、操作能力强、综合性较强的学科，在教学过程中，应理论知识与实践相结合，在网页设计教学中，学生应多练习，多操作，熟悉各种编排、编程软件，从而达到网页设计教学的目的。第一，网站数据库功能模块化教学注重培养学生的实践操作能力，从而培养学生的职业能力，因此，教师应积极引导学生灵活运用知识，整理知识的连贯性，安排的教学内容应与社会发展需要结合，以社会需要为导向，科学合理化的整理教学内容，利用任务驱动的教学方式来加强学生对网页设计的学习，从而加强学生的实践操作能力。第二，网站数据库教学不仅培养学生的操作能力，也是多学科结合的教学方法，不仅培养学生的鉴赏能力和艺术性，也培养学生的应用能力和思考能力。通过有效结合艺术专业的审美优势和计算机语言技术优势，学生在进行网页设计教学中，学生能根据页面的艺术性进行设计，同时也会考虑界面的实用性和价值观，从而设计出具有创新、有价值的网页设计界面，多学科的教学方式，有利于提高学生的综合素质。第三，网站数据库模块化的网页设计教学也是艺术学院学生就业需求的导向，社会不仅需要专业人员，也需要综合能力较强的人才，通过学习网页设计，注重学生在操作过程中的学习情绪、学习态度、团队合作及协调沟通能力，从而对学生全面的进行考核。因此，进行网站数据库模块化的网页设计，为计算机基础课程教学增添了生机和活力，不仅锻炼了学生的操作能力和实践能力，也拉近了与社会人才需要的距离，达到了计算机基础课程的教学目标。

篇5

艺术设计专业的网页设计课在教学上普遍注重技术而忽略艺术，我们迫切需要在教学模式、内容和评价方式上寻求改革，培养学生的艺术审美和感受力，更加注重实践应用能力，为社会培养一大批高素质艺术设计人才。

关键词

艺术设计；网页设计；课程教学；实践

一、艺术设计专业的网页设计课程的教学现状

目前，艺术设计专业在网页设计课程教学实践中普遍存在着缺乏专业优势、偏离学生就业需求等问题，这种教学与计算机专业的网页设计课大同小异，误导学生以为这门课程就是一个技术课，掌握了操作技术就可以独立完成网页设计和制作，极大地忽视了其艺术性。因此，我们需要对教学模式、教学内容和考核内容等进行改革，以真正发挥艺术设计专业在培养人才的优势。

二、教学改革的目的

通过教学改革，力图解决以下两个问题:一是学生设计网页缺乏美感，版式、色彩等语言和设计理念滞后;二是单独靠一个软件就来完成网页设计与制作。通过以上两个问题的解决，充分考虑艺术专业的特性和学生就业的社会市场需求，综合运用多软件培养学生的美工设计能力、动画设计能力、版式设计能力、界面设计能力，全面提高学生的想象能力、感受能力、创新能力和审美能力，为社会培养一大批高素质艺术设计人才。

三、教学改革的创新点

1．寻找艺术与技术的平衡点。避免学生成为技术的奴隶，教学方案中增加艺术素养训练，充分体现专业特色，致力于培养学生的艺术设计和艺术审美和创新能力，通过研究性学习和网页设计的具体实践使学生有效地掌握网页艺术设计的精髓，为将来步入社会更好地满足市场需求从事网页设计、美工、界面设计等工作做好准备。

2．基于多媒体网络教学，合理构建教学内容。构建既具有实用性又具有艺术性的教学内容，实现软件课与艺术设计课的整合，在学会软件应用的基础上，将其恰到好处地运用于艺术设计;实现理论课和实践课的整合，利用示范教学提高学生将理论应用于实践的能力，提升教学效果。

3．深化教学内容，开拓教学视野。适用互联网技术的发展，不断加快教学内容的更新，做好教学信息的收集工作，实现教学内容的深化，保证教授给学生最前沿的知识。教学中运用多媒体充分调动起学生的视觉和听觉，激发学生的学习积极性。

四、主要改革与实践的方面

1．改革教学模式。第一，采用项目教学。为了锻炼学生的实践能力，保证学生现场制作、解难和评析的参与度，实现课程理论和网页设计的有机融合，可以在教学中加大实用项目的引进，让学生参与到整个项目制作过程，包括初期的初稿设计、中期的客户反馈到最后的定稿。第二，采用跨学科教学。实现多学科整合的互动教学，将计算机专业和艺术设计专业的网页课程结合起来，让学生可以综合考虑到设计与程序的结合，依托于程序的可实现性设计出具有创意的网页方案。

2．改革教学内容。第一，增加手绘创意草图教学环节。注重创意期的思维训练，通过这一教学内容帮助学生明确设计意图，培养学生的快速创作意识和能力。第二，增加版式设计构图教学环节。引导学生充分应用版式设计原理进行网页的整体布局，在有限的空间融合进了最多的视听多媒体元素，基本信息、导航、和正文结构安排合理美观，凸显设计者的理性思维、艺术个性和个人风格。第三，增加色彩运用训练环节。色彩的运用决定了网页的整体色调，训练学生在不同网站功能和风格下对色彩的准确把握。第四，增加创意字体教学环节。引导学生正确地运用字体设计方法，根据不同网页布局选择大小、颜色、色彩合适的字体，运用设计软件实现多样化字效和创意字体的设计。第五，增加网页交互功能教学，引导学生充分运用按钮和其他辅助设计以及页面之间的链接，从而实现网页的交互功能。第六，增加多软件综合运用教学，引导学生在网页设计中综合运用不同的软件，灵活掌握不同软件主要功能的基础上通过综合运用以实现丰富的效果。

3．改革考核内容。第一，根据当堂内容布置对应的课堂练习和上机操作，及时发现学生学习中的盲点，教师适时调整课堂进度，此部分成绩占40%。第二，根据课程的教学目标布置综合作业，结合实际让学生自主选择设计一个政府网站、企事业网站、娱乐网站或者个人网站，对学生网站设计的总体布局和色彩、版式、功能等进行综合评价，此部分成绩占60%。

五、艺术设计专业的网页设计课程教学的趋势

第一，总结和探索艺术设计专业的内在规律，建立网页设计的跨学科教学模式。讲授理论知识的同时要培养学生调动多学科知识的能力，培养学生的创造力和想象力，提高学生的实践应用能力。第二，注重网页设计的主体风格，培养学生的企业品牌意识，企业品牌的形象设计依靠网页的展现和塑造，好的企业网页可以让企业品牌形象深入人心，教学中必将更加重视对学生品牌整体风格的把握和品牌意识的培养。

六、结语

目前，艺术设计专业的网页设计课程存在着偏重技术而忽略艺术素养训练的问题，教学改革就是要培养学生的艺术审美和艺术素养，力求寻找到艺术与技术的平衡点，基于多媒体网络教学，合理构建教学内容，开拓教学视野。教学模式上采用项目教学和跨学科互动教学，内容上增加创意草图、版式设计、色彩设计、字体运用、交互功能和多软件组合使用等教学环节，评价上更加注重实践动手能力，其发展趋势是追求技术和艺术的完美结合，培养学生的企业品牌意识。

作者：许特 郝爽 单位：长春市第一中等专业学校 吉林司法警官职业学院

参考文献:

［1］刘妤．艺术设计专业的网页设计课程教学改革与实践［J］．包装世界，2011，(04):72－73．

［2］周小丽．“网页设计与制作”课程教学改革实践探究［J］．教育与职业，2013，(08):127－128．

篇6

摘要：本文以Web标准为基本思想，阐述了针对电子商务网站网页设计的思想和策略，探究了一套紧随时代需求的网站设计流程。

关键词 ：Web标准；电子商务网站；网页设计

引言

随着计算机网络技术的迅速发展，网站的网页设计布局也显得越来越复杂，在专业技术上的要求也越来越综合。同时，电子商务在这样的潮流下飞速发展，但电子商务网页设计却成了阻碍电子商务发展的一个重要因素，在这样的形势下，电子商务网页设计与制作就需要有专业的技术来实现，仅仅依靠传统的网页设计技术已不能满足时代的需求。目前，基于Web标准的网页设计思路已成为网站开发的主流，以Web标准为基本思想探究出一套有效的、紧跟时代步伐的设计流程，同时针对电子商务领域研究有效的网页设计策略。

1、关于Web标准的主要技术

1.1 什么是Web标准

Web标准不仅仅是一个标准，而是一系列标准的组合。一般的网页都由三个部分组成，即结构、行为和表现，而这三个部分中结构对应的标准为XML和XHTML，行为对应的标准为对象模型等，表现对应的标准为CSS。

① 结构

其中的主要技术包括可扩展超文本标记语言（XHTML）和可扩展标记语言（XML），主要应用在对网页数据的分类以及整合方面。在这两个标准中，XML是一种源语言，它能够让用户对自己的语言进行标记定义，其具有的数据转换能够相对来说比较强大，而XHTML在性能上结合了超文本置标语言（HTML）的简单特性，同时，它还使用了XML的强大的功能系统，在语法上相对来说也比较严格。

② 行为

其中的主要技术包括ECMAScript和对象模型（DOM），主要应用在交互操作网页文档方面。ECMAScript能够有效的实现界面上操作对象的交互操作，而DOM能够定义、修改以及表示文档所需的对象、所需的对象的属性和行为，同时还能处理这些所需的对象之间的关系。

③ 表现

其中的主要技术是CSS，即层叠样式表，主要应用在对浏览器的显示控制方面。CSS控制的表现与XHTML决定的结构相分离，主要用来设计网页的风格。

1.2 Web标准下的网页设计流程

Web标准下的网页设计流程主要包括语义结构定义、网页内容添加、CSS美化网页以及添加动态元素四个部分。

语义结构定义：进行这个部分时，需要我们能够根据网页上的设计图，对我们所需要的DIV层块进行进一步分析，同时也要分析各个层块之间的相互关系，为达到一个好的访问速度，DIV层块应该小于等于三层。

网页内容添加：在第一步中定义好语义结构后，然后根据网页设计图添加内容，并且在每一个层块添加合适的网页内容，其中包括添加文字、图像、表单、列表等。

CSS美化网页：在进行网页设计时，需要使用CSS对网页的整个页面进行布局，其中包括在页面中加入边框和背景等；同时，还需要使用CSS的相关设置，其中包括字体和大小等。

添加动态元素：在网页中添加动态元素时，需要根据网页设计图对各个方面的要求，利用JavaScript技术完成网页中动态元素的添加，包括添加导航菜单、焦点图及其它动态元素等。

2、电子商务网站网页设计所需要的技术

随着互联网科学技术的飞速发展，越来越多的企业应用互联网技术推动了企业的发展，人们的生活方式也受到互联网的影响。在这样的背景下，电子商务也逐渐发展壮大，而电子商务网站网页设计就成了相对重要的一部分，网页设计是以网络为载体，把一些对人们有用的信息方便快速的传达给他们。在进行电子商务网站网页设计时，整个过程都要用到大量的电子商务设计软件，而设计的过程又需要计算机技术作为基础。

在研究基于Web标准的电子商务网站网页设计时，在设计过程中需要有缜密的思想来进行设计的每一个流程，然后开发网上商店系统，以达到对网店实行有效的管理以及扩展网店的业务。在Web的标准下，网页设计者能够有效的将网页结构划分清楚，这样就能够提升电子商务网站网页开发的效率，同时还能够尽可能的降低网页设计成本。

3、电子商务网站网页设计过程

在设计电子商务网站网页时，可以按照下面的流程进行：内容分析、结构设计、方案设计以及表现设计。

第一，内容分析：即通过了解需要展示在网页上的具体内容，清楚各内容所具有的逻辑关系，最后分清楚各个内容的重要程度从而合理安排位置。第二，结构设计：即根据内容分析得出的相关结论，找到合理有效的网页布局，从而设计出好的XHTML结构。第三，方案设计：使用好的美工设计软件，设计出一个能给人视觉带来享受的网站页面设计图。第四，表现设计：表现设计又可分视觉设计和布局设计，视觉设计即是使用CSS美化网页的方式，同时配合美工设计元素，将设计方法转化为网页的方式。布局设计即是通过使用CSS和XHTML对网站页面进行布局设计。

3.1 内容分析

一个电子商务网站能否起到吸引客户的效果，取决于这个电子商务网站网页的布局是否清晰明了，能否给人一种视觉上的享受。网页设计就是一种视觉语言，对布局和色彩的搭配要求很高，要求网站的主页也能给人一种美的享受，其它网站页面的布局也应该与主页相协调。电子商务网站中网页布局形式多种多样，有“厂”字型、“国”字型、“封面”型以及经济“框架”型等。

3.2 结构设计

为电子商务网站开发网页时，网页中展示的有突出核心的业务区，也有展现其它功能的区域，整个网页开发完成后，用户可以在后台进行可视化的操作，同时，用户还可以创建属于自己的个性化的网页。在设计电子商务网站网页时，框架是整个网页的核心部分，它决定了整个网页的整体布局效果，框架一般都是HTML格式的文件，它能够将页面划分区域。

在制作电子商务网站时，首先要在硬盘上新建一个文件夹，并把这个文件夹作为网站的根目录，最后将这个目录上传到服务器上就行了。一个网站就对应一个磁盘上的文件夹，设计网站所需要的全部资源以及所有网页都放在这个文件夹里面。

3.3 表现设计

在设计好网页和它的结构后，可以使用CSS为网页文档添加样式。首先要将已经设计好的方案中的网页图片分离出来，然后使用CSS为其添加合适的样式，在进行这个操作的整个过程中，涉及到CSS的布局以及背景图片应用，在使用CSS时，可在网站的前台观察到网页的板块区域，板块区域的个数会根据有设计的电子商务网站的类型不同而有所变化，这个过程是由CSS规则确定的，并且整个框架结构是由HTML文件确定的。这样设计的网站，可以在其后台进行可视化设计，向所需要的区域添加好的插件等，这样网页表现出来的画面效果更好。

4、结语

随着时代的发展，人们不再满足于单调的生活模式，在这样的背景下，互联网技术慢慢融入到人们的生产与生活中去，这就使得方便人们生活的电子商务逐渐发展起来。目前，大多数人的生活开始与电子商务紧密联系在一起，而电子商务的网页设计的好坏直接关系到整个电子商务模式的运行。因此，研究基于Web标准下的网页设计技术成为了电子商务门户的重点，这样才能有效的提升电子商务网站的性能以及开发效率。

参考文献：

[1] 朱淑琴，魏威，张嘉萌. 基于Web标准的电子商务网站网页设计与制作[J]. 计算机与现代化. 2012(15),30-32.

[2] 王猛. 基于用户情感需求的电子商务网站首页界面设计研究[D].东北大学. 2012,18-23.

篇7

在课堂教学中，先通过回顾在Word软件中是如何进行样式的编辑，再在网页设计软件Dreamweaver中演示如何进行网页设计中CSS样式的编辑，可以促使学生们把之前的经验引入到CSS的学习中，进而促进对CSS的理解和使用。如在Word软件中，样式的编辑是从字体、段落、制表位、边框等几个方面进行的，如图3所示。其中，字体格式的设置包括字体、字号、加粗、颜色、下划线等常用设置；段落格式的设置包括首行缩进、段前、段后、行距等常用设置。在Dreamweaver中，虽然在样式的分类方面有所不同，如类型、背景、区块、方框等，如图4所示。但其本质上和Word软件是一样的，都可以设置关于字体，段落，边框等方面的格式。如在CSS中，字体格式的字体、字号、加粗、颜色、下划线分别对应的CSS属性是：font-family、font-size、color、text-decoration，段落格式的首行缩进、段前、段后、行距分别对应的CSS属性是：text-indent、margin-top、margin-bottom、line-height。

基于学习迁移理论设计模板和库项目的教学

在Dreamweaver软件中，模板是一种特殊的文档，用于设计“固定的”页面布局。它用来产生带有固定特征和共同格式的文档基础，是用户进行批量生产文档的起点。可以将文档中的任意内容存储为库项目，从而达到重复使用的效果[6]。在Dreamweaver软件中通过模板建立新文件如图5所示。在Dreamweaver软件的模板中需要通过“可编辑区域”把变化的部分标识出来，相应的不需要变化的部分被称为“锁定区域”。哪些部分应该被定义为“可编辑区域”，哪些部分应该是“锁定区域”，以及使用模板究竟带来什么好处，对于部分同学来说理解和难以掌握。课堂教学中，在学习迁移理论的指导下，先回顾了Word软件中模板的概念，基于Word软件中的模板，可以创建一系列风格类似的Word文档。然后对Word软件中使用模板的步骤和Dreamweaver软件中使用模板的步骤进行了类比和比较。在Word软件中，编辑模板以及使用模板的步骤可以被概括为：1)创建模板文件；2)在模板文件中，在需要变化的地方插入“域”或者“控件”，不需要变化的地方直接输入文字、插入图像等元素；3)基于模板文件创建新的Word文档。在Dreamweaver软件中，编辑模板以及使用模板的步骤可以被地概括为：1)创建模板文件；2)在模板文件中，在需要变化的地方插入“可编辑区域”，不需要变化的地方直接输入文字、插入图像等元素。3)基于模板文件创建新的HTML文档。可以看出，虽然面向的是不同的软件和文档，在模板的使用方面是基本类似的。所不同的是在Dreamweaver软件中，用“可编辑区域”的概念替换了Word中的“域”或者“控件”。在Word软件中，可以通过“把所选内容保存到文档部件库”的功能把一些文档中反复使用的内容定义为“构建基块”，从而利于对这些内容的重用。在Dreamweaver软件中，库项目用来完成同样的功能。它们的使用方式可以被共同地概括为：1)把文档中需要重用的部分选中并定义为库项目（构建基块），选中的内容可以是文字、图像等任意内容。2)在需要重用内容的地方，插入库项目(构建基块)。通过与Word软件的类比，Dreamweaver中模板和库项目的学习完全被纳入到了学生已有的知识体系中，从而降低了学习的难度。

基于学习迁移理论设计JavaScript的教学

在W3C组织制定的关于网页的规范中，HTML用来实现网页的结构和内容，CSS用来实现网页的样式，JavaScript[7][8]脚本语言用来实现网页的行为。在目前的网站中，多级菜单、多标签栏文本、自动轮转图像、输入框的自动完成等效果都离不开JavaScript的编写。与HTML这种描述性的语言相比，JavaScript是一种解释型的脚本语言，有较为严格的语法和语义，对于学习网页设计与制作这门课程的非计算机专业的学生来说，掌握起来尤其困难。

在学期迁移理论的指导下，可以发现在学生们已经学过的Excel软件中的许多概念可以在JavaScript中找到对应的参照对象。如在Excel软件中，基本的数据类型有数值、文本、公式，除此之外还有特殊的数据类型，如逻辑值。数值数据中又包含数字、日期、时间、百分比等数据类型。在JavaScript中，也包括数值、字符串型、布尔型、日期等数据类型。有了Excel做基础，在课程中讲述这一部分内容时就可以较为轻松的使同学们发现JavaScript与Excel软件数据运算之间的相似性。图7、8中显示了通过分别在Excel软件和JavaScript实现加法运算的例子。在Excel软件中进行运算时，可以通过类似A2、B2这样的单元格引用来获得某一单元格中的值并进行运算；而在JavaScript中。对于函数这一任何编程语言中都少不了的概念，同学们在Excel中就已经认识了sum、average等函数，也认识了通过if这一用来进行逻辑判断的函数判断某一单元格中的数据是否符合某个条件。在网页设计与制作的课程中，同样是利用if函数，但是使用的场景变换到了用来验证网页中用户输入的数据是否满足一定的条件，如用户名的合法格式和密码长度的问题。

结论

篇8

姓 名： 国籍： 中国 目前所在地： 广州 民族： 汉族 户口所在地： 梅州 身材： 158 cm 50 kg 婚姻状况： 未婚 年龄： 23 岁 培训认证： 诚信徽章： 求职意向及工作经历 人才类型： 应届毕业生 应聘职位： 软件测试工程师：软件测试、网页设计师/美工：网站开发、 工作年限： 0 职称： 无职称 求职类型： 全职 可到职日期： 随时 月薪要求： 2000--3500 希望工作地区： 广州 个人工作经历： 公司名称： 广州中软信息技术有限公司起止年月：2009-02 ～ 2009-05 公司性质： 国有企业所属行业：计算机业 担任职务： 软件测试员 工作描述： 负责运维测试，产品安装，和集成测试

根据测试用例，对相关产品进行自动化测试和人工测试

为客户安装相关软件，搭建环境，解决一些常见的问题 离职原因： 实习期满 公司名称： 广州宜配信息科技有限公司起止年月：2008-07 ～ 2008-08 公司性质： 私营企业所属行业：计算机业 担任职务： 网站前台美工 工作描述： 利用photoshop、illustrator和fireworks设计相关网页，在Dreamweaver中生成可编辑的网友，利用CSS+DIV进行网页优化，利用php语言进行前台与后台的连接。 离职原因： 实习期满 公司名称： 公司性质： 其它所属行业：电子商务 担任职务： 前台开发设计 工作描述： 负责佛山茶城网的前台开发设计，负责佛山茶城网的网络推广和茶叶贸易相关事宜 离职原因： 公司倒闭 公司名称： 深圳市天艺设计印务有限公司起止年月：2007-07 ～ 2007-08 公司性质： 私营企业所属行业：计算机业 担任职务： 排版美工 工作描述： 助理平面设计，教科书图文排版，深圳市出国展览计划助理设计，产品广告设计 离职原因： 实习期满 教育背景 毕业院校： 华南师范大学 最高学历： 本科获得学位: 工学学士 毕业日期： 2009-07-01 所学专业一： 软件工程 所学专业二： 受教育培训经历： 起始年月 终止年月 学校（机构） 专 业 获得证书 证书编号 2005-09 2009-07 华南师范大学 软件工程 毕业证，学位证 语言能力 外语： 英语 良好 国语水平： 精通 粤语水平： 一般 工作能力及其他专长 本人熟悉软件测试流程和BUG跟踪流程，熟悉软件测试理论和方法，掌握软件测试技术（黑盒，白盒），熟悉软件测试管理工具，熟练使用loadrunning等自动化测试工具；熟练使用case工具；熟悉C＋＋，java语言；网页设计有了解。对Mysql，sql等数据库软件都有涉猎。

本人熟悉平面设计软件，如photoshop、illustrator等，其中众多平面作品受到了大家的好评；熟悉网站设计软件，如Dreamweaver，fireworks等，大学期间就已兼任网站前台设计师一职；熟悉网站开发流程，其中个人独自完成的有用JSP语言制作的课程设计网站“网上花店”，毕业设计“软件测试教学资源网”。对网站的开发和设计流程非常熟悉。 详细个人自传 2、2007年7月至8月 深圳市天艺城设计印务有限公司 排版美工，负责书本排版及广告设计；

跟公司里的同事设计了“深圳市国际出国展览计划”等； 社会活动：1、2006年10月，领队到大学城参加学生“挑战杯”竞赛 决赛的评奖活动

2、2006年6月，参加英语俱乐部举办的“模拟交易会”，并或者团队优秀奖

篇9

您好！

非常感谢您能在百忙之中抽出时间阅读本人的求职自荐信。我是广东省韶关学院教育技术系04级的学生，将在20*年7月毕业。在即将踏上征程之际，在此呈上自己的求职信息，特毛遂自荐，愿意接受贵公司的考核与挑选。

我通过各种渠道大致了解了贵公司的情况，知道贵公司是个很有发展前途的具有现代潮流的公司，具有很大的活力，而我也非常希望能加入这样的企业，尽自己最大努力为公司的发展奉献自己的微薄之力。同时能对自己的发展起到积极的作用，希望能在贵公司的帮助下、在贵公司大发展的环境下促进自己的发展。

十几年的寒窗苦读，铸就了我的学识与自信。大学阶段的学习与成长更加磨练了我的意志，提高了我的修养！“一分耕耘、一分收获”！我会尽自己最大的努力,辛勤劳作，实现自己的人生价值。大学三年是我不断进取、逐步完善、充实自己、开拓奋斗的三年。这一切都是为明天的发展而准备。大学三年里，熟悉了办公软件、平面设计软件、网页设计软件、多媒体课件设计软件、一些常用软件；除了熟练地掌握软件知识之外，对硬件也有一定的了解，经常帮同学维修电脑，对电脑维修有一定的经验；学了摄影和常用的影视编辑软件，对摄像机有一定的了解，能用Premiere对影视进行简单的编辑；这一切使我具备了从事计算机应用、计算机办公、平面设计、网页设计、计算机维护与维修的工作能力。

本人曾是系团总支学生会资料部的副部，有一定的工作能力和组织能力，有团队合作精神；对工作认真负任，在教育实习中获得“优秀实习生”称号。

自荐书不是广告词，不是通行证。但我知道：一个青年人，可以通过不断的学习来完善自己，可以在实践中证明自己。尊敬的先生/小姐，如果我能喜获您的赏识，我一定会尽职尽责地用实际行动向您证明：您的过去，我来不及参与；但您的未来，我愿奉献我毕生的心血和汗水！

良禽择木而栖，士为知己者死，面临物尽其用，人尽其才的今天，我希望到重视人才，注重实干的公司，同时也希望以我所学，尽我所能，为贵单位的繁荣与发展贡献自己一份微薄之力。若能给我一个面谈的机会，我将倍感荣幸。恭候佳音。

谨祝

贵单位事业蒸蒸日上!

篇10

关键词：项目驱动；网页设计；教学改革

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

Design and Application of Project Driving Teaching Methodology in the Course of Homepage Design and Manufacture in Higher Vocational College

LI Lei

(Henan Agricultural Vocational College, Zhengzhou 451450, China)

Abstract: Homepage Design And Manufacture Course is one of the practical courses in the major of computer in higher vocational college. For Web designer has broad employment prospects, the students learn this course with high interests. But the traditional teaching mode have many limitations. The project driving teaching methodology in the course of Homepage Design And Manufacture mentioned in this article can greatly overcome the shortcomings and improve the teaching quality.

Key words: project driving; homepage design; reform of curriculum

项目驱动教学法是目前高职院校中较为流行的教学方法之一，是一种借助于具体项目的实施来达到一定教学效果，完成特定教学任务的教学方法。此教学方法尤其适用于高职院校中实践性较强的课程教学。《网页设计与制作》课程基本理论较少，实践性非常强，课程以其生动，活泼，实用性强等特点，受到广大学生的欢迎。在本课程教学中采用项目驱动教学法，将学生置身于具体的实验项目中，能较好的培养学生的观察能力、动手能力和配合协作能力，形成自己对网页设计的独到见解，能为学生以后走向工作岗位提供难得的项目开发经验，提高的就业竞争力。

1 传统教学方法的局限性

《网页设计与制作》课程的主要特点是：理论知识少，实践性强。教师在授课过程中，绝大部分时间都用在教授学生怎样使用设计软件，指导学生完成具体的制作、设计等任务。可以说本课程的最终教学任务是：要求学生能够熟练使用网页设计软件，能独立或协作设计制作完整的网站。

高职院校中传统的《网页设计与制作》教学模式一般采用理论和实践并重，即教师在教学过程中采用1~2个学时讲解理论知识和设计方法，用对等的学时指导学生上机实践的教学模式。教师在理论课教学中多采用：① 让学生浏览、观察若干目标网页设计实例；② 按步骤向学生讲解，分步完成作品的设计；③ 总结操作步骤，回顾重点、难点。也就是“提出问题――解决问题――总结分析问题”的3步走方法，其实质还是传统的“填鸭式教学”，教学内容枯燥，方法单一。学生普遍反映：学习被动，教师讲解的时间太长，在听课过程中思想难以长时间高度集中，真正能记住的只是单一的例题。在上机实践时，往往只能做出简单、孤立的小模块，不能看到整体的网页设计效果，无法独立制作完整的网站作品。可见，在本课程中采用传统的3步走的教学方法局限性很大。

2 项目驱动教学法的思想、特点

2.1 项目驱动教学法的教学思想

项目驱动法的教学思想是：通过将社会上真实的工程项目案例引入到课程教学当中，激发学生的好奇心和参与的热情，鼓励学生主动的发现问题，思考问题，探索寻找解决问题的最佳途径和方法。使学生通过完成项目设计对课程整体知识结构有更深层次的理解，促使学生化被动为主动，增强学习积极性，从而提高对所学知识的认知水平，提高动手操作的能力，形成具有学科迁移价值的问题求解策略和团队合作精神。

2.2 项目驱动教学法的特点

项目驱动教学法的主要特点是：以项目为红线，以学生为主导，以教师为依托。① 以项目为红线，要求所选的项目是真实的或近似真实的工程项目，选择的项目要涵盖课程的主要内容，可操作性强。②以学生为主导，要求学生通过独立或是协同配合完成一个具有明确目的的项目案例，在项目实施过程中掌握相应的知识技能，充分调动主观能动性，挖掘学习潜力。③以教师为依托，要求教师根据自己的工作经验和知识水平，设计和选取适合学生，紧贴社会需求的工程项目，引导学生置身于尽可能真实的项目情景之中，配合学生应用所学知识完成项目的设计，并在项目设计过程中给予必要的帮助。

3 项目驱动教学法的整体设计

3.1 项目的设计要求

为最大限度的让学生涉足各种各样的实际工程项目，教师必须准备丰富的项目储备和标准化项目案例，设置商业设计公司中需要的所有技术岗位，同时，还要求紧贴学生所学知识和操作技能并适当有所提高。这样既能使学生快速上手，迅速的进入特定的项目开发组，又能锻炼学生的主动学习能力，让学生体验到在团队协作过程中攻克难关的快乐，使学生在近似真实的商业项目开发环境中进行项目开发，完成由学生向职业人的转变。

3.2 项目小组的划分

项目小组的划分是关系到整个项目完成效果和能否充分调动每个学生的参与积极性，使其快乐、主动的参与到项目中的重要前提条件之一。由于，学生对本课程的学习有好有坏，对网页设计中各个模块设计的掌握程度各有不同。比如，有的学生对网站框架设计、flash、网站美工等静态网页设计技能掌握的较好，有的则对JavaScript、VBScript、PHP等动态网页设计技能掌握较好。因此，项目小组的划分方式为学生自愿结合，每小组的人数根据项目大小和复杂程度的不同有所变化，以4-6人为宜。这样既能保证项目的顺利完成，又能保证每位成员都参与其中，发挥各自的特长。

3.3 项目的具体设计

项目的具体设计是项目驱动教学法的关键，项目设计的好坏关系到能否最大限度的调动学生的参与积极性和项目的最终完成效果。因此，既要求项目设计包含网页设计课程中主要的知识点，功能模块和常用的设计方法，又要求项目的设计能吸引学生广泛参与，难易适中，具有普遍代表性。笔者根据多年的《网页设计与制作》课程教学经验，选择了当前热门的“网上书店”项目作为项目具体的案例。（见表1）

3.4 课程学时的设置和考核方式

3.4.1 课程学时的设置

结合课程的特点和具体的实施项目，笔者打破传统的教师讲授和学生上机并重的教学模式，采用了教师讲授占20%，学生上机操作占80%的课时设置方法。使学生在掌握基本理论的前提下，尽可能减少授课学时。这样的学时设置，既能让学生有大量的时间进行具体的项目设计，又能保证教师在学生进行项目设计时和学生交流、沟通，给予必要的指导和帮助。

3.4.2 课程的考核方式

笔者根据本课程的特点和项目实施的具体要求，制定的考核方案为：总分100分，其中，理论20分，上机操作（项目设计）70分，考勤10分。在具体的考核中，采用项目展示和小组答辩的方式，答辩小组推选代表进行项目展示和答辩，其他小组的成员作为评委，对答辩小组进行测评和打分，学生评委所打的分数占上机操作分70分的40%；教师对小组进行能力行为评定，通过观察小组成员的平时的表现，分析、评价其在小组中负责的项目模块和所具备的工作能力，给予恰当的分数，教师所打的分数占上机操作分70分的60%。每位学生的最终考核分数为：理论分值+学生评委分数×40%+教师分数×60%+考勤分数。通过上述考核方式，培养了学生团队合作意识，使每个项目小组都成为具有高度凝聚力及协作精神的项目团队，并形成以项目考核为核心导向的学生评价机制。

4 总结

自从该教学方法实施以来，学生对《网页设计与制作》课程产生了浓厚的兴趣，学习成绩稳步上升，实际动手能力也得到了显著的提高。学生们普遍反映：学习过程中心情愉快，所学习制作的项目案例也是当前主流网页设计公司通用的网页设计方法，在学校就能学到走向工作岗位时才能接触到的项目开发经验，无形中增加了自己的就业竞争力。

参考文献：

[1] 胡必波.项目驱动教学法应用研究[J].合作经济与科技,2008(7).

[2] 危立辉.项目驱动式单片机实验教学探讨[J].科技文汇,2010,11（下旬刊）.