网页设计的内容表现

第一篇：网页设计的内容表现

网页设计的内容表现

2007-04-26 09:

42进入21世纪，人类社会正经历着从原子时代向数字时代的转变，新世纪的天是互联网的天，互联网正在全世界进行着越来越深刻的革命。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。互联网是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站。其实谈到网页设计就不能不说到网络视觉信息的编排及归类，这是网页设计的特点，也是身处于信息化、数字化的当今设计者所必须具备的基本素质。因为网络本身就是一个处理信息的巨型平台，设计者必须充分认识网络，了解网络的特征，才能使设计更加适合于网络上的传播。

一 网页设计中的视觉流程

网页是通过视觉元素的引人注目而实现信息内容的传达，为了使网页获得最大的视觉传达功能，使网络真正成为可读强性而且新颖的媒体，网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。

视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造，只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。

在网页设计中一些突出的信息，如主标题、每天更新的内容等通常都放在这个位置。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性。所以在网页的编辑设计中，视觉导向是一个要点，网页的设计是一种创造，首先要立足信息的传达，但又要符合人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快。成功的视觉流程安排，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。

二 网页设计的审美需求

网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够的!要考虑如何使受众能更好地和更有效率地接收网页上的信息。这就需要从审美的方面入手，制作出清晰、整体性好的页面。使人浏览起来心情愉快，接收信息也会更加容易。网页设计的审美需求是

对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。

我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，很多目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈，就会给网页设计的自如发展带来一片新的天地。

三 网页中各构成要素分析

对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

1.文字的编排与设计

文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题。

网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合，而不是相脱离，更不能相互冲突。如政府网页其文字具有庄重和规范的特质，字体造型规整而有序，简洁而大方；休闲旅游类内容网页，文字编辑应具有欢快轻盈的风格，字体生动活泼，跳跃明快，有鲜明的节奏感，给人以生机盎然的感受；有关历史文化教育方面的网页，字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调；公司网页可根据行业性质、企业理念或产品特点，追求某种富于活力的字体编排与设计；个人主页则可结合个人的性格特点及追求，别出心裁，给人一种强烈独特印象。

在网页文字的编排与设计中，由于计算机给我们提供了大量可供选择的字体，导致字体的变化趋于多样化。这既为网页编辑提供了方便，同时也对编排与设计的选择能力提出了考验。虽然可供选择的字体很多，但在同一网页上，使用几种字体尚需精心编辑和考虑。一般来讲，同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的，所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一，除了表意以外，还具有传达感情的功能，因而必须具有视觉上的美感，能给人以美好印象，获得良好的心理反应。

2.图片的编排与设计

图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息，成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片对受众吸引也远远超过单纯的文字。

网络图片的特点：一个特点是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上，受显示器最小分辨率的限制，即使图片的分辨率很高，颜色深度很大，我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说，分辨率为72dpi(dotperinch)是大多数图片最佳选择；另一个特点是，图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。文件的长度越小，下载的时间就会越短。

图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时，应考虑图片在整体编辑计划中的作用，达到和谐整齐。要达到这样的效果，在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点，特别是在处理和相关文字编排在一起的图片时。

3.色彩的设计

网页在一定意义上说也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面更加生动。而且，浏览者在浏览网页时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面：

首先是整个页面的色彩选择，确定一个主色调，可以有利于体现网站主题。我们现在看到的网页，一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底，柔和、素淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整个页面的配色，更容易为大多数人认可和掌握。其他一些次要内容，如背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主。只有少量精心选择的元素，为了突出强调的需要，才采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。

其次，在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。例如在制用标题时，为追求醒目的视觉效果，可用比较深的颜色，配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调，对视觉的主体起到一定的衬托和协调作用，一方面吸引网民的注意力，另一方面有助于体现网站的主题。

四 结 束 语

网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容

上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。

第二篇：网页设计教学与实验内容7

教课程名称：网页设计与制作

学七

教学题目：Photoshop图层的应用 讲授内容：

 图层的概念  图层的基本操作。一．图层的概念

图层是对图像进行各种合成效果的重要途径。

不同图层中的图像可以进行独立操作，更改图层的顺序和属性可以改变图像的合成效果。

▪ ▪

▪ ▪ 背景图层：默认为锁定，未解锁不允许更改。

调整图层：调整图层中的色彩调整对其下方的所有图层产生作用。填充图层：纯色填充、渐变填充和图案填充。图层样式：投影、发光、浮雕等效果。

二．新建图层

