网页设计

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页设计范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

网页设计范文第1篇

关键词:网页设计;元素;色彩

互联网技术日新月异的发展,已成为人们生活中不可缺少的一部分。互联网的发展使信息传达的范围速度与效率都产生了质的飞跃,随着时代的发展,网站建设越来越接近于一门艺术而不仅仅是一项技术。

――引言

网页设计作为一个全新的设计领域,没有照搬的模式,没有从属和延续但任何设计形式又有去规律和标准。但也有些出学的设计者,将艺术的设计语言和设计理念抛到脑后,机械的完成设计,完全成为了技术的奴隶,因此,我想从平面设计基础理论在网页设计的应用来浅谈我对网页设计的理解,希望给广大读者带来一些启发。

一、平面设计元素在网页布局中的应用

第一个要素――点:在日常生活中很多东西都可以看作点,如晶莹剔透的一颗雨滴,大海中的一页孤舟,星空中的一轮明月……从几何学角度来说,点是线的交点,它没有大小和形状;从造型艺术来说,点是最基本的要素,指画面中某一小块区域;从视觉的角度而言点不但有大小还有形状。在具体构成中点并非都是以远的形式出现的,一些较小的个体元素都可以视为点。例如,在网页中的一些按钮就可以当作点来处理。在运用点的时候重点不仅在于外形,更在于点在整个空间中所起的作用,在相同的视觉环境下相对面积越小点的感觉越强。点越多其间隔就越短,免得感觉就越强,这对把握画面的整体效果和统一画面十分重要。

在Racing乐队网站中20个大小相同的圆点铺满了首页这些圆点既是页面中的按钮,又是页面的装饰元素,在不同的色彩映衬下圆点似乎产生了韵律感和运动感,浏览者的视线会不断在这些点之间徘徊决定最终去向。

第二个要素――线:线是由无数个点构成的根据其长度宽度方向等构成线。线是点移动的轨迹线在页面中有强调分割引导的作用。垂直的线给人平稳挺拔的感觉;弧线使人感到流畅轻盈;曲线使人跳动不安。不同粗细的线在空间的性格也是不同的,粗线条给人粗犷,勇敢阳刚的感觉;细线条可以表达锐利敏感速度之感;当粗线和细线进行结合时粗线必定先进入视觉,若线的长短符合透视规律,就能表达出强烈的空间感。因而,线的构成在网页设计中有着广泛的应用,网页设计师常用简洁的线条进行页面构图,以此传递丰富的视觉信息和思想感情。

第三个要素――面:根据几何学定义,面是线移动的轨迹。点和线的密集可形成面;面的分割面与面的合成亦形成新的面。面试构成空间的基本单位一段文字可以视为一个面,一张图像可以看作一个大面,一大片留白可以成为一个面"面"的概念不是固定的,面试网页构成中常用的元素,它的大小曲直变化都会影响页面的整体布局。

分割面是规划空间的重要手段,在网页设计中,设计者通过面的分割组合虚实交替等多种手法来实现页面的整体效果。在网页设计技术中表格和框架就是用来分割页面的利用面的分割,可是网页页面主体清晰,层次分明。避免杂乱的重要原则就是:少即是多。另外,在网页设计中要敢于留白,善于留空。空白可以定义为页面中没有安排内容的地方,空白空间并不一定是白色的,它可以是环境空间的颜色或图案。

第四个要素――空间:网页设计中的空间并非生活中的立体空间,而是一个假象的空间,是看得见而摸不着的,是在二维平面上建立的空间关系。在设计中,我们可以利用对比强烈的大标题可以作为前景,大面积的正文构成中景,附属的版权信息构成背景。实践证明,这种清晰而和谐的层次关系,极大地提高了页面的整体艺术效果。

二、网页设计中色彩的运用

网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

在网页设计选择颜色时应注意几点事项:第一不要大面积使用很高的纯单色,否则会使浏览者感到视觉疲劳;第二当网站面对的用户超出本国范围时,最好使用网络安全色;第三为增强网页的可读性,背景与文字内容的亮度差最好在102以上。

