网页设计论文范文精选3篇全文.docx

网页设计论文范文精选3篇全文.docx

《网页设计论文范文精选3篇全文.docx》由会员分享，可在线阅读，更多相关《网页设计论文范文精选3篇全文.docx（9页珍藏版）》请在冰点文库上搜索。

网页设计论文范文精选3篇全文

网页设计论文范文精选3篇（全文）

一、网页应是浏览为主

在用户获取信息的方式上，网页有别于纸质媒介，网页是以浏览为主，而纸质媒介是以阅读为主。

所谓浏览，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜寻是否有感兴趣的信息线索；阅读比浏览更具有主动性和目的性，是有目的地读，其目标是理解。

克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实：

一是“我们不是阅读网页，而是浏览”；二是“我们不做最佳选择，而是满意而止”；三是“我们不深究原理或本质，而是想当然地使用”。

我们为什么对网页是浏览呢？

克鲁格的分析认为有三个原因：

一是因为匆忙，使用网络的目的多半是想节约时间，这样用户就会不停地运动；二是用户知道不必全部阅读，通常一个网页里面只有很少一部分是他们感兴趣的；三是用户擅长浏览，浏览是人们日常生活中搜寻信息的惯用方法。

基于这样一些原因，用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程，直至满意而归。

如果中间出现了不满意，这个过程就会终止，用户就带着不满意而离开。

所以，在设计网页时，哲学家威廉提出的奥卡姆剃刀原理“如无必要，勿增实体”和建筑大师密斯•凡•德•罗提出的“少即是多”原则是我们检验设计的两面镜子。

在确定网页的内容时，突出那些重要的内容，去掉那些不必要的图案和文字，即使那些能够让你的网页在视觉上产生更好的效果，但如果其干扰重要信息的浏览，仍然应该果断地去掉。

在网页中，只有那些有利于信息传达目标的美才是有价值的，美应该符合于功能的需要，美和功能的和谐统一才是网页设计追求的目标。

为了便于浏览，在网页内容的编排上必须尊重视觉习惯，我们在浏览时总是从左到右，由上而下地扫视，要根据内容的重要性，进行从左到右、由上而下地依次排列，使重要的内容最先映入浏览者的眼帘。

在文案的写作上，为了便于快速浏览，一是对标题、关键内容加以强调；二是采用短的句子和段落；三是采用清晰的分区和列表；四是先总体后详细的写作顺序。

用户在进行浏览时首先是通过标题和二、网页设计不应打破惯例

前面已经提到，网页是一个要求即看即用的特殊“产品”，也就是一看我们就要知道如何使用。

我们虽然使用了若干手机，但我们购买了一款新的手机时，我们还是得阅读说明书后才能正常使用，网页确不需要。

那如何才能达到即看即用呢？

使用惯例就是最好的武器，这也是提高所有产品易用性的重要法宝。

惯例就是我们已经习惯了的东西，我们一看就知道它的意思，就知道怎么去操作，因为惯例是我们日常生活中积累起来的，已经存入大脑的固有知识。

唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识，使用存储于外部的知识不需要学习，但效率低；使用头脑内部的知识需要专门学习，但效率高。

而惯例是已经存储在头脑内部的知识，具有外部知识的高易用性和头脑内部知识的高效率。

在网页设计中有很多惯例是不能轻易去打破的，一是重要导航在页面的位置，按照惯例一般布置在页面的上部、左上部或右上部，首页的链接放置在最前面；二是网站的标识放置在页面的左上部，浏览者用其来判别是否到达了目标网站；三是文字链接要加下划线（也可以鼠标放上去才出现），浏览者用其来判断是否有超级链接；四是常用标识符号，如在多页文档中，代表向上翻页，代表向下翻页；在视频、音频播放中■代表停止，代表暂停，代表播放。

这些标识符号在网页中已经具有特定的意义，是不能随意改变的。

三、设计层面之间的逻辑联系

在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面，包括战略层、范围层、结构层、框架层和表现层，并确定了自下而上的建设流程，规定了设计的程序。

自下而上的各个层面，从抽象逐渐变成具体，并且包含着密切的逻辑联系。

战略层确定的网站目标和用户需求，是整个网站设计的基石，其决定范围层的内容选择和功能设计；结构层是对范围层选择的内容进行分类和组织，形成信息架构，以及对确定的功能进行交互设计，确定交互的过程和交互行为；框架层是在结构层信息架构的基础上，根据完成任务的需要，利用超级链接设置来完成导航设计，以及规划信息架构在页面空间中的位置关系，形成布局框架；表现层是对框架层进行具体的视觉表现，包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。

从上面的分析可以看出，下一层是上一层的设计依据或设计对象，上一层是下一层的进一步深化和具体，相邻层之间紧密联系，既不能交换，也不能跨越，更不能缺少，具有严格的秩序，形成了完整的逻辑链条，理性思维贯穿在整个设计过程之中。

四、结语

网页设计是在互联网络高度发展和普及应用之后，产生的介于视觉传达设计和产品设计之间的跨界设计领域，其设计程序的严密逻辑、媒介的技术特质、以浏览为主的信息获取习惯、高度的人机交互等特点，都需要我们在设计中进行更多的理性思考。

毕竟对于网站而言，有用、好用是第一位的。

四川美术学院

一、教学内容的分析与改进

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课程体系，精选教材

在一个合理的课程体系的基础之上，针对目前中职学生基础差，学习积极性不高的特点，选择一本好的教材，在一定程度上也影响了学生的学习兴趣和教学效果。

在选择教材时，一定要坚持少理论，多应用实例的原则，如果条件允许，可以根据本校学生的实际情况编写校本教材。