1．单击“图层”面板的新建按钮创建新图层。2．复制图层可产生新图层。3．输入文字时可生成新图层。三．复制图层

将需复制的图层拖至新建图层按钮上，形成图层的“副本”。四．删除图层

选择需删除的图层，单击“删除图层”按钮，或将图层拖至“删除图层”按钮。五．合并图层

向下合并、合并可见图层、拼合图层。六．调整图层顺序

直接拖动图层或选择“图层/排列”命令。七．链接图层

固定当前图层和链接图层间的相对位置，链接后视为一个整体，可进行移动、缩放、旋转、色彩调整和合并等操作。

案例文件：讲授案例彩色圆点.psd 选择需要链接的多个图层（注：使用Ctrl键），单击“链接图层”按钮。八．锁定图层

防止图层被误操作，可将图层锁定。“锁定透明像素”、“锁定图像像素”、“锁定位置”、“锁定全部”。九．对齐和分布图层

选择多个图层，在工作区顶端“选项”面板中使用对齐和分布图层按钮。案例文件：讲授案例彩色圆点.psd 十．图层属性

图层名称、不透明度、显示隐藏。

十一．应用举例——背景特效制作（参照“讲授案例背景特效.psd”）

1.新建800×600 px的黑色画布。

2.选择20px的黄色（#fdd000）画笔工具，调整为硬度100%、间距150%的虚线。3.新建“图层1”，按住Shift绘制长短不

一、疏密有致的垂直虚线。4.新建“图层2”，改变画笔颜色为绿色（#218f49），画笔直径为9px，按步骤3，随意绘制另一色彩的垂直虚线。

5.新建“图层3”，改变画笔颜色及画笔直径，按步骤3，随意绘制另一色彩的垂直虚线。

6.选择直排文字工具，输入“Effect Design”。

7.复制文字图层多份，分别改变各图层文字的大小、不透明度以及位置。8.合并所有图层，保存于“实验素材”文件夹，命名“我的背景特效.jpg”。十二．案例操作要点总结：

画笔色彩、间距、直径；直线；图层自由变换；图层不透明度。

实验内容

一．根据教学案例的说明，完成“背景特效”。

二．根据“实验素材水晶按钮.psd”，完成水晶按钮的特效。制作过程如下：

1.新建200×80像素，分辨率72，白色背景的画布。2.新建“图层1”，前景色设置为“绿色”（#45b035）。

3.选择圆角矩形工具，属性设置为“填充像素”，半径40像素，在图层1中绘制圆角矩形。4.设置图层1的“图层样式”，选择“投影”，90度，不透明度40%，距离2像素。选择“内阴影”，不透明度80%，距离13像素，大小21像素。5.选择圆角矩形工具，属性设置为“路径”，半径80像素。6.新建“图层2”，在图层2上绘制圆角矩形路径。

7.打开“路径”面板，单击“将路径作为选区载入”按钮。

8.设置前景色为白色，选择渐变工具，属性设置渐变样式为“前景到透明”和“线性渐变”，在选区中从上到下绘制渐变色。9.按Ctrl+D取消选区，选择“图层1”，按Ctrl键同时单击图层面板中“图层1”的缩略图，将图层1的选区载入。

10.选择矩形选框工具，单击“与选区交叉”属性按钮，在“图层1”中绘制选区，使选区交叉后仅保留圆角矩形选框的下1/4部分。

11.使用“选择/羽化…”命令，将交叉后的选区羽化，羽化值为5像素。

12.选择“图像/调整/色阶…”命令，在对话框中拖动滑块，使羽化后的选区内容变亮。之后取消选区。

13.选择横排文字工具，输入“确定”文本，并调整文本至按钮中央，设置文本的“图层样式”为“投影”。此时效果已完成。

14.删除“路径”面板中的路径。合并图层，保存为jpg格式的图像，命名为“水晶按钮.jpg”。

第三篇：《新建网页──丰富网站的内容》教学设计

《新建网页──丰富网站的内容》教学设计

【教材使用】宁教厅审定 山东教育出版社出版 软件FrontPage2000

【适用年级】8年级上册

【适用单元】网页制作第2大节

【教材分析】

本节的内容分为三部分：一是新建网页；二是添加图片；三是添加背景音乐。第一部分新建网页是本章节的重点部分，使用导航栏建立网页也是本章节中的难点；第二部分网页建立好要添加文字和图片信息将其做为一节课内容；第三部分背景音乐和下一节的网页的背景合成一节课内容，这样便于学生的理解和掌握。