在色彩运用过程中,由于生活地理文化位置的差异不同的人对色彩的喜恶有很大的差异。如生活在高原地区的人喜欢用暗色;生活在草原地区的人用红色;生活在闹市区的人喜欢用淡色……在网页设计时想要透过色彩传达某一意象时,必须将色彩形成的背景因素与目标群结合分析。同时色彩的认知是会变动的同样的一群人在不同的时间地点都会对色彩产生不同的解读。因此,不但要关注上述因素,还要考虑到网页配色的共性:色彩的鲜明性;色彩的独立性;色彩的功能性和习惯性;色彩的有限性;色彩的周期性。

三、结束语

网页界面页面设计的一个基本特色便是吸引浏览者,一个美观漂亮的页面不管内容多么空洞,也会有人欣赏,反之一个内容充实但页面简陋却往往不会有人去浏览,从这便可看出网页界面艺术设计是多么的重要。网页界面艺术设计是永远也学不完的一门学问,因为它会跟着你的成长也变化,直到形成你的一种风格,网页界面艺术设计需要大胆创新,需要新的思维,需要不断的努力。

网络对艺术设计行业同时造成了威胁和机遇。真正有魅力的设计师设计者的思想素养对艺术的理解及表现技术的综合体现。任何设计最终都是为人所用的,特别是网页设计的艺术表现,它既是传播信息的载体又是传递美感的使者,设计者只有不断增强交叉设计的能力,使艺术与技术有效地结合才能适应不断变化的时代!

网页设计范文第2篇

通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。

（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。

2.考核方式

网页设计范文第3篇

关键词：网页设计；图形图像；处理方法

现今社会是一个崭新的信息时代，而Internet作为信息社会的典型代表，它代表着一种全新的信息交流方式。Internet是由成千上万的网站组成，而每个网站都由诸多的网页构成，因此网页是构成Internet的基本元素。而一个网页的构成要素包括文字、图形图像、色彩、版式等。一个好的网页以为版式为中心，图形图像处于不可或缺的地位，如下图所示：

由于图片给人的视觉冲击要比文字大85%，因此在视觉顺序上，图片往往能首先吸引人们的注意力，而图片的引入也能大大美化网页。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片，几乎所有的网页都用到了图片。善用图片，可以生动、形象、直观地表达网页的主题，增强网页的宣传力，号召力和感染力，吸引浏览者的注意，引起浏览者的兴趣。网页能图文并茂地向用户提供信息，成倍地加大了它所提供的信息量。对一条信息来说，图片对浏览者吸引也远远超过单纯的文字。在网页设计中如何使用图形图像，本文将从以下几点来进行讨论：

一、网页中图形图像的表现形式

1.网站标志（LOGO）

网站标志（LOGO）是网站的一部分，它具有象征和识别功能，是网站形象和文化的浓缩，代表着网站的特性。一个设计杰出的、符合网站理念的标志，会增加网站的信赖感和权威感，在社会大众的心目中，它就是一个网站的代表。网站开标志（LOGO）是与其它网站链接及让其它网站链接的标志和门户，而标志（LOGO）图形化的形式比文形式的LOGO链接更能吸引人们的注意。图形标志是一种简洁但不简单的图形符号，具有以小见大、以少胜多、以一当十的特点。在现代社会生活中，经过精心设计而具有高度实用性和艺术性的图形标志，以其特有的功能和新颖别致的艺术效果，感染和影响着人们，指导人们的认知和选择。

2.背景插图

网页的背景插图可以把浏览器变成一个真实的环境，使用图形作为网站的背景是最能展现网站主题特色的地方，可以增加层次感，能够强化整个网页的结构效果，可与网页主题图像形成对比或共鸣，从而突出主题形象，彰显网页的风格。当然网站背景作为网页设计的主要组成元素，在设计时要注重形成网站特有的气势，使其能有机的整合到网站的整体设计中，而不可孤立展现。

3.主图

网页主图是指网页中表达主题、突出主题的较大幅面的图形图像，它可以说是网页的形象区，是整个页面的视觉中心。在网页中采用一幅好的主图，可以使浏览者见其图即知其内容，它具有直观性强的特点，不需要像文字那样去逐字逐句地阅读，可以不受文化水平的限制，并能在瞬间给浏览者以深刻印象。

4.超级链接

在网页设计中，将超级链接设计成图形图像的形式，不但能使网页链接样式变得丰富多彩，还可以使网页更为美观，彰显页面风格。在网页中采用标志性符号，可以减弱语言的障碍。图形化的链接按钮更直观形象，可以为单调的文字信息增添活力，可以更加明确地表现它所要进行的操作。

