时间：2022-12-21 03:40:16
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页设计论文，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
1、大多数教师的教学内容主要为以下几种类型：
（1）上课主要讲解Dreamweaver软件的使用，主要介绍如何使用这个工具进行网站的开发。
（2）介绍fireworks如何绘图，并将绘图的内容切片，将网页展现出来。
（3）将Dreamweaver、Flash和Fireworks分别教给学生。由于课时的原因，学生每种都会点，但没有一样能精通。
2、存在的不足：
经过与现从事网站建设相关工作的学生调研，我发现上面的任何一种教学内容，都无法在实践中得到充分的应用，原因如下：首先，从事网站设计的企业，一般都有专门的美工，负责网页界面的设计，他们的美术功底及设计能力远非计算机专业的学生能达到。其次，现在的网站基本采用DIV+CSS进行设计，原先采用表格设计网页的技术已处于淘汰阶段。而在目前的教学中，DIV+CSS在中职学校中根本没有开展教学。于是就出现了这样的现象：计算机专业的学生在网页设计的岗位上美工做不好，页面也不会设计，教学内容和实际需求的能力脱节。
3、当前计算机专业的网页设计课程教学内容的组织
首先，在学习Dreamweaver的基础上，讲解HTML语言。其次，好的网页需要有新的技术支持。现在主流的网站都采用了DIV+CSS结构,DIV+CSS是网页美工必须了解和掌握的一门技术,DIV+CSS采用样式和结构分离的方式,利于搜索引擎读取网站页面,方便管理和网站维护。
二、教学方法和教学思路探索改善
针对上述提出的实际问题，我对中职网页设计教学的教学思路和教学方法提出以下的见解：
1、提高教师实践能力水平，改进教学方法。
作为网页设计课程教学的教师来说必须关注互联网应用的实时趋势，走出课堂、走出校园、深入到企业了解就业市场需求。学校可以加强校企合作，从政策上引导和鼓励教师利用寒暑假深入到企业进行实践。深入了解一个完整的网站的创建过程，从规划到素材的搜集与处理，到网站制作，再到网站维护。教师把企业中的项目拿到课堂教学中，学生从完成项目的过程中，明确地知道自己学习了网页设计这门课程，以后能做什么工作，在工作中怎么去应用课堂上的知识。
2、多种教学方法并用，优化课堂教学。
(1)分层次教学法
传统的课程设计对所有学生都制定统一的标准和要求,这样影响了基础好、动手能力较高的学生,抑制了他们的发展。“分层教学”就是进行有层次的教学，针对于每堂课程给每个层次学生制定不同的标准,根据学生掌握的水平和对这门课学习的兴趣、智力水平及内在潜力等一些软指标来区分学生层次,让同学们在正确认识自己、评价自己的基础上进行自我选择。教学对象的分层有利于教学目标的分层,可以更好地调动每一个学生的学习积极性、主动性。
(2)个性化教学法
网页设计教学有别于其他软件的教学,它具有较强的实践性。所以在教学中应充分体现学生的主体作用,虽然很多教师都注意到了这一点,教师利用较短时间操作演示,让学生用大量时间去实践,但是学生出现了模仿、记忆的操作过程,往往按部就班的学习,知识没有经过自己思维的深加工而一知半解。为了避免该问题发生,教师在综合训练时可以提供给学生一些优秀的网页作品供学生参考,让他们在某一特定主题下自己动手制作。这样才有利于学生探究知识、自我学习能力的培养,也能充份体验出学生的个性，从而保护了每个学生的创造力。
(3)案例教学法
案例教学法对于这门课程是非常重要的，要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，见多才能识广，教师在上课的过程中，一定要精心设计案例，案例应该由易到难，不能让学生产生畏难情绪，而降低积极性。案例教学的着眼点在于学生创造能力以及实际解决问题的能力的培养，不仅仅是获得那些固定的原理、规则，而是如何用更有效的方式获得知识。案例教学是一种“做中学”的形式，它是从经验与活动中获取知识，增进才干。通过案例教学，学生不仅可以从中获得认知的知识，而且有助于提高表达、讨论的技能，增强面对困难的自信心。
（4）任务驱动法
任务驱动法是以完成具体任务为目的而展开教学活动，使学生紧紧围绕任务进行探索学习，由浅入深，由简及繁，循序渐进地完成特定的教学任务。在整个过程中，学生是学习的主体，教师只起到引导的作用，从而使学生逐渐养成发现问题、思考问题、分析问题、解决问题的习惯。同时“任务”的完成使学生有成就感，激发学生学习兴趣，从而使学生由传统的“被动学习”状态转化为“主动学习”状态。本课程期末考核可以通过设计一个覆盖网页设计与制作所需要掌握的知识和技术的总任务，然后再将总任务进行细分为一个个小的任务，做到具体小任务的完成推动总任务的完成。通过任务的完成，学生能够在一个学期内有效的掌握相关知识和技能，提高了学生学习效率和实际操作能力。因此，任务驱动法在网页设计教学中是非常有效的。
3、教学手段，以启发和体会为主
在网页设计教学中，理论知识讲得再多，如果学生不会灵活运用，一点用处也没有。在教学中，不必太拘束于理论，应让学生结合实践，去理解和体会知识。如在学习网页的布局和页面色彩时，教师应找各种各样的典型网页或网站，让学生在上网或观察中体会。学生在观察和研究这些不同的网站设计的时候，教师可以让学生评选出自己喜欢的或者是觉得最好的和最差的，让学生说说它们的差异。通过这样的观察和体会，让学生明白网页设计过程中，需要注意什么，怎么做才会更好。学生结合自己的实际体会，归纳总结出自己能理解和掌握的知识。
4、实践环节重引导
中职计算机教学更重视实践，重视动手操作，否则理论知识再丰富，如果不会动手实践，也不能保证学生能够更好地就业。实践环节不但要重视，还要高效，有些学校在课程的实践方面，分配了足够的课时，但实践的效果并不好。在网页设计这种相对比较开放和自由的实践课上，可让学生充分发挥自己的想象力和创造力。值得注意的是，在学生的实践过程中，教师要对学生进行适当的帮助和引导，如果任由学生自己去摸索，那么很可能在上机实践这段有限的时间内，学生很难做出点东西来。这个阶段并不是学生探索的阶段，重要的是鼓励学生把设想变为现实。
三、考核、评价方法的改变
网页设计课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力，那么单纯靠最后的期末考试，是不能确切的评价一个学生的真实水平，而要将平时的作业、练习都纳入学生评价中。对于网页这门课程，我认为比较合理的评价方法应该是平时的作业占50%，期末考试占50%。平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况。对于期末考试，我认为应该以要求学生设计一个完整的网站来结束本课程，而不是要求在给定时间内完成任务，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，何况学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。
四、总结
网页设计和平面设计有着十分密切的联系，同时两者之间也有着一些区别。平面设计和网页设计都同属于现代化特色的艺术表达范畴，都是通过电脑技术来辅助或者直接完成。两者都是集艺术创作、电脑载体以及数字技术于一体的，用视觉进行沟通和表达的一种艺术创作过程。
1.网页设计是平面设计的网络化
网页设计是指利用标识语言，经过一系列的建模、设计、执行等过程，将数字化格式的信息通过网络传播，最终以图形或者视频形式被用户浏览。因为网页设计是一种能够充分利用各种信息化手段的设计过程，所以它既能够像平面设计一样对主题进行完美诠释，还能够细致地描述目标。在某种程度上来说，创作网页设计的过程中，主要使用的手法，技巧都是延伸平面设计，有些甚至是一样的。因此将网页设计和网络技术紧密结合起来，是将来网页设计的一个必然方向。
2.网页设计是平面设计在网络时代的延伸
伴随着网络时代的迅速发展，人们和网络的联系也越来越密切，人们利用网络技术改革以往工作方式。在平面设计领域也不例外，设计师们利用鲜明的色彩，精心的网页布局想方设法地吸引人们浏览自己的网站。完美的网页设计一定是有着完美的网页风格。基于网页设计和平面设计有着很大程度上的相似性，加上网页设计的发展背景，我们不能将两者孤立起来看待，而要清楚地认识到，网页设计是平面设计在互联网时代的一种独特表现形式，是平面设计在新时期新环境下的一种延续，一种创新发展。
3.网页设计和平面设计在技术上的区别
网页设计顾名思义就是依赖于互联网进行创作，对于先进的软件那无法摆脱的依赖性是网页设计的短板，但是平面设计却不是这样，它对于这类软件依赖性小，因为可以利用手绘来代替。网页设计一般工作都是借助绘图工具，只有在这么强大先进的软件配合下才能完成设计。但是平面设计伴随着经济和科学技术的发展，能够不只依靠绘图工具还可以利用画笔，颜料等传统工具来工作。
4.总结
随着时代步伐的加快，人们的生活节奏也是越来越快，所以能够吸引人的东西一定是直观的，是一目了然的。人类社会已经进入了一个“看”为主的视觉化时代，网页是这个时展而产生的一种人人交流沟通的交互系统。如今的互联网已经渗入到人们生活的各个方面，每时每刻都有人在网络上完成购物，交水电费，存钱，定电影片等各项消费和看电影，听音乐，玩游戏等各种娱乐活动，所以，网页设计的实用性和艺术性就显得相当重要了，它是网站抓住客户的重要前提。网页设计是平面设计的延伸和发展，平面设计为网页设计的前进提供源源动力。这两者既是相互联系又有着很大区别，设计师们要清楚认识到这些问题，利用各自优势，充分把握视觉原理对设计的作用，设计出更具美感的作品来。
作者：周霜菊 单位：成都大学美术学院
一、文字元素
文字作为记载信息的符号，在网页设计中有着举足轻重的重要性，其作用是图片、视频和动画等元素不可代替的，文字的设计优劣也决定了整个网站的视觉效果。文字的易读性和辨识性是网页设计的重点。文字颜色和背景要区别开，周围元素不能影响到文字的阅读，对流动文字的应用要慎重。文字的距离一定要设置好，注意细节，安排好文字和图形之间的交叉错合。在现代设计中，文字图形化的趋势越来越强烈，即是强调把文字作为图形元素来展现，加强其美学效应，强化了原有的功能。
二、图形元素
图形元素的存在大大美化了网页设计，它拥有强烈的艺术美感和视觉冲击力，是文字之后最早被引入到网页设计中的元素，它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理，才能使得网页在短时间内给受众留下深刻的印象。网页设计中的图片提供导向和链接的功能。根据人机心理学研究，人们的视线在浏览网页时，会首先垂直的落在屏幕中心，然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域，所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到，受到宽带的限制，所以要求图形文件量尽可能的小。在图片大小固定的情况下，文件量越低说明图片分辨率要越低。对于显示器上的图片而言，分辨率为72dpi是大多数图片的最佳选择。
三、色彩元素
色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动；黑色给人沉重感，浅色则让物体轻盈；色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。网页设计中的色彩元素需要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色，不能毫无节制的运用太多颜色，一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的，目前显示器大都采用RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。
四、版式设计
用户界面展现在浏览者面前的数字化物化界面，组成元素是与传统物化界面相同的图文信息、版面设计、色彩布局。界面设计普遍遵循了平面设计的视觉传达方式。版式设计就是在有限的空间中遵循视觉设计原则，把各种多媒体元素进行合理的组合。不同的主题网站有着不同的设计思路，引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌，欠缺规划，缺乏审美意识。各种文字、动画、色块等杂乱无章，令消费者厌烦。网站设计首先要对企业、产品、受众信息等进行全面的调研和综合分析，指定网站合适的整体风格，以合适的版式设计表达形式营造出相适应的氛围。
作者：高翔单位：淮阴工学院
互联网飞速发展的年代，网络内容也越来越丰富，人们对网络的要求也越来越高，不仅仅满足于文字和图片，更希望网页可以舒适一些，漂亮一些。色彩刺激着人们的视觉，网站设计的好不好，从某种意义上来说，主要是由色彩是否应用得到决定的。因此，现在的设计者不但要懂得基本的网络制作常识，还要熟悉网站的风格，以及色彩的搭配。
2、色彩在网页设计中的重要性
如今，人们打开一个网页，已经不再满足于文字的内容，他们有了更高的审美意识，对于网页设计来说，艺术设计的地位就越来越重要了。色彩包含在美学当中，各种色彩代表不一样的内涵。以网页的内容以及特点为基础，合理的运用色彩构成，正确的搭配色彩，可以增加网页的视觉效果，从而引起人们的共鸣，影响人们的情绪，不但可以传达信息，还可以产生情感上的交流。对于艺术设计来说，色彩是很关键的要素。色彩搭配的好，可以给人们很直观的视觉冲击，以及艺术享受，可以让人们站在美学的角度来理解网站的内容，这就是网页色彩设计的初衷。网页在性质上属于视觉传递的新型载体，和杂志、电视、报刊以及广播等传统的媒体比较起来，构成更加复杂一些，将文字、图像以及声音融于一体。用户打开一个网页，最初的印象就是色彩。对于网页设计来说，色彩有着重要的意义，它不但可以表达网页作品的内容，还可以实现视觉的传达。
3、网页设计中色彩的应用
3.1网页设计中色彩的调和与搭配。网页的形式各种各样，宣传效果也是大不相同，我们要对网页设计的各种色彩搭配以及理念进行研究，所谓的理念，就是把色彩融入到网页的构成当中，从全局的角度体现出具体和局部的美，此外，可以依据宣传内容，利用色调和色彩表达出来，根据不同的网页种类，用各种形式进行表达。
3.1.1针对各种群体，采取网页色彩表达。因为受众群体是不一样的，网页的色彩也有要区别，举个例子，以年龄段不同进行区分的受众群体，就要表现出性格以及年龄的特征，每一个年龄段的群体，情感需要是不一样的，在设计网页时，选择的方法也是不一样的。对于儿童来说，主要以红色以及绿色为主色带，在关键地方表现出来，然后在辅以其他颜色，这种色彩可以体现出活泼的格调。
3.1.2针对各种类型的网页设计宣传理念，如何进行色彩搭配。不同的网页，所要实现的宣传目标是不一样的，通常来说，我们利用各种感觉通到以及色彩的感受，去领域宣传的本质内涵。我们设计网页，主要是为了实现宣传的目的，利用色彩的方式，可以把这种目的体现出来，这就叫做不同产品设计理念的不同理解以及表达。
3.2网页设计中色彩对应与分配。
3.2.1设计网页时，色彩搭配要注重层次性。在设计网页时，我们想要传达给受众的是多层的信息，而不是一层两层，同时，各个层次还是可以相互包容的，这种包容就体现了色彩搭配，而且不同色彩之间还有各种元素交织在一起，为了更好的传达信息，也为了更生动准确的传达信息，我们必须体现出色彩的层次性，这也是我们所要表达的设计理念。色彩的层次性关键是精，而不是多，更主要的是合理以及整洁，所谓的合理有序指的是色彩的合理分布以及有序搭配，我们所倡导的是前面是主色调，随后是单色调；带有宣传目的色彩置于前面，而搭配意义的背景可以置于后面，这种搭配方式可以起到很好的效果，而且这种层次性还可以让人们有一种焕然一新的感觉，然后通过色彩的形式表达出来，实现宣传的目的。
3.2.2设计网页时，色彩搭配需要注重包容性。色彩的包容性，指的是各个色彩之间的搭配以及穿插，这种搭配以及穿插，可以把各种颜色融合在一起，从而表达出一种感情。网页设计不同，色彩包容的颜色也不同，举个例子，某些网页是为了宣传某种产品，在广告中，利用的是反思维的方式来引导受众，然后引出产品的形式以及构成。这种网页的主色调会置于一个关键的位置，在它的周围以及内部进行科学的搭配。
3.3网页设计中色彩的简单与复杂规划。
3.3.1简单色彩形式的网页设计。这种形式的网页设计，主要是为了体现出重点，营造出需要的氛围，表达出一种情感。而这种情感也就是我们秉承的设计理念以及规划。体现出重点，也就是体现出网页的内容，这种情况通常可以采用视觉冲击力较强的色彩来表达，而在搭配背景颜色时，要更加清淡，做一些简单的描绘以及勾勒，主要的目的还是体现出网页的关键内容。
3.3.2复杂色彩形式的网页设计。这种形式的网页设计指的是把各种颜色合理的融合到一起，并且利用不同的色调表现出来。这种方式的表达，是通过复杂的色彩，表现出一种内心的感悟以及情怀，而复杂是建立在有序的搭配之上的，并不是表面上的凌乱的色彩，而是为了更加突出重点，某些色彩的设计理念所遵循的就是合理的选择以及放弃。有些网页属于艺术类型的，为了重点表现某一项艺术技能，一般会用各种色彩进行描绘以及勾勒，同时，反复的运用色彩搭配实现渲染的目的，这种类型的网页常见于摄影方面，运用了色彩的积极效果。
1Photoshop在网页设计中的作用
1.1正确输出图像，优化网页速度
伴随着信息化的发展，人们在使用网页的过程中十分注重下载速度控制，下载速度太慢不仅会降低人们的工作效益，还会影响人们对该网站的评价。因此，设计人员必须从优化网页速度着手，强化Photoshop在网页设计中的作用。1.1.1采用合适的图像精度显示器在网页中的主要作用是显示系统提供给客户的基本信息，通常情况下，设计人员在确定图像精度之前，应该综合考虑显示器的基本特性，通常采用精度为72dpi的图像，如果图像的进度太高或者太低都会不同程度地降低用户的下载速度。网页中部分文件的原始尺寸比较大，由于网页的使用区域受到限制，设计人员可以采用DW实现图像显示的需求。1.1.2选择合适的颜色深度Photoshop在网页设计中的应用还能选择合适的颜色深度。上文中提到，网站的颜色与用户的评价之间存在必然联系，Gif格式的图像文件颜色深度与文件数量成正比例关系，如果用户可以直接看到该文件，gif的颜色深度应该越低越好。网页中部分图像对颜色要求不高，设计人员应该将64色的图像与256色的图像进行对比，并减掉对比后数据的一半字节，此时形成的色彩深度可以满足用户的实际需求。1.1.3输出正确的图像格式Photoshop在网页设计中的应用还能保障输出图像格式的准确性。网页中如果图像大小差不多，那么图像显示的效果也相仿，为完成网页输出图像的实际需求，设计人员可以综合使用Photoshop中的存储格式，可以将需要输出的图像压缩至原来的1/2，从而确保输出图像的原始格式。
1.2使用Photoshop进行网页布局
网站建设人员必须高度重视网页布局在网站建设中的重要性，网页布局直接关系该网页的点击率。因此，网页布局不必保障美观、大方、规范以及合理性。Photoshop在网页设计中的应用能够引导设计人员设计出符合现代社会发展需求的网页。其作用主要表现在：第一，优化布局规划。在设计网站之前，设计人员应该提前完成网页的布局规划设计，设计人员在设计网页之前必须与客户进行深入沟通，在确定布局后，及时与程序设计者联系，将网页内容和程序设计交由程序设计人员完成；第二，布局要点控制。Photoshop在网页设计中的应用还能引导设计人员明确设计要点，网页文档要素、网站背景颜色、导航字体、正文字体以及图文之间的关系等网页元素均可以由Photoshop进行统一安排和设计；第三，Photoshop在网页设计中的应用还能活用切片，合理控制网页中“留白”和“爆边”的面积，为提高网页的显示效果提供动力保障。
2结束语
总之，Photoshop在网页设计中的应用过程中发挥着至关重要的作用。要想提高我国计算机网络系统的整体水平，网页设计人员应该在明确Photoshop在网页设计中应该注意的问题的前提下，从正确输出图像、优化网页速度以及进行网页布局等方面着手对Photoshop在网页设计中的应用中的作用进行分析，为提高我国计算机网页设计水平打下坚实的基础。
作者：邓美玲李丹单位：上饶职业技术学院
目前，案例驱动教学在高等教育各学科中广泛使用．但由于很多教师对案例驱动教学法的内涵、特点及组织过程的认识不透彻，导致案例教学法的使用存在许多误区．
(1)案例设计不当．
案例驱动教学本质上应是通过“案例”来诱发、加强和维持学生的成就动机，成就动机是学生学习和完成任务的真正动力．因此，案例驱动教学法的案例设计是教学成败的关键因素．案例过于简单、欠缺针对性、设计不清晰等都会影响案例教学的教学目标．一个具体的案例设计，必须考虑周全，保证案例的可行性和有效性．进行案例设计时，要以学生为中心，教师为主导，兴趣为主线，使学生在完成任务的过程中掌握知识、技能、方法并学以致用．
(2)组织实施过程并非案例教学．
案例教学是师生的双向活动，通过具体案例引导学生参与分析、讨论，让学生在具体的案例情景中积极思考，主动探索．在实际教学过程中，有些教师只是把案例呈现给学生，像讲故事一样叙述一遍，没有引导，没有总结，缺乏交流与互动;有些教师在课堂上引用了案例，但教学方式还是沿用传统的灌输式的教学，仍然以教师为主体．以上种种教学方式看上去是引用了案例，但并非采用了案例教学法，更谈不上通过案例驱动去激发学生的学习兴趣，培养学生分析问题解决问题的能力，提高学生自主学习及与他人协作的能力．上述种种对案例驱动教学法的不恰当使用，将直接影响学生学习的深入和教学目标的达成．本文结合“案例驱动在网页设计类课程中的应用”的教改课题，对案例驱动在实际教学工作中的应用进行了探讨和反思．
2案例驱动的教学实践
《网页设计》是一门知识点丰富、应用性和操作性强的课程．此类课程目标是培养学生分析问题和动手解决问题的能力．通过教师对网页设计知识点的讲解，结合案例驱动的教学模式，让学生系统地学会如何设计网页和开发网站．
2．1案例选取的原则
根据网页设计课程的内容和特点，在课程开始就引出成品案例，明确需要解决的问题，调动学生的学习积极性;同时，在教学过程中，以该案例为线索，将其贯穿于课程的始终，将零散的知识点结合在一个完整地案例实现中，并通过分组操作完成案例的方式，进行相互评比学习，进一步扩展知识面．对于教学过程中的小知识点选择对应的小案例．案例的选取在案例驱动的教学过程中至关重要，大的成品案例应具备较强的实际应用价值，能够较好的模拟真实的应用环境，小知识点案例则需注意选取的针对性，做到有的放矢．在实际教学过程中，我们一般遵循以下的案例选取原则:
(1)代表性．
在课程开始之初，为激发学生的学习兴趣，明确学习目标．让学生观摩的成品案例应选择不同风格类网站的代表或往届学生优秀作品的代表，且此类网站需和学生的实际学习生活息息相关，如班级网站、购物网站、技术网站等，以此调动学生继续探究学习的积极性．
(2)针对性．
在教学过程中零散知识点对应引入小案例，此类案例应具有较强的针对性，将课堂教学目标融入到案例教学中．如通过网站公告栏引出对marquee标签的讲解，通过网页的刷新功能引出对meta标签的讲解等．
(3)趣味性．
尽可能选取趣味性强的案例，更好地吸引学生的注意，抓住学生好奇的心理，唤起学生更多的学习热情和欲望．如通过漂浮的广告、滚动的图片等案例引出对脚本内容的讲解．
(4)综合性．
成品案例的选取应注重综合性．一个成品案例网站应涵盖HTML，CSS，JAVASCRIPT等多个知识点．通过成品案例的设计与实现，考察学生综合应用多知识点解决实际应用的能力．
(5)理论联系实际．
更多地结合学生在实际生活学习中的应用选择案例，最好从学生熟悉的操作和感兴趣的事件出发，使他们有更多的机会从周围熟悉的事物中学习和理解，感受到设计的趣味和作用，体验到设计的魅力．如在讲解时间对象时，可以选择人性化问候或重大事件的倒计时牌设置作为案例引出．
2．2案例驱动教学的实施过程
在案例驱动教学应用到《网页设计》类课程的具体实践中，我们创设了“模仿—扩展—发挥”的教学过程．具体的教学过程主要分五个阶段展开．
(1)成品案例演示，学生观摩．
此阶段为教学展开的第一阶段，通过各类代表性综合网站的观摩，激发学生的学习热情，调动学生的学习积极性，为课程深入学习打下基础．可粗略提及网站内容组织，设计理念和主要相关技术，建立对课程学习的大体认识．
(2)知识点讲解，模仿练习．
此阶段是教学深入开展阶段，教师开始各类知识点的讲解，通过引出小案例配合教学，教师需要示范案例的制作过程，讲明案例的制作步骤和方法，讲解制作中运用的知识要点和技能，学生模仿练习，达到掌握各类知识点的目的．
(3)成品案例扩展，实现．
成品案例的实现是一个循序渐进的过程，在知识点的讲解过程中，学生在每次模仿练习完成后，可运用已学知识与技能逐步展开对成品案例的制作，不断扩充，直至课程结束，案例制作完成．
(4)评价教学．
教学实践完成后，教师抽取学生个案展示，并对学习成果进行多元评价，归纳总结学生学习过程和结果中出现的问题，引导学生进行反思．同时对优秀的案例进行总结分析，和学生分享学习其设计的风格、思路和技巧，查漏补缺．
(5)自选主题设计作品．
此阶段为自由发挥阶段，不限题材，不限风格，引导学生应用所学构建风格各异的网站，通过自主完成搜集素材到分析设计，再到制作的过程，让学生充分了解并亲历实际开发中网页设计的开发流程，提高学生独立分析和解决实际问题的能力，有利于学生的自我完善和提高．针对目前《网页设计》课程的教学体系所存在的不足，只有通过教学内容的整合与优化，并以课堂教学环节、实验实训教学环节、考核方式的改革相配合，建立一个合理的实践教学体系，才能培养学生的学习兴趣，提高学生在网页设计的应用中分析问题和解决问题的能力，促进教学质量的提高．在实际教学过程中，我们采用以下的策略来优化教学过程，进行案例驱动教学工作的实施．首先，以案例驱动为导向，优化教学过程，改进学习方式．同时，加强实训环节的教学．直接引进企业实际应用需求的案例，学生在教师指导下通过分组直接参与综合大型实践案例开发．通过这种大型实训教学，完成对基本知识和基本操作技能的综合训练，让学生了解了实际工作中需要的多方面素质，实现了课堂教学与职场岗位间的“短距离对接”．其次，开展技能比赛式教学．组织网页设计与制作方面的竞赛，如网页设计、图像处理等，通过形式多样、丰富多彩的学生竞赛活动，促进学生主动进行计算机应用与技能训练活动，提高学生对技能应用的能力，加深对知识的理解．在对《网页设计》课程采用案例驱动教学法后，学生学习积极性大大增强，动手实践能力显著提高，通过案例展开的教学让学生更轻松，系统地掌握知识和技能，上机实践已由验证实验逐步转变为自主设计实验，学生能在课程结束时学以致用，或个人独立或分组协作达到完成一个综合性网站制作的目标．在学生获得相应技能的同时，学习的积极性、主动性、创新能力、协同工作的能力，独立分析问题和解决问题的能力都得到了发展．
3结语
1.1课程设计
职业教育工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。
1.2课程实施
根据职业教育课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。
1.3课程评价
课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：
（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；
（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；
（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。
2结语
1.1动画、视频设计
在一些网站中，不难发现一些动画、视视频之类的东西，通过这些可以生动形象的将主题突显出来，使得网页浏览者可以在感官上获得享受，同时产生空间的联想。这样也使得动画在网页设计中的地位越来越突出，成为网页设计中非常重要的组成部分。
1.2图形、图像的版式设计
在对网页进行设计时需要注意图像质量的选择，注意图像的质量，尽可能的做到精致，这样也就要求设计者在设计的过程中要对图像进行细心的筛选，使图片在整个网页中的效果既融洽又精致，同时还需要对图像的色调进行选择，对文字进行合适的排版，这样就可以使得图形和文字的效果在视觉上呈现出一种意境美，从而使得整个网页的形式统一，设计新颖。
1.3在对多媒体元素选择的过程中要注意与网页风格的协调
在设计网页的过程中需要注意网页的主体，通过视觉上的冲击效果以及浏览用户的心动情况吸引用户，促使用户直观的理解网页的主题，并通过艺术美吸引浏览者关注本网站，最终实现网站设计的目的。
1.4注意在多媒体设计的过程中体现艺术性
随着信息技术的不断进步，多媒体技术得到了迅速发展，当前网络传输的技术以及硬件技术也在不断的提高，这样也就为艺术和技术的结合创造了良好的条件，这样也有利于网页的设计体现出更为优质的效果，从而也为多媒体技术在网页设计中的应用创造了更为广阔的前景。
2在多媒体设计中恰当的融入艺术设计的成分
网页设计不只是由多媒体元素构成，为了使其更加的美观就必须要考虑艺术性，要注意平面效果的传达，这也就需要做到不同的元素结合起来，但是在结合过程中需要注意以下几点：
2.1在设计网页的过程中要注意内容和形式的统一
在进行设计时就需要做到形式与内容的统一，使得形式服从于内容，从而使得网络的整体效果表现出来，这也就要求网页的细节需要做得很到位，从而使得网页与多媒体元素的相关性凸现出来。
2.2突出主题要素
网页要尽可能的突出主题，使得风格与之相协调。在风格选择上要注意多媒体元素的选择，注意其色调的搭配，同时还要做好排版工作，从而使得整个网页具有较强的吸引力，达到应有的效果。
2.3注重色彩搭配
在一个网页中色彩数量最好控制在4个左右，同时还要分出主次，确保总体上的统一，在局部上形成对比，要注意体现主题的色彩搭配，注意色系的选择，还要注意背景色的选择，尽可能的站在浏览者的角度思考问题。
2.4注重网页布局
网页布局大致可分标题型、拐角型、框架型等，选择布局类型的依据主要是信息状况，网页状况以及结构状况，这样就会使得网页的页面可以一目了然。国字型以及拐角型的适合用于信息量大的网页中，标题正文型的适合用于纲要性的网页之中，动画型的可以灵活的运用到各种各样网页之中，但是在布局的选择过程中需要注意各种布局类型优缺点的选择，只有这样才能使得网页的效果更为明显。
3结束语
（1）实践性强。课程内容离不开具体的软件平台，例如网页三剑客软件DreamWeaver、PhotoShop和Flash。教学各项活动的开展需要在软件平台上完成，学生通过在软件平台上实际动手操作，来掌握相关的技能和知识。可以考虑结合软件平台的操作规范设计相应的课程环节。（2）软件项目客观上要求按工作过程开展课程环节，不能脱离岗位实际。如果网页设计课程不讲具体网站项目如何搭建，单纯以理论知识为主，教学将严重缺乏实际意义，教学效果很差。课程对学生来说味同嚼蜡，使他们渐渐失去学习的兴趣。如果能考虑按照工作岗位的实际工作任务，例如围绕如何开发一个企业网站来组织课程，这样就能做到有的放矢，教学活动才有意义。
2《网页设计》的实施
2.1课程设计
工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教、学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。如表1所示，开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。
2.2课程实施
根据课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。
2.3课程评价
课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。
3结语
《网页设计》是大学非计算机专业本科生的公共选修课，按照高等院校文科类专业大学计算机教学要求的规定，属于计算机小公共课课程体系中的核心课程。教学目标是通过对Dreamweaver等网页制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解，具备独立开发简单静态网站的能力。网页设计技术由于紧贴时代脉搏，易于反映社会现实的需要，在网站的定位、功能的设计上可以充分表达学生的想象力和创造力，因此非常适宜对学生创新意识的培养。目前《网页设计》公共课的教学，主要是讲授Dreamweav⁃er以及Photoshop、Flash等软件的使用，使学生掌握网页制作的基本技术、页面美化的基本方法。但是如果教学过程中仅仅注重技术的学习、知识的传授，这门课就会失去活力，不能体现出课程应有的价值。虽然可以在课程考核中要求学生交一份开放式作业，自拟主题设计制作一个网站，在评分标准中对网站的创意有一定鼓励，但这对于激发全体学生的创新意识、把创新意识贯穿到教学全过程来说还是远远不够的，在这方面我们还有很多值得改进的地方。要把鼓励创新思维、发现优秀创意、指导完成作品作为贯穿整个教学过程的指导思想。教学不是一成不变的知识传授，而是与学生一起进行的创作体验，期末指导出一个优秀学生作品并进行展评，使学生见证一个想法从诞生到实现的全过程，从而在他们心中埋下创新的种子。
2引导创新意识的网页设计教学改革实施方案
为了将创新意识的培养融入到网页设计的教学中去，就应该突破仅仅进行知识传授的局限，把发现和鼓励学生设想新颖独特的网站、指导和帮助学生完成网站设计、扶持和宣传优秀学生作品、培养学生的成就感和创新精神融入到教学活动中，提升课程的教学效果和教育意义。从教师讲解、学生定题、选题评价、指导完成等过程入手，让学生亲眼见到优秀的创意是怎样实现的，使他们在《网页设计》课程中学到的不仅是技术，更要树立起他们勤于思考、勇于实践的创新意识。通过教学方法的改革，使《网页设计》课程成为激发学生创新潜能的大课堂。其实施方案设想如下：
（1）征集学生创意运用项目驱动式教学法，让学生自选主题构思一个网站，撰写简单的网站策划书。教师须在开课之初布置该作业，并通过实例介绍优秀网站，启发和鼓励学生积极思考，设想出独特、实用、有意义的网站主题；
（2）发现优秀创意教师从第一次学生作业中找出个别优秀的网站创意，进行点评，征求全体学生的意见，对网站的功能、栏目进一步补充完善；
（3）指导完成作品在以后的教学案例中，以选定的网站主题为目标，结合教学内容进行局部页面制作，在上机课上对这名学生的作业进行主动的辅导、点评，帮助其最终完成作品；
（4）宣传推广增值在适当的时候，将优秀学生作品到网上，增强学生的成就感。题材确实新颖的话，还可以进一步整改完善，推荐参赛。如果每学期都能树立一个成功的典型，对全体学生创新意识的培养都会起到积极的鼓励和促进作用。
3培养创新意识的教学案例
按照这种设想，在去年的《网页设计》公共课的教学中，于开课第四周收了一次学生作业，要求撰写简单的网站策划书，其实就是想看看学生想做什么内容的网站，对创意新颖、贴近现实需求的想法给予表扬和鼓励，比如为偏远家乡做的旅游宣传网站、针对大学生情感问题做的心理访谈网站、结合自己的专业知识做的专题学习网站等。其中一名体育学院学生写的网站创意“华武社”，是根据自己的武术特长及表演经历，以自己入校以来准备创办的社团组织——华武社为主题进行设计的，由于内容独特，需求明显，被选为教学范例，在后续课程的讲解中多次以该项目为例，逐步丰富和完善了各个网页，最终在师生的共同努力下形成了一个美观实用的网站，得到了很好的反响。整个教学过程使学生们看到了学以致用的效果，并且将学习、思考、解决具体问题这些环节紧密地融合在一起，无形中培养了他们勤于思考、敢为人先的创新意识。
4结语
1.1理实一体课程教学阶段
前7周为理实一体课程教学，本阶段主要采用“项目导向、任务驱动”教学模式，该教学模式是以培养学生的职业能力为核心，以学生为主体，以项目实践为目标，以项目过程为导向，用项目任务进行驱动，对每一任务进行分解，围绕项目任务的具体实施方案，构建开发的学习环境，进行知识内容和专业技能的学习。“兴趣是成功的一半”，本阶段围绕典型的同学们感兴趣的实际案例项目展开，把理论知识点融合其中，完成学习性工作任务。每一个典型任务教学过程包括(1)任务展示导入新课，引出问题(2)任务分析，寻求解决方法(3)知识讲解，奠定理论基础(4)任务实施，形成专业能力(5)归纳总结，提炼重点、难点。“项目导向、任务驱动”教学模式首先通过展示任务吸引同学们的兴趣，充分调动其学习积极性;通过一步步任务分析，引导学生思考，发挥其主观能动性，变被动接受为主动学习，从而提高学习效率;任务实施的过程，也是理论转化为实践的过程，从“授之以鱼”到自然而然的“授之以渔”。教学方法上除了引导法、互动法等，还有学生演示，学生上台操作，提高了学生的注意力，课堂气氛紧张而活泼。
1.2综合项目教学阶段
第9－14周以“安徽旅游网”为主线进行综合项目教学，完成实际工作任务，并以“公司网站”作为课外拓展项目训练。该阶段的教学主要采取“工作过程导向”的教学模式。“工作过程导向”的课程教学组织和实施是以工作过程为导向，发挥学生主观能动性，强调学生个性发展。教学内容是通过对职业岗位分析确定出来的典型工作任务，从而使职业教育更加接近企业实际。通过前期调研及对具体岗位(群)分析，明确了该阶段的主要工作任务是根据旅游网站的特点设计出网站规划书(包括需求分析、站点规划、页面布局图、实现技术)，然后进行网站页面的制作，以及测试、。最后归纳出的典型工作任务包括:旅游网站需求分析与设计、网站整体规划、网站页面布局、网站页面制作、网站、更新及维护。本阶段的教学在“教、学、做”一体化机房完成，以学生动手做为主、教师理论讲解为辅。随着一个个工作任务的完成，整个项目也就完成了，学生成就感大大提高，同时也明白了实际的工作过程，为以后入职打下基础。在做的过程中，不仅仅会做这一个项目，最重要的是可以举一反三，“知其然更知其所以然”，课下完成拓展训练。综合项目教学阶段很好的培养了学生的职业能力和素质。
1.3实训拓展阶段
课程结束后的一周时间为综合实训拓展阶段，学生分组完成实训任务。本阶段采用“模拟公司”教学理念，“模拟公司”教学模式实质是人为的创设仿真模拟环境，模拟职业或岗位训练给学生身临其境的感觉。学习过程中学生是学习的主体，教师只是一个引导着。学生自主创建公司，可以体会企业的业务流程，并了解各环节之间的联系，而又不必承担企业风险。任课教师在实训之前先根据班级人数招聘公司经理，公司经理成立公司并招聘自己的员工，根据学生情况进行任职，如网页设计师、网页制作员、测试人员等。公司经理一般是班级比较优秀的学生，每个公司的员工成绩尽量有梯度，避免有的公司全是优秀的学生，有的公司全是成绩差的学生。每个公司根据实训前教师所给的“实训任务书”，竞标其中一个实训任务，教师模仿客户，提出具体需求，写出详细的规划书，公司成员协同完成整个实训任务。该阶段公司员工以团队协作的方式完成任务，每个人又自己的分工，同时又相互合作，有问题大家一块解决，相互学习。本阶段，学生的解决问题能力、学习能力等专业技能有了提高，同时团队协作能力和创新能力也得到了发展。
2考核
本门课程的考核分为四个部分:平时成绩、阶段考核、实训考核、期末考核。
3小结
1.1课程设计
工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教、学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。
1.2课程实施
根据课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。
1.3课程评价
课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：
（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；
（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；
（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。
2结语