第一部分新建网页，也是这一节课的内容，它是在创建站点和主页之后的内容，教材中详细地介绍了使用导航栏创建网页的过程，先设计站点结构，然后再编辑网页的内容。一笔带过的是在网页视图下创建网页的方法，是编辑一个个网页，再将网页组成站点。

本章节的一个难点是使用导航栏建立网页，学生接受起来不易，但使用这种方法组织的网站有头绪，有点像网站的“结构地图”，也易于后续链接知识的学习，同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的，它是网站宏观布局的具体实施的关键一步。

使用网页视图方式建立网页，在课本中一笔带过，但是从知识的呈上启下来看，学生更易接受这个方案，缺点是网站中建立许多个网页时，若无网站的组织结构图，建立工作将陷入迷茫中，同时也对后续的超链接的学习就造成一定的困难，因此课本中不采纳这种方法建立网页。

本节课采用先简单介绍网页视图方式添加网页，后过渡到导航栏中新建网页，这种方法：一是将知识合理顺延和过渡，从学生已知入手过渡到学生的新知；二是可以将难点分散进行学习，便于学生的理解与吸收。

在创建网页时导航栏与网页的重命名必须保持一致，这是本节课一个难点也是一个重点。

【学情分析】

学生在学习“创建站点”后，对软件中的导航栏的作用没有一个直观的理解，但是对于创建站点已经有了一定的了解，而创建网页的命令与创建网站的命令是一组，可以借助学生从已有知识过渡到难理解的导航栏中，因此可以从网页视图下添加网页的方法中过渡到导航栏中添加，这样学生能很平顺地接受在导航中添加网页以及理解它的优势。

【教学目标】

1．知识目标

（1）掌握打开站点的基本方法；

（2）掌握新建网页的基本方法。

2．技能目标

通过学生探究学习过程中，掌握新建网页的不同方法。

3．情感目标：

（1）通过新建网页的学习，培养学生的对比学习能力；

（2）利用导航栏知识，培养学生的整体布局网站的综合信息素养能力。

【教学重、难点】

1．在使用导航栏建立网页时，导航栏中的命名与网页的命名一致是难点；

2．网页名称应与网页中的信息一致是重点。

【课时安排】2课时

【教学方法】对比法、任务驱动法

【课前准备】软件FrontPage2000 多媒体广播系统

【教学设计】

第一课时

在网页视图下添加网页 教学过程

教师活动

教学意图

学生活动

一、导入部分

上节课我们建立了“我的家乡”站点，大家能使用“我的电脑”或“资源管理器”找到他们吗？找到后请大家打开站点并预览自己所编辑的主页信息。

问：大家看看自己编辑的主页信息中有没有错误？有错了，该如何修改？

问：一个网站中一张网页不能够表达一个站点的所有信息，那就需要许多个网页，我如何增加网页呢？

我们这一节课就来解决这些问题。（板书课题：第2节新建网页）

（1）使学生确认自己站点所在的位置，复习上节课预览网页的知识便于后面知识的学习。

（2）通过学生的观察，发现问题，激发学生解决问题的兴趣。

（3）留给学生思考的问题，让学生带着问题学习新知。

从计算机中查找自己的站点„„

学生观察发现问题„„

学生思考„„

二、新课部分

1．打开站点

2．新建网页

3．保存网页及网页重命名

（任务一）大家看到页面状态是浏览状态，在这个状态下是不能修改网页信息的，如果想修改只能在网页的编辑状态下才行，因此大家必须启动网页的制作软件FrontPage2000。

（任务二）刚才大家也看到主页是在站点文件夹之中，因此我们要打开站点才能看到主页，并修改主页。看看软件中“文件”菜单栏中有没有“打开站点”这个命令，并动手尝试的打开自己的站点。

教师辅导„„

（任务三）大家已经打开网站，看看“文件”菜单中有没有添加网页的命令，自己动手试试给自己的站点增加两个网页“宁夏风景名胜”和“宁夏古诗文欣赏”。同时结合课本P67将相应的网页的文字内容录入到网页中。大家可以互相交流。

教师进行辅导„„

（任务四）大家刚才建立了网页，并为网页添加了文字，因此需要大家及时将自己的网页保存在网站中。大家动手实践„„ 教师进行辅导„„

广播展示命名时出现的问题„„

（1）在大家保存时应正确选择自己的站点，输入网页名称即可保存。