二、网页设计中图形图像的作用

1.强化表现

在进行网页设计时，正确地选择图形图像不但可以更好的突出网站的主题，而且还可以对网站内容起到解释说明的作用。同时，图形图像跟文字艺术是有区别的，它可以借助视觉上的形与色把内心的情感真实的表现出来，并通过形象的视觉效果促使浏览者产生更多的联想，从而进一步深化和衬托出网站主题。因此在很多的设计中，经常会把图片当做一种强而有力的表现元素。

2.美化页面

在网页设计中，如果仅有文字的排版，会让浏览者感觉到单调乏味。为了提高浏览者的阅读欲望，吸引他们的好奇心，在进行网页设计的时候，必须要保证整个网页版面设计中图片的所占比率大约为百分之三十左右。把文字和图片有效结合起来，可以促使网页看起来更具美感。

3.传达信息

图形图像本身就是一种信息，它参与到深层的语义之中，人们对任务回忆的时候，对图片、文字等信息的记忆和理解是不相同的，相对来说，人们更喜欢记忆图片信息，这是因为图形图像所表现的信息量非常大，它可以非常直观地表达所要表达的内容。所以在网页设计中使用图形图像可以更高效地将信息传达给浏览者，从而达到设计目的。

4.提高趣味性

提高趣味性主要是在表现的形式上来增强阅读的趣味性。尤其是当网页存在大量文字信息的情况下插入图片，可以起到刺激人体大脑的作用，进一步吸引浏览者的关注力，促使他们可以因其强烈的好奇心而继续阅读下去，最终达到传播信息的本质目的。

三、网页设计中图形图像使用的原则

即便是一个内容主导的网站，也需要图形图像来润色，因此设计网站时，都需要寻找一些优秀图片，良好图片的运用能成就一个优秀的网站。人都是视觉动物，在浏览网页时，对于图像都有一种渴望，因此添加图片非常重要。而且，一定是要合适的、相关的图片。在网页设计中使用图形图像时需要注意的基本原则有以下几点：

1. 风格吻合

网页设计中采用的图形图像在风格上要与网页的主题内容保持氛围、情感上的一致。笔者多年教学中看到，初学网页设计的同学往往会犯这种错误，看到漂亮图片就往自己的网页里使用。如果所用图的内容与网页的主题不相符，就会干扰浏览者的注意力。

2. 精练简洁

在一个网页中如果所采用图形图像的数量过多，那么图片所占的空间就会过大，这样会影响网页的下载速度从而影响网站的点击率。因此网页中采用的图形图像一定要做到少而精。

3. 颜色协调

颜色协调指所采用的图形图像与文字及整个页面的主色调协调一致。众多图片的色彩应融于主色调这个整体中去，使整个网页的色调趋向统一，不给人杂乱堆砌之感。

4.对比强烈

网页设计中使用图片时要牢牢记住可用性至上的原则！网页中使用的图片必须与整体相协调，并且与文字产生对比。干读文字会让浏览者觉得很乏味。要想产生鲜明的上下对比效果，就要学会观察；图片比较亮，那么文字可以使用较深的颜色，反之亦然。

5.采用质量好的图片

一张画面精致清晰的图片让浏览者感觉很舒服，更能表现网页的细节，千万不要用过于模糊的图片。如果找不到好的质量的图片，可有自己拍摄，实在还有困难，那么换个思路，建议采用字体设计、布局新颖、极简主义等风格，然后不带图像，宁缺毋滥。

6.大图受欢迎

图像越大，视觉冲击力也越大。在网页设计中应用大图或超大图片，是网页未来的设计和发展的主要方向，使用大图可以给网站带来强烈的视觉冲击效果。当然为了不使图片影响网页的下载速度，必然要对大图进行切片处理才行。

四、网页设计中图形图像的处理方法

在网页设计中图形图像的使用除了符合网站的主题，要有创新的构思和强烈的个性外。图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达，在使用时应考虑图片在整体编辑计划中的作用，以达到和谐整齐。那么在网页设计中怎样处理图片才能达到较好效果，本文将从以下几点进行说明：

1.图像的面积