比如，可以编写一门《网页美工设计》的教材，内容分为Photoshop和Flash两大部分，在Photoshop部分主要学习如何应用该软件处理网页图像以及设计网页布局和对网页进行切片的技术，而在Flash部分主要是学习如何制作网页的动态元素。

考虑到中职学生英语基础差，对程序代码的理解能力有限，在动态网页制作教材的选择中，要优先选择利用Dreamweaver软件的服务器行为实现动态技术的教材，尽可能减少对程序代码的过多讲述，以提高学生学习的兴趣和自信心。

2突出实践能力，部分内容实行协同教学

2.1设计学习任务，激发学生的学习兴趣

兴趣是最好的老师。

在进行入门教学的时候，如何激发学生的学习兴趣，使得学生在主观上由“要我学”转变为“我要学”，是个关键问题。

以讲授网页美工设计的内容为例，在开始几节课，要结合国内外的几个知名网站的整体结构进行分析，介绍知名网站在版面设计方面如何布局，在色彩搭配方面如何合理地统一网站的风格、网站Logo和Banner的设计理念，以及如何对网页图片进行处理才能更加吸引网民的眼球等，让学生意识到网页世界的丰富多彩，从而激发他们的学习兴趣。

与此同时，在每个学习阶段结束的时候，都要求学生独立完成一个任务，从最基本的图片处理、Logo设计到整个网站结构的布局和色彩搭配，这样学生就会在自己心里形成一个风格，这也是学生学习好网页设计课程的基础和前提。

2.2举一反三，培养学生学习能动性

网页设计是一门专业技能，非常注重学生实际动手能力的培养。

在实际教学中，教师要充分准备大量的具体案例，采用提问法、任务驱动教学法、讲练结合法等方法对学生进行教学。

在开始教授一个新的内容时，要提出一个问题，让学生带着疑问去学习，这样才能有的放矢。

教师可以先在教师机上演示操作一个具体案例，在演示的过程中，采用边讲边练的方式，让学生在“做中学”，然后布置一个与此案例类似的任务，让学生独立完成，在任务结束的时候，根据学生的完成质量情况，让做得比较好的学生在教师机演示自己的成果，谈谈自己在做的过程中的心得体会。

这样，在课堂上，大部分的时间就交给了学生，让学生始终处于动手的状态。

作为教师，在学生实施任务的过程中，不要过多干涉学生，而是多给学生以引导，让学生自己思考、设计、完善，让学生在实践中自我摸索，不断提高。

通过这种方式，不仅起到了举一反三的教学效果，而且充分发挥了学生的学习能动性，使得学生学得扎实，记得牢固，也进一步提高学生的分析问题和解决问题的能力。

2.3部分内容协同教学，明确分工

组内成员的分工，首先是角色分工。

每个合作小组要选定小组长，以分配任务，监督进度情况，协调组内成员等。

对于小组内的成员，要明确分工职责。

以网页设计综合实训为例，面对一个完整的网站系统任务，需要3个小组成员，其中，一个负责网页图片素材、动态效果的处理，一个负责整体网站的布局、色彩搭配，以及切片导入Dreamweaver的工作，一个负责数据库设计和后台服务器行为的实现。

当然，为了让每个学生都能够全面掌握网页设计的技术，每次合作时的角色也是应该轮换的，而非固定不变，特别是小组长的轮换，体现了人人平等的精神，让每个学生都体会到自己在小组中的重要性，从而激发他们内在的能力。

在任务实现过程中，通过协同合作，明确分工的方式，可以逐步培养学生的组织能力、交流能力、协调能力、相互尊重的态度等，以期学生在不同的学习任务中发展不同的能力，从而可以大大提高学习效率。

3教师要及时指导，将德育教育融入教学过程

在学生的学习过程中，无论是独立学习还是合作学习，教师绝不能是旁观者，而应该是学生的合作伙伴和指导者。

特别是在学生以小组为单位的合作学习过程中，教师不是更清闲了，而是担负起了更大的职责。

在合作学习中，教师要针对班级、小组的具体情况，在宏观层面给学生以指导，涉及整个任务的管理，调控和引导，要充分展示各种问题的形成过程和解决过程。

实践证明，在合作学习过程中，如果有教师的及时指导，如指导学生一些合作学习的步骤，明确合作学习的规则，有利于学生顺利开展学习，充分发挥小组协同合作的作用。

与此同时，要将德育教育融入到教学过程中。

现阶段，作为网络信息承载者的网页是一把双刃剑，各种信息充斥其中，对于这些正处于青春期的中职生，如何正确对待这些信息，将对他们的成长发挥重要作用。

因此要将网页作为德育教育的载体，通过制作以“健康、向上”为主题的网站，在搜集素材的过程中多接触先进人物、先进事迹，无形中让学生，逐步树立正确的人生观和价值观，让学生学会做人做事。

4结束语

实践证明，在以培养技能型人才为目标的教育方针指导下，通过这些教学改革，在激发学生学习兴趣的同时，也提高了学生的学习积极性，同时改善了网页设计课程的教学效果。

学生在学习的过程中，不但可以学到如何制作一个完整的网站，同时也培养了团结协作的精神和沟通交流的能力。

为了适应中职教学改革的需要，在今后的教学过程中，我们将对该课程的教学方法论进行进一步的研究，在实践中不断提出新的教学思路，丰富教案内容，设计更多的经典案例，融入更健康、向上的设计主题，从各方面来培养中职学生，争取更好的教学效果，使得学生成为21世纪所需要的技能型人才。

福建经济学校