（2）在此过程中，有的同学未能输入网页名称，就点击保存了，出现一个现象：网页全部都是new-page_1(2，3，4)．htm的形式，多了自己也被迷糊了。出现这种情况时大家可以使用文件夹列表窗体来重新给网页命名。具体操作：选中你的网页文件，使用右键的快捷菜单完成，它的操作类似于“资源管理器”中的命令操作。一定要注意命名时不能将网页的属性．htm丢弃了，若已经丢弃，请将它加上。

（3）保存完成后，若还想给网页增加信息，一定要在文件夹列表窗体中双击网页的名称，当你看到你所双击的网页名称与编辑窗口中的名称一致时，在输入信息，完成后随时保存信息。

让学生了解在什么状态下可以修改网页。

引导学生从已知过渡到新知来学习打开站点方法，达到举一反三效果。

学生已经在新建站点中看到过新建网页，很容易接受，同时通过交流达到共同进步。

引导学生保存自己的网页。学生在动手过程中就会引出重命名操作。

将本节课的难点集中展示出来，并纠正出错的原因

学生启动制作软件„„

学生动手实践„„

学生动手实践„„

学生动手实践„„

学生改正自己错误„„

三、小结

这节课你都学会了什么？

巩固本节课知识

学生自己总结„„

第二课时 使用导航栏添加网页 教学过程

教师活动

教学意图

学生活动

一、导入部分

教师打开学生的一份网站作品进行展示„„

（将作品的本人叫起来）问：你的网站中的网页表达的什么信息？ 再问：你的网站还想需要表达什么内容？

设想：当你的网页增加的比较多时，你会发现自己的思路不一定很清晰。想解决这个问题，大家必须手绘一个网站组织结构图才能，这样也会带来许多不方便之处。还有没有能直接体现出来我们网站的组织结构图来呢？有的。可以使用导航栏来建立网页。

（板书课题：使用导航栏建立网页）。

引导学生说自己的创作意图

引出本节课的课题

学生表述自己想法„„

二、新课部分

1．导航栏的作用

2．新建网页

视图栏中“导航”按钮是一个站点创建和系统管理的显示视图。使用导航栏新建网页，先组织网站的结构，后为每个网页添加内容。这与我们第一节准备工作中组织的网站结构图就相互呼应起来，思路清晰明了。

（任务一：）大家结合课本P64完成“做一做”。

教师进行辅导„„

广播展示出现的问题„„

（1）FrontPage 2000只是当你在一个站点上工作时才会创建导航栏，独立的网页则不行。

（2）导航栏中主页是第一个添加到导航结构的网页，一般都叫做default．htm或index．htm，想进行添加新网页时，应注意网页之间网页的层次关系。父层网页是包含另一个网页的父网页，其他网页是他的下一级。导航栏可以横排或竖排。

（3）导航栏中若出现层次错误时，可以使用拖动的办法来改善他们的层次。

（4）导航栏中的命名应与双击后进入的网页名一致才行，这是本节课的难点。

（5）上节课我们已经建立的网页如何到站点中？在视图窗口点击“导航”按钮，切换到导航视图。在文件夹窗口中将文件“宁夏风景名胜．htm”和“宁夏古诗文欣赏．htm”拖动到“导航”窗口，仔细选择停放的位置，让示意图标和其他二级图标在一个线上，然后就看到这两个文件成为站点的一部分了。

引导学生了解使用导航栏的优势。

难点集中解决„„

学生实践„„

学生进行改错„„

三、练习

课本P75第1题。

巩固本节课知识

四、小结

这节课你都学会了什么？

学生自己总结„„

【教学反思】

本节课，若按课本中的思路进行，学生学完后，只会依葫芦画瓢，只知其所以然，而不知其所以不然，还是处在一种困惑中。

由此，我将这节课改成两节上，即分散难点知识，又便于学生掌握，学生在学习的过程中实践比较多，在实践过程中不断出现新的疑问，可以激发学生的解决问题的积极情绪，对普遍出现的问题可以通过广播系统来解说，师生互动比较多，教师真正起到了“引”的作用。

第四篇：网页设计大赛

软件职业技术学院 网页设计大赛

策

划

书

策划单位：社团联合会策划部

策划时间：2014年3月

一、大赛主题：

知识源于创作，网页来自新颖

二、大赛背景： 在网站搭建中网页的设计往往发挥着非同凡响的作用，一个网页做的好坏直接影响到能不能吸引访客驻足的时间长短。同时访客多少同时又是体现设计水平的高低。

三、大赛目的：