大图像能更好地表现细节，容易形成视觉焦点，感染力强，传达的感情更为强烈，更容易吸引浏览者的注意。小图像显得简洁精致，有点缀和呼应作用。大小对比强烈，给人跳跃感；大小对比减弱，则页面稳定、安静。图像在网页中占据的面积大小能直接显示其重要程度。

在网页设计时，应首先确定主要形象与次要形象，把重要的能吸引注意力的图片放大，从属的图缩片小，形成主次分明的层次格局。

2.图像的位置

在网页中上下左右及对角线的四个角都是视觉的焦点，处理好图像与这些位置的关系能使网页表现出丰富的效果。

3.图像的外形

在网页设计中，通常可以将图片处理成不同形状，而不同形状的图片给人的感觉也是不同的，如方形的稳定、严肃，三角形的锐利，圆形或曲线外形的柔软、亲切，退底图及一些不规则或带边框图像的活泼，都能产生强烈的装饰感。比如：

（1）方形图

用直线边框来规范，这是一种最常见形状。方形图使图像内容更突出且将主题形象与环境共融，可以完整地传达主题思想，有利于气氛的渲染，富有情节感、直接感和亲和力，但有时也显得平淡、呆板。

（2）菱形图

用直线边框规范，使图像整体表现为菱形，它让人感觉打破常规，具有很强烈的个性和立体感。

（3）圆形图

圆形图是指利用曲线边框将图像进行规范和限制。圆形图给人以充实、柔和、圆满的感觉，给浏览者以流畅、随意、自由的感受。

（4）三角形

图像用直线边框规范，使图像在网页呈现三角形显示。它给浏览者动感，使网页生动、灵活。

（5）退底图

在网页设计中，有时会根据设计内容所需将图片精选部分沿边缘裁剪，而保留轮廓分明的图形，这样显得更灵活自如。配置退底图的页面，可以表现得轻松活泼、动态十足且富于个性，而且图文结合自然，给人以亲和感；为了避免可能造成凌乱和不整体的感觉，也可以用加线、线框、色块或方形图的方法，使版面取得平衡和稳定。

（6）出血图

出血图在网页中表现为：图形图像充满了整个版面、无边框、有向外扩张、自由舒展的感觉。因其不受边框限制，便于情感与动感的发挥，所以一般在需要传达抒情或运动信息的页面上采用出血图。出血图能拉近浏览者距离，有亲近感，使情感与动感更能得到发挥。

4.图像的虚实

在网页设计时利用图像的虚实对比能够使网页产生空间感，实的物体感觉近，虚的物体感觉远。想让图像虚化很简单，一个就是对图像进行模糊处理，另一个则是对图像色彩进行处理，如降低纯度、采用单色效果等手法。

5.图像的合成

在网页设计中使用合成图是很常用的手段。图像合成通常是指将几幅图片利用图像处理技术合成为一个图像，合成图传达的信息更为丰富，更能集中地体现设计者的创意。如将不同风景、建筑、人物合成为一个图像，采用统一的色彩和处理手法，这样能体现出一种特有的风格。

6. 图像的组合

在设计网页时，为了能传达更多信息，我们通常也对图像进行组合，即把多幅图片以不同方式摆放，形成一个图像组。图像的重要程度可以因面积、摆放位置的不同而有所不同。图像组合的方式有块状和散点两种：块状组合方式有强烈的整体和严谨感，并富于理性和秩序美；散点组合方式则可以形成明快自由的感觉。

7. 图像的局部与特写

在网页设计中使用图像时往往还要注意图像的整体与局部特写。局部的图像相对与整体而言更能让视线集中，有一种点到为止、意犹未尽的感觉。特写就是将局部图像加以放大，用特殊手法作重点表现。特写能让图像具有独特的艺术魅力，使浏览者对图像产生瞬间的凝视，引发浏览者的兴趣点。

五、结束语

网页设计中图形图像的使用对于强化网页的视觉效果起到非常重要的作用，只有充分了解图形图像在网页中的表现形式、使用原则及其重要作用，并结合具体切实可行的处理方法，才能让图形图像在网页中发挥更好的作用，达到美观实用的目的。

参考文献：

网页设计范文第4篇

关键词： 网页设计 教改 团队合作 项目实践

