前言:我们精心挑选了数篇优质网页设计论文文章,供您阅读参考。期待这些文章能为您带来启发,助您在写作的道路上更上一层楼。
在用户获取信息的方式上,网页有别于纸质媒介,网页是以浏览为主,而纸质媒介是以阅读为主。所谓浏览,按照字面意思就是粗略、大致地看一遍,其主要目的是大致了解,搜寻是否有感兴趣的信息线索;阅读比浏览更具有主动性和目的性,是有目的地读,其目标是理解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实:一是“我们不是阅读网页,而是浏览”;二是“我们不做最佳选择,而是满意而止”;三是“我们不深究原理或本质,而是想当然地使用”。我们为什么对网页是浏览呢?克鲁格的分析认为有三个原因:一是因为匆忙,使用网络的目的多半是想节约时间,这样用户就会不停地运动;二是用户知道不必全部阅读,通常一个网页里面只有很少一部分是他们感兴趣的;三是用户擅长浏览,浏览是人们日常生活中搜寻信息的惯用方法。基于这样一些原因,用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程,直至满意而归。如果中间出现了不满意,这个过程就会终止,用户就带着不满意而离开。所以,在设计网页时,哲学家威廉提出的奥卡姆剃刀原理“如无必要,勿增实体”和建筑大师密斯•凡•德•罗提出的“少即是多”原则是我们检验设计的两面镜子。在确定网页的内容时,突出那些重要的内容,去掉那些不必要的图案和文字,即使那些能够让你的网页在视觉上产生更好的效果,但如果其干扰重要信息的浏览,仍然应该果断地去掉。在网页中,只有那些有利于信息传达目标的美才是有价值的,美应该符合于功能的需要,美和功能的和谐统一才是网页设计追求的目标。为了便于浏览,在网页内容的编排上必须尊重视觉习惯,我们在浏览时总是从左到右,由上而下地扫视,要根据内容的重要性,进行从左到右、由上而下地依次排列,使重要的内容最先映入浏览者的眼帘。在文案的写作上,为了便于快速浏览,一是对标题、关键内容加以强调;二是采用短的句子和段落;三是采用清晰的分区和列表;四是先总体后详细的写作顺序。用户在进行浏览时首先是通过标题和关键词来初步判断内容是否符合自己的兴趣,然后再通过总体的概述来决定是否有继续浏览下去的必要。在浏览的过程中,短句和短的段落有利于减小理解的难度和缩短判断的时间,清晰的分区和列表能够让人快速抓住其关注的兴趣点,促进人们继续浏览。
二、网页设计不应打破惯例
前面已经提到,网页是一个要求即看即用的特殊“产品”,也就是一看我们就要知道如何使用。我们虽然使用了若干手机,但我们购买了一款新的手机时,我们还是得阅读说明书后才能正常使用,网页确不需要。那如何才能达到即看即用呢?使用惯例就是最好的武器,这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西,我们一看就知道它的意思,就知道怎么去操作,因为惯例是我们日常生活中积累起来的,已经存入大脑的固有知识。唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识,使用存储于外部的知识不需要学习,但效率低;使用头脑内部的知识需要专门学习,但效率高。而惯例是已经存储在头脑内部的知识,具有外部知识的高易用性和头脑内部知识的高效率。在网页设计中有很多惯例是不能轻易去打破的,一是重要导航在页面的位置,按照惯例一般布置在页面的上部、左上部或右上部,首页的链接放置在最前面;二是网站的标识放置在页面的左上部,浏览者用其来判别是否到达了目标网站;三是文字链接要加下划线(也可以鼠标放上去才出现),浏览者用其来判断是否有超级链接;四是常用标识符号,如在多页文档中,代表向上翻页,代表向下翻页;在视频、音频播放中■代表停止,代表暂停,代表播放。这些标识符号在网页中已经具有特定的意义,是不能随意改变的。
三、设计层面之间的逻辑联系
在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面,包括战略层、范围层、结构层、框架层和表现层,并确定了自下而上的建设流程,规定了设计的程序。自下而上的各个层面,从抽象逐渐变成具体,并且包含着密切的逻辑联系。战略层确定的网站目标和用户需求,是整个网站设计的基石,其决定范围层的内容选择和功能设计;结构层是对范围层选择的内容进行分类和组织,形成信息架构,以及对确定的功能进行交互设计,确定交互的过程和交互行为;框架层是在结构层信息架构的基础上,根据完成任务的需要,利用超级链接设置来完成导航设计,以及规划信息架构在页面空间中的位置关系,形成布局框架;表现层是对框架层进行具体的视觉表现,包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。从上面的分析可以看出,下一层是上一层的设计依据或设计对象,上一层是下一层的进一步深化和具体,相邻层之间紧密联系,既不能交换,也不能跨越,更不能缺少,具有严格的秩序,形成了完整的逻辑链条,理性思维贯穿在整个设计过程之中。
四、结语
在一个合理的课程体系的基础之上,针对目前中职学生基础差,学习积极性不高的特点,选择一本好的教材,在一定程度上也影响了学生的学习兴趣和教学效果。在选择教材时,一定要坚持少理论,多应用实例的原则,如果条件允许,可以根据本校学生的实际情况编写校本教材。比如,可以编写一门《网页美工设计》的教材,内容分为Photoshop和Flash两大部分,在Photoshop部分主要学习如何应用该软件处理网页图像以及设计网页布局和对网页进行切片的技术,而在Flash部分主要是学习如何制作网页的动态元素。考虑到中职学生英语基础差,对程序代码的理解能力有限,在动态网页制作教材的选择中,要优先选择利用Dreamweaver软件的服务器行为实现动态技术的教材,尽可能减少对程序代码的过多讲述,以提高学生学习的兴趣和自信心。
2突出实践能力,部分内容实行协同教学
2.1设计学习任务,激发学生的学习兴趣
兴趣是最好的老师。在进行入门教学的时候,如何激发学生的学习兴趣,使得学生在主观上由“要我学”转变为“我要学”,是个关键问题。以讲授网页美工设计的内容为例,在开始几节课,要结合国内外的几个知名网站的整体结构进行分析,介绍知名网站在版面设计方面如何布局,在色彩搭配方面如何合理地统一网站的风格、网站Logo和Banner的设计理念,以及如何对网页图片进行处理才能更加吸引网民的眼球等,让学生意识到网页世界的丰富多彩,从而激发他们的学习兴趣。与此同时,在每个学习阶段结束的时候,都要求学生独立完成一个任务,从最基本的图片处理、Logo设计到整个网站结构的布局和色彩搭配,这样学生就会在自己心里形成一个风格,这也是学生学习好网页设计课程的基础和前提。
2.2举一反三,培养学生学习能动性
网页设计是一门专业技能,非常注重学生实际动手能力的培养。在实际教学中,教师要充分准备大量的具体案例,采用提问法、任务驱动教学法、讲练结合法等方法对学生进行教学。在开始教授一个新的内容时,要提出一个问题,让学生带着疑问去学习,这样才能有的放矢。教师可以先在教师机上演示操作一个具体案例,在演示的过程中,采用边讲边练的方式,让学生在“做中学”,然后布置一个与此案例类似的任务,让学生独立完成,在任务结束的时候,根据学生的完成质量情况,让做得比较好的学生在教师机演示自己的成果,谈谈自己在做的过程中的心得体会。这样,在课堂上,大部分的时间就交给了学生,让学生始终处于动手的状态。作为教师,在学生实施任务的过程中,不要过多干涉学生,而是多给学生以引导,让学生自己思考、设计、完善,让学生在实践中自我摸索,不断提高。通过这种方式,不仅起到了举一反三的教学效果,而且充分发挥了学生的学习能动性,使得学生学得扎实,记得牢固,也进一步提高学生的分析问题和解决问题的能力。
2.3部分内容协同教学,明确分工
组内成员的分工,首先是角色分工。每个合作小组要选定小组长,以分配任务,监督进度情况,协调组内成员等。对于小组内的成员,要明确分工职责。以网页设计综合实训为例,面对一个完整的网站系统任务,需要3个小组成员,其中,一个负责网页图片素材、动态效果的处理,一个负责整体网站的布局、色彩搭配,以及切片导入Dreamweaver的工作,一个负责数据库设计和后台服务器行为的实现。当然,为了让每个学生都能够全面掌握网页设计的技术,每次合作时的角色也是应该轮换的,而非固定不变,特别是小组长的轮换,体现了人人平等的精神,让每个学生都体会到自己在小组中的重要性,从而激发他们内在的能力。在任务实现过程中,通过协同合作,明确分工的方式,可以逐步培养学生的组织能力、交流能力、协调能力、相互尊重的态度等,以期学生在不同的学习任务中发展不同的能力,从而可以大大提高学习效率。
3教师要及时指导,将德育教育融入教学过程
在学生的学习过程中,无论是独立学习还是合作学习,教师绝不能是旁观者,而应该是学生的合作伙伴和指导者。特别是在学生以小组为单位的合作学习过程中,教师不是更清闲了,而是担负起了更大的职责。在合作学习中,教师要针对班级、小组的具体情况,在宏观层面给学生以指导,涉及整个任务的管理,调控和引导,要充分展示各种问题的形成过程和解决过程。实践证明,在合作学习过程中,如果有教师的及时指导,如指导学生一些合作学习的步骤,明确合作学习的规则,有利于学生顺利开展学习,充分发挥小组协同合作的作用。与此同时,要将德育教育融入到教学过程中。现阶段,作为网络信息承载者的网页是一把双刃剑,各种信息充斥其中,对于这些正处于青春期的中职生,如何正确对待这些信息,将对他们的成长发挥重要作用。因此要将网页作为德育教育的载体,通过制作以“健康、向上”为主题的网站,在搜集素材的过程中多接触先进人物、先进事迹,无形中让学生,逐步树立正确的人生观和价值观,让学生学会做人做事。
4结束语
通过《网页设计与制作》多年的教学发现,应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作,并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系,提高学生综合项目实践能力,更好的与社会需求接轨。有必要对传统的考核方式进行改革,同时经过多年教学探索,结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作(每组2-3名学生)完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成,权重分别为70%、30%,每一项按百分制评分后依权重比例计入总成绩,总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成,为了与学校的评分要求接轨,将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案,其中操作考核实施的具体要求以试卷形式展现,内容要求以表“操作考核内容”为中心,以考核学生综合网站制作能力为基本思路,通过小组合作完成主题网站的设计与制作,具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作,同时要求学生善于思考、总结,每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容:
(1)项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段,要求小组共同确定网站名称、网站风格(列举网页采用主要色彩及网页色调定位)、网站栏目、站点目录结构的内容以形成完整的网站规划,在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图;静态页面制作阶段要求绘制网页布局的结构图及标注尺寸;程序开发阶段列举所用的开发工具、对数据库、表进行截图,以及绘制程序开发页面流程图。
(2)项目总结。对本项目完成情况进行分析、总结,并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍,总结,便于相互交流经验。
(3)项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式,让学生明白实际工作中不仅需要具备较高的技术能力,还要有合作意识,与合作者之间有效、和谐的沟通。
2.考核方式