通过本次网页制作比赛，旨在丰富同学们的课余生活，活跃同学们的思想，拓宽视听范围。体现大学生朝气蓬勃积极向上的精神状态，培养挖掘设计类与审美类人才，提高同学们对于独具想法、审美设计、统筹规划、技术操作、语言组织能力等。

四、大赛宗旨：

让网页更有魅力

五、比赛时间：

2014年5月 日-2014年5月 日

六、比赛地点： 软件楼116

七、活动对象：

软件职业技术学院全体12、13级本专科学生

八、比赛项目：

网页设计大赛

九、报名办法：

请各班同学于5月 日将职业规划发送到指定邮箱：

十、活动流程：

本次大赛分为初赛和决赛两个阶段进行 1）初赛阶段：

从下发通知时开始投稿，截止到决赛前9天，再由大赛组委会交于相关评委老师评审，决出决赛选手名单，赛前一个礼拜公布决赛选手名单，进入决赛的选手（12位）

2）决赛阶段：

环节一：需要对初赛作品进行优化，并现在场的观众展现决赛成果。

环节二：抽取操作题，并向在场观众展示实现操作（限时1分钟）。

十一、奖项设置：

第一名：奖励 +荣誉证书 第二名：奖励 +荣誉证书 第三名：奖励 +荣誉证书

最佳创意奖：奖励 +荣誉证书 最佳潜力奖：奖励 +荣誉证书

十二、备注：

1、网页数量不低于10张、且采用不低于8中构造手法。

2、网页路径都采用绝对路径。

3、网页必须原创，一经发现拷贝痕迹立即取消参赛资格。

4、网页主题必须选自：家乡美、学院十周年、个人show等

软件职业技术学院社团联合会

2014年3月29日

第五篇：网页设计合同

精诚奋进 为您着想

网 站 制 作 合 同

甲方：

乙方：

甲方为树立形象，扩大宣传，拓展网络渠道，委托乙方策划、设计、制作网站。为明确双方责任，经双方友好协商，根据相关法律，双方达成以下协议并承诺共同遵守。

第一条 乙方为甲方开通制作网站，网站制作时间为

日，本合同有效期为 年。合同履行期限按照工作进度决定，经双方协商一致，可以延长该期限。

第二条 甲方采取 型制作方案。甲方应付乙方费用合计人民币

元。（大写）： 元整。合同签定时支付￥

元。（大写）： 元整，余款验收合格后支付。

第三条

网站完成后，乙方必须保证甲方推广宣传内容在提供图片和资料后两天内制作完成和更新。以后每年维护费用为￥

元，（大写）： 元，（含域名、电脑版及手机版网站维护费用。网站收费推广项目另计。）

第四条

双方的基本权利和基本义务

1、甲方的权利和义务：

1）为乙方提供网站所需材料及图片等，并保证材料完整、图片清晰，文字材料应为电子文档。

2）网站内容应当符合国家法律规定和社会公共利益。3）按本合同约定支付费用。

2、乙方的权利和义务：

1）按照甲方提供的材料按时完成主页的制作。2）应在主页中注明该站由乙方制作。3）依合同收取费用。

第五条 甲方承诺，向乙方提供的内容、资料等不得侵犯任何第三方的权利；

精诚奋进 为您着想

若发生侵犯第三方的权利的情形，由甲方承担全部责任。因甲方在使用本合同标的时给第三人造成损害的，由甲方自行承担责任。本合同的签署意味着甲方授权乙方在履行本合同时可以使用甲方的名称、商标、域名、企业标志等，但此等使用不能损害甲方的利益。版权属于甲方所有。

第六条 遭受不可抗力、意外事件的一方全部或部分不能履行、解除或迟延履行本合同的，应将事件情况以书面形式通知另一方并向另一方提交相应的证明。本合同所称不可抗力、意外事件是指不能预见、不能克服并不能避免且对一方当事人造成重大影响的客观事件，包括但不限于自然灾害如洪水、地震、火灾和风暴等以及社会事件如战争、**、政府行为等。

第七条 双方当事人对本合同的订立、解释、履行、效力等发生争议的，应友好协商解决；协商不成的，双方同意向当地仲裁委员会提交仲裁并接受其仲裁规则。本合同的终止、撤消、无效不应影响约定的效力。

第八条 本合同经双方授权代表签字并盖章，自签订日起生效。本合同一式两份，双方当事人各执一份，具有同等法律效力。合同附件作为本合同不可分割的一部分具有同样的法律效力。

甲方（盖章）：

乙方（盖章）： 授权代表签字：

授权代表签字：

****年**月**日

****年**月**日