随着社会的发展进步，以及计算机科学技术和互联网技术的不断创新，计算机已经广泛应用于各个行业中，计算机操作技能成了职业技能的重要组成部分。当今社会，无论政府机关、企业还是学校、个人都需要一个自己的网站，通过网站进行对外宣传和交流。精美的网页可以吸引用户进行浏览，增加访问量，从而提高网站的知名度，这就需要运用网页设计和制作技术。《计算机应用技术：网页设计》是高等院校为非计算机专业的学生开设的公共基础课，以《计算机基础》为前导课程，在提高学生计算机操作技能方面发挥重要作用。我结合多年实际教学经验，从网页设计课程的教学模式、教学方法和实践教学等方面，对《计算机应用技术：网页设计》课程的教学改革进行初步探讨。

一

“好的开端是成功的一半”，在课程开始之前，首先应最大限度地激发学生对网页设计的兴趣，进而培养学生的动手操作能力和创新能力[1]。在教学实践中，我这样设计教学：在讲每一个章节的理论和具体操作步骤之前，首先演示用本节理论制作的精美网页，这样就能立刻吸引学生，激发学生的学习兴趣，调动学生学习的积极性，接下来课程围绕“这个网页用到了哪些知识”、“我如何制作”展开，强化学生的参与意识，以学生为主体，以能力培养为中心组织教学[2]。学生了解了学习的意义所在，就会迫切地想自己尝试制作网页。

下面以网页设计中表格一课为例，谈谈教学体会。学习表格时不要开始就直接讲如何插入表格、嵌套表格，如何设置单元格宽度、高度、对齐方式等，而是先演示一个用表格制作的有现实应用的精美网页，我以儿童摄影工作室的主题网站为例制作了一个宝贝写真网页，里面用到了表格的嵌套、单元格的合并及拆分进行页面布局，网页顶部由图片和线条组成，底部是版权信息和联系我们，网页中部是主题，左侧用嵌套表格制作了栏目导航，右侧将多张宝贝写真照片分别放入表格拆分后的单元格中。在制作过程中用到了表格和单元格的相关属性，通过制作这个网页，学生掌握了表格部分的重要知识点。另外，表格中关于细线边框和圆角表格的介绍，我也采用网页案例讲解，以一张几米漫画图片为内容制作一个一像素表格，学生看到后的反应是，这个网页好美，很喜欢，接着就迫切想知道怎么做。在讲圆角表格时，展示了一个用可爱的动态图片配上圆角相框制作的网页，学生因为觉得好玩，非常乐意自己动手制作。这种教学方法主要考虑到教育应“以培养学习兴趣和信息素质为主”，兴趣才具有稳定性，是决定学习效果的关键因素，培养学生兴趣比讲书本上的具体知识更重要。

二

在教学中积极开展师生交流互动。虽然是计算机应用技术类课程，但是课堂互动亦非常重要，只有将老师讲和学生做恰当结合，才能获得好的教学效果。课堂上以启发、引导为主讲重点操作，其他简单操作让学生自主看书，上机操作，发挥掌握。教师在课堂教学过程中，充分利用多媒体[3]，随机点名同学操作电脑，通过多媒体做给全班同学看，被提问的同学遇到难题，其他同学可以出谋献策，帮助操作的学生完成这个网页的制作。这样可以营造学生动手并且相互合作的学习氛围，课堂上，同学们个个聚精会神，都参与其中。

为了弥补课堂教学的局限性，为学生提供更广阔的学习环境和交流平台，班级建立QQ群，师生都加入其中。为了实现资源共享，将网页设计课程资料如教学资源、教学视频、课后练习题目等上传到QQ群共享中，这样课余时间学生可以利用这些资料自行上机操作练习，遇到问题既可以参考教学资源和教学视频进行解决，又可以和老师通过QQ交流解决。在通信如此发达的环境下，师生还可以使用手机微信随时保持联系，就学习生活过程中遇到的问题及时进行沟通交流，及时解决。应用网络平台，不仅能帮助学生获取更多知识，提供丰富的信息资源，而且能为师生提供多种交流和对话的方式，增进师生之间的感情交流，进而及时帮助学生答疑解惑。

三

对学生进行综合量化考核。传统的期末闭卷考试方式，不适合网页设计课，为了更好地检验学生的学习成效和计算机应用能力，采用“平时成绩+设计作品成绩+期末作品成绩=学生总成绩”[4]的综合量化考核方法。

平时成绩主要参考课堂回答问题情况和课外作业完成情况，课堂提问能有效地增进课堂互动，检查学生对授课内容的掌握情况；课余对学生提出扩展要求，布置课外作业，学生可以利用网络查阅相关资料，完成上机作业。另外，每学完一个重要章节，留给学生一个大作业，即制作一个作品，应用到本章学习的技术，设计作品成绩评定主要依据这些作品的完成情况，同学们可以分成小组完成，遇到难题通过各小组成员之间讨论、分析进行解决，在此过程中同学们的能力得到提高。下次课上，给每个小组3～5分钟时间，让代表利用多媒体展示自己小组的作品，详细阐述提交的网页作品的设计思路、使用的关键技术，并分析该网页的结构、风格、创意和特色，最后老师进行评价，酌情给出该小组的设计作品成绩。学生分组做项目，既有利于相互之间学习交流，培养创新精神，又有利于培养团队合作能力。期末作品成绩是对本学期所学的全部内容，提出考核要求，安排学生在规定的时间内进行上机考试，这种方式要求学生有熟练的操作技能，重视平时的操作练习，提高动手能力。实践证明，这种考核方式能够客观、公正地检验学习成效，督促学生积极主动学习，增强教学效果。

四

提高教师业务素质和水平。计算机技术更新较快，新技术不断出现，网页开发工具多样化，而且版本不断更新，有很多新增功能，这就要求任课教师不断更新知识，时刻关注并学习掌握新技术[5]。高校应该根据计算机专业的特点，为教师提供外出进修或者学习的机会，多组织教师参加教育部、其他高校及公司等单位组织的培训。通过学术交流，构建开放式教学平台，并与公司建立友好合作关系。

五

网页设计课程的最终目的是实现学以致用，给学生提供机会参与项目实践。因为学生的计算机基础操作能力参差不齐，所以在上机时应该进行分层次教学指导，对于基础薄弱、计算机操作技能差的学生，上机指导要特别关注，多为他们解答疑问，保证完成教学任务，布置教材上要求的网页项目让他们完成，确保这部分学生能完成教材上要求的项目。对于计算机操作能力强，前导课计算机文化基础掌握很好的学生，在完成现有的教学任务后，可以分配一些有实用价值的项目给这些学生做[6]。介绍学生为一些老师制作精品课程网站，也可以为公司设计网站，多提供这样的机会给学生，这样不仅可以使学生学以致用，还可以为学生提供勤工助学的机会，增强学生的工作能力。将教学与项目相结合，在完成项目过程中，培养学生思考问题、解决问题及动手、协调的综合能力，调动学生学习的积极性与主动性，激发学生的自信心，实现教学目标。

在教学过程中，通过不断创新教学方法，培养学生自主学习的兴趣，利用科技进步，增进师生交流和资源共享，通过分组项目实践，培养学生合作能力和团队精神，将理论知识应用于实践。这样教学，提高了学生的动手能力和创新能力，在培养学生能力方面取得了显著效果。

参考文献：

[1]罗春雷.全程结合工程实际的工科专业教改实践与思考[J].长沙航空职业技术学院学报，2009（2）：15-17.

[2]王东燕，赵鑫，喻革武.关于信息技术文化基础课教改的几点思考[J].电脑知识与技术，2010（26）：7426-7427.

[3]赵玉亮.郑旭东.多媒体技术在高等数学教改中的作用[J].科教文汇，2010（01）：84.

[4]莫学值.浅谈程序设计课程教改实践[J].广西轻工业教育研究，2010（1）：134.

网页设计范文第5篇

关键词:网页设计;元素;美学

中图分类号:TP393.092文献标识码:A文章编号:1007-9599 (2010) 10-0000-01

Aesthetic Overview of Web Page Design

Li Shanshan

(Chongqing Iron&Steel Group,Electronics Co.,Ltd.,Chongqing400080,China)

Abstract:The web design on the one hand must have "beauty",which render the dissemination of information to achieve the desired goals;the beauty must have for any web page,the basic elements of web pages for information not only to meet the needs of the users,more important is to create a pleasant visual environment in which they have a mental enjoyment and resonance.

Keywords:Web design;Elements;Aesthetics

网站在我们社会生活中无处不在,网站网页设计是伴随着计算机技术、网络技术、图像动画处理制作软件的产生和发展而形成的设计新课题,他是运用相关的软件技术、美学知识等,依照设计目的和要求对网站进行功能上的实现和视觉艺术的创造性思维活动。下面就网页设计的“美学”进行探讨。

一、设计元素

网页设计的元素主要是视觉和听觉元素,主要包括:文字、图像、动画等多媒体元素。随着多媒体技术的发展和运用使视听元素在网页设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。

(一)文字。文字是网页界面的主体,是用以传达信息的主要元素,虽然利用网络多媒体也可以达到同样的目的,但网页中文字的优势很难被取代。

(二)图形。图形在网页中有着十分重要的作用。在网上浏览时,浏览者常常会因看到一幅十分引人注目的图形而感兴趣去了解相关内容。在很多网页中,图形占据着整个页面的重要位置,有的甚至占据了整个页面。在视觉顺序上,图形往往能首先吸引人的们注意力,这是由于图形给人的视觉印象要比文字强烈得多。几乎所有的网页都用到了图形,善用图形,可以生动、形象、直观地表达网页的主题,增强网页的宣传力、感染力和号召力。图形必须符合网页的主题,并具有创新的构思和强烈的个性,使主题与表现两者较好的统一,以有利于信息的传达。

(三)多媒体。将多媒体元素引入网页界面,可以很大程度上增强浏览者的吸引力。从网页界面的发展来看,由纯文字界面到图文并茂,再到引入新的多媒体元素,这是一个必然的过程。浏览者希望在网上看到更具创造性、更具吸引力和更具情趣的内容,多媒体元素正是实现这一目标的重要手段。网页中所涉及到的多媒体元素主要是音频、视频和动画。

二、设计原则

设计在网页设计中占据着重要的地位,要求在有限的屏幕空间上运用平面设计的相关原理(如色彩、构成、版面等艺术设计原理知识)将视听多媒体元素进行艺术化的表现,是一种具有艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。它同平面广告、报刊杂志等印刷品平面媒体的设计不同,印刷品都有固定的规格尺寸,网页则不然,尺寸是由读者来控制的,这使网页设计者不能精确控制页面上每个元素的尺寸和位置,而且网页的组织结构不像印刷品那样为线性组合,因此网页的平面设计具有更高的难度和挑战性。网页设计的艺术性网页作为传播信息的一种载体必须要有自己鲜明的艺术特色,才能在众多的网络信息中脱颖而出,受到关注。这就要求网页设计要按照视觉心理规律和形式美等艺术设计的手法将信息主动地传达给观赏者,在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求。

网页设计不但要单纯、简练、清晰和精确,而且要强调艺术性,通过独特的艺术风格和强烈的视觉冲击力来鲜明地突出设计目的。作为视觉设计范畴一种的网页设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得其艺术性的手法是必不可少的,一方面通过对网页的内容运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。

网页设计的技术性不同于传统媒体之处,就在于信息的交互性、持续性、多维性、多种媒体的综合性、版式的不可控性等特点,这些都离不开网页设计技术方面的因素。网页设计的技术性是网页设计时运用相关的软件技术、媒体技术电子技术等实现网页最终表现效果的手段方式。没有技术的支撑网页也就失去了他的媒体特性。

网页多种媒体的综合性主要体现在使用的多媒体视听元素,如文字、图像、声音、视频等,这些都需要相应的技术来实现。随着技术的发展,网络带宽在增加,芯片处理速度在提高,跨平台的多媒体文件格式被推广,这些技术极大地满足和丰富了浏览者对网络信息传输质量的更高要求。这些技术的运用增强了页面传播信息的表现力和感染力,呈现了前所未有的媒体革新。各种技术的发展促进了网页设计技术与艺术的紧密结合,网页设计只有掌握各种网络技术的规律,注重技术和艺术的紧密结合,穷尽技术之长,实现艺术想象,才能满足未来浏览者对网页信息的更高需求。设计是主观和客观共同作用的结果,网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网络技术与艺术创意的紧密结合,使网页设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页设计艺术性与技术性的高度统一把浏览者带入了一个全新的网络数字时代。

参考文献: