网页设计师试题

网页设计师试题（11篇）

1.网页设计师试题篇一

《网页设计与制作》期末考试试题

一、单项选择题(本大题共30小题，每小题2分，共60分)

1、目前在Internet上应用最为广泛的服务是()。

A、FTP服务B、由四个子域组成，其中()子域代表国别代码。A、center B、nbu C、edu D、cn

4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是()。A、GB码B、Unicode码C、BIG5码D、HZ码

5、当标记的TYPE属性值为()时，代表一个可选多项的复选框。A、TEXT B、PASSWORD C、RADIO D、CHECKBOX

6、为了标识一个HTML文件开始应该使用的HTML标记是()。A、

B、C、D、

7、在客户端网页脚本语言中最为通用的是()。A、javascript B、VB C、Perl D、ASP

8、在HTML中，标记的Size属性最大取值可以是()。A、5 B、6C、7 D、8

9、在HTML中，单元格的标记是()。A、

D、

10、在DHTML中把整个文档的各个元素作为对象处理的技术是()。A、HTML

B、CSS

C、DOM

D、Script(脚本语言)

11、下面不属于CSS插入形式的是()。

A、索引式 B、内联式

C、嵌入式

D、外部式

12、在网页中最为常用的两种图像格式是()。

A、JPEG和GIF

B、JPEG和PSD

C、GIF和BMP

D、BMP和PSD

13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是()。A、HTTP B、HTTPS C、SHTTP D、SSL

14、在HTML中，要定义一个空链接使用的标记是().A、B、C、D、

15、对远程服务器上的文件进行维护时，通常采用的手段是()A、POP3 B、FTP C、SMTP D、Gopher

16、下列Web服务器上的目录权限级别中，最安全的权限级别是()A、读取 B、执行

C、脚本

D、写入

17、用Fireworks切割图形时，需要的工具是（）A、裁剪

B、选取框 C、切片D、自由变形

18、Internet上使用的最重要的两个协议是()A、TCP和Telnet B、TCP和IP

C、TCP和SMTP

D、IP和Telnet

19、body元素用于背景颜色的属性是（）

A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是()

A、规划目录结构时，应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色

C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录

21、在Dreamweaver中，最常用的表单处理脚本语言是().A、CB、JavaC、ASPD、JavaScript

22、在Dreamweaver MX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为()A、parentB、_bankC、_topD、_self

23、网页制作技术不可以实现由一个文件控制一大批网页()A、CSS文件

B、库

C、模板 D、层

24、查看优秀网页的源代码无法学习().A、代码简练性

B、版面特色 C、网站目录结构特色 D、Script程序

25、在网页制作过程中，LOGO的标准尺寸为()Pixels.A、468*60B、80*31C、88*31D、150*60

26、客户机可向服务器按MINE类型发送和接收信息，客户机使用()请求方式表示要求服务器发送文件头消息.A、SMTPB、GETC、HEADD、POST

27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是().A、黑色

B、红色

C、黄色

D、白色

28、Flash中，与位图相比，矢量图形的优点是（）A、变形、缩放不影响图形显示质量 B、丰富多彩 C、图像所占空间大 D、图像质量好

29、网页代码第一行<%@language=”Vbscript”%>，说明此页是： A、HTML B、PHPC、ASPD、VBSCRIPT 30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是().A、系统的安全评价 B、保护数据安全 C、是否具有防火墙

D、硬件结构的稳定

答案

1.B 2.B 3.D 4.C 5.D 6.C 7.A 8.C 9.A 10.C 11.A 12.A 13.B 14.A 15.B 16.A 17.C 18.B 19.C 20.D 21.D 22.B 23.D 24.C 25.C 26.D 27.A 28.A 29.C 30.A

网页设计与网页制作多选题

一、多项选择题(本大题共10小题，每小题2分，共20分。在每小题的五个备选答案中，选出二至五个正确的答案，并将正确答案的字母分别填在题干的括号内，多选、少选、错选均不得分。)1. E.Telnet 2.下列关于IP地址与域名的说法正确的是()

A.IP地址以数字表示，域名用字符表示 B.IP地址是供全球识别的通信地址 C.IP地址与域名是一一对应的 D.域名可以多于三个层次

E.IP地址与域名都限制在32位内

3.一般来说，适合使用信息发布式网站模式的题材有()ABCD

ABDE A.软件下载 B.新闻发布 C.个人简介 D.音乐下载 E.文学作品大全

4.网页制作工具按其制作方式分，可以分为()

A.通用型网而制作工具 B.标记型网页制作工具 C.专业型网页制作工具 D.编程型网页制作工具 E.“所见即所得”型网页制作工具

5.下列关于网页设计的说法中，正确的有()

A.冷暖色调在均匀使用时不宜靠近 B.纯度相同的两种颜色适宜放在一起 C.整个页面中最好有一个主色调

D.文本的色彩不会发生抖动，只有图片的色彩才会发生抖动 E.抽象线条的构图很容易造成重心不稳

6.下面说法正确的是()

AE A.Java是一种编译语言

B.JaveScript是面向对象的程序设计语言 C.Javascript是由SUN公司开发的 D.Javascript的源代码非常安全 E.Java采用强定义类型变量检查

7.以下属于DHTML最主要的优点的是()

A.动态样式 B.动态定位 C.动态链接 D.动态内容 E.动态扩展

8.在CSS中，下面属于BOX模型属性的有()

A.font B.margin 第七城市 C.padding D.visible E.border 9.下面属于Javascript对象的有()

A.Window &n bsp;B.Document C.Form D.String E.Navigator 10.下面关于CSS的说法正确的有()

A.CSS可以控制网页背景图片

B.margin属性的属性值可以是百分比 C.整个BODY可以作为一个BOX 3

ACE

ABD

BCE

ABCDE

ABC

D.对于中文可以使用word-spacing属性对字间距进行调整 E.margin属性不能同时设置四个边的边距 th7.cn 11.Netscape为使用层开发了两个附加的专有标识是（）标识和（）标识。AC A B C D 12.CSS通过（）方法将样式格式化应用到用户的页面中。ABCD A 创建新的样式单 B 内部样式单

C 外部的、被连接的样式单 D 被嵌入的样式规则

13.要将左图所示的分帧页面转变成右图所示的分帧页面，应执行的操作是()BCD A 按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。

B 单击“Modify”下拉菜单的“Frameset”级联菜单中的“Split Frame Left”命令。

C 首先在“Frame Inspector”中选中代表图1下部的帧的图像，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。D 首先按下“Alt”键并用鼠标在图1下部的帧上单击，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。

14.关于Dreamweaver功能的说法，正确的是()

ABCD A 可以制作让他人提交的表单 B 可以制作计数器 C 可以制作留言板

D 可以制作打开一个页面的同时打开一个小页面窗口

15.在建立模板的过程中，命名可编辑区域或锁定区域时不能使用的符号有()BC A 单引号 B 双引号 C 尖括号 D &符号

16.每个时间链开始都是包括两个关键帧()和()

AB A 开始 B 结束 C 关键帧 D 主帧

17.除了下划线、连字符之外，文件名中还不能包括()

AB A 空格 B 标点 C % D & 18.在Dreamweaver中，用时间线建立动画效果时，可以包括的动画有()BCD A 图象位置、大小改变的动画 B 图层位置改变的动画 C 图层可见性改变的动画

D 图片文件来源改变的动画

19.在Dreamweaver中，打开HTML检查器的方法有()

ABCD A 单击“Window”下拉菜单中的“HTML Source”命令

B 单击“Window”下拉菜单中的“Laucher”命令，在打开的对话框中单击“HTML Source”图标 C 单击“Document”窗口右下脚处的“Show HTML Source”图标 D 按“F10”键

20.通过()方法，可以选中一个帧。

BD A 单击所要选中的帧。

B 单击“Frame Inspector”中的代表图像。

C 按下“Alt”键并用鼠标在所要选中的帧上单击。D 单击所要选中的帧的左上角。21.通过对模板的设置，将已有内容定义为可编辑区域，以下选项中正确的是()ACD A 既可以标记整个表格，也可以标记表格中的某个单元格作为可编辑区域 B 一次可以标记若干个单元格

C 层被标记为可编辑区域后可以随意改变其位置

D 层的内容被标记为可编辑区域后可以任意修改层的内容

22.在使用时间链时，用“Record Path of Layer”命令记录层的路径，关于关键点的说法正确的是()

CD A 用户拖动层的速度越快，则划分出的关键点越多 B 用户拖动层的速度越快，则划分出的关键点越少 C 用户可以通过改变拖动的速度来变更关键帧的位置 D 关键点的多少和拖动层的速度无关

23.在Dreamweaver中，只需要三个参数()来加入一个Shockwave影片。

ABC A 位置 B 高度 C 宽度 D 长度

24．以下（）内容是HTML文件的头部内容所包括的。

ABC A.网页标题、关键字

B.作者信息、网页描述、基础地址 C.自动刷新、CSS样式 D.注释、表单域

25．关于HTML语言下列说法正确的是（）。

ABCD

A.HTML是（HyperText Markup Language）的首字母缩写，中文被称作“超文本标签语言” B.HTML文件中可以插入图形、声音、视频等多媒体信息 C.在HTML文件中，用户可以建立与其他超文本的链接

D.HTML是纯文本类型的语言，可以使用任何文本编辑器打开，查看、编辑 26．关于鼠标经过图像，下列说法正确的是（）。

BCD A.鼠标经过图像的效果是通过HTML语言实现的

B.设置鼠标经过图像时，需要设置一张图片为原始图像，另一张为鼠标经过图像 C.可以设置鼠标经过图像的提示文字与链接 D.要制作鼠标经过图像，必须准备两张图片

27．下列（）软件可以作为Dreamweaver的外部图像编辑器。

ABD A.Fireworks

B.Photoshop C.VB D.ACDsee 28.如果要在网页上加入跳转到页面顶部之类的链接，可以使用的操作有（）。BC A.执行菜单命令“插入/表单对象/跳转菜单” B.执行菜单命令“插入/命名锚记”

C.点击对象面板常用面板组下的“命名锚记”按钮 D.执行菜单命令“插入/超级链接”

29．关于相对路径，以下说法正确的有（）。

ABD A.相对路径表述的是源端点同目标端点之间的相互位置 B.如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端点的文档名称即可

C.如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径 D.如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表示出来

30．关于布局模式的使用，正确的有（）。

ABD A.首先绘制布局表格，在布局表格中绘制布局单元格

B.拖拽鼠标在工作区直接绘制即可。绘制完毕后还可以调整表格或单元格的大小

C.要注意转换完毕之后，便不能再回到布局模式对表格进行修改，因此一定要慎重操作 D.绘制完毕后，在“布局”对象面板按下“标准视图”按钮，将绘制的布局表格转换成传统表格形式

31．在Dreamweaver中，可以向网页中插入的多媒体格式有（）。

ABC A.Shockwave B.ActiveX C.Java Applet D.A和C 32．下列关于热区的使用，说法正确的是（）。

ACD A.使用矩形热区工具、椭圆形热区工具和多边形热区工具，分别可以创建不同形状的热区 B.热区一旦创建之后，便无法再修改其形状，必须删除后重新创建 C.选中热区之后，可在属性面板中为其设置链接 D.使用热区工具可以为一张图片设置多个链接

33.超级链接是网页中最重要的组成元素，关于创建链接叙述正确的是（）。BCD A.可以给空格创建超级链接

B.选中文本或图像，选择右键菜单中的“创建链接”命令 C.一幅图片可以创建多个超级链接

D.选中文本，在其属性栏就会出现链接框，输入文件地址即可创建

34.下面的类资源在资源管理面板里有的是：

ABCD A.图像 B.颜色 C.链接 D.Flash 35.下面几个实例可以通过层的应用来实现的是：

ABCD A.创建网页上的动画

B.制作各种动态导航效果

C.生成丰富的动态按钮 D.交互游戏

36.下面几项通过javascript 的应用, 可以来实现的是：

ABCD A.交互式导航 B.简单的数据搜寻 C.表单验证 D.网页特效

37.下面可以用来编辑网站后端程序的是:

ABCD A.Perl B.ASP C.C D.Java 38.下面是Dreamweaver 提供的各种应用程序接口的是：

ABCD A.javascript 应用程序接口 B.文件输入输出接口 C.图像记录接口

D.Fireworks 集成接口

39.“在Dreamweaver MX 中,中文输入时欲键入空格应该怎么做？” BC A.在编辑窗口直接输入一个半角空格 B.代码中输入“ ”

C.在编辑窗口输入一个全角空格 D.在编辑窗口输入两次空格

40.在Dreamweaver 中, Behavior（行为）是有几项构成：

AB A.事件 B.动作 C.初级行为 D.最终动作

41.在Dreamweaver 中, 下面哪些对象能对其设置超链接的是：

ABCD A.任何文字 B.图像

C.图像的一部分 D.FLASH 影片

42.在Dreamweaver 中, 在弹出的清除冗余代码对话框中下面哪些代码可以被设置清除：ABCD A.成对出现的之间没有内容的标签 B.多余的嵌套标签

C.类似于这样的与Dreamweaver 无关的注释性标签 D.需要在后面的框中填入要清除的特定的标签

43.在插入栏中的Head 的对象面板中包含下面那些对象：

ABCD A.Meta（MIME 字符集信息）

B.Keywords（网页的关键字信息）

C.Description（网页或网站的描述信息）D.Base（设置网页的主目录）答案：

1.ACD 2.ABCD 3.ABDE 4.BE 5.ACE 6.AE 7.ABD 8.BCE 9.ABCDE 10.ABC 11.AC 12.ABCD 13.BCD 14.ABCD 15.BC 16.AB 17.AB 18.BCD 19.ABCD 20.BD 21.ACD 22.CD 23.ABC 24.ABC 25.ABCD 26.BCD 27.ABD 28.BC 29.ABD 30.ABD 31.ABC 32.ACD 33.BCD 34.ABCD 35.ABCD 36.ABCD 37.ABCD 38.ABCD 38.BC 40.AB 41.ABCD 42.ABCD 43.ABCD

《网页设计与制作》习题集

一、判断题：

1、Dreamweaver 是美国Macromedia公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。√

2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。√

3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。√

4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。√

5、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。√

6、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert（插入）菜单的中的image(图像)子菜单项。√

7、若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。×

8、采用目录与锚点结合的办法，可以实现在长的网页文档内部跳转的功能。√

9、在网页设计过程中，有时需要将几个单元格进行合并，一般在Dreamweaver中操作方法是，拖动鼠标，将需要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。√

10、选中表格后，Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进行设置。√11、12、在Dreamweaver中，非连续的单元格也可直接合并。×

对于框架网页的保存方法是，若要保存所有框架页，则在菜单项里选择“file(文件)”菜单下的“save(保存）”即可。×

13、一幅图像在网页中是作为一个独立的对象插入的，但是如果情况需要，则可以一幅图象中设置多个“对象点”完成特定的功能，这个就是图像热点。√

14、若需要对文件进行超级链接设定，只需选中文字，鼠标右键打开属性中在Link（链接）项中输入需要链接的URL即可。√

15、在制作网页显示时，若有一些网页，他们有共同的标题、共同的目录格式，只是某些内容部分不太相同，这时，可以应用框架网页来加快网页的显示速度，避免重复载入页面。√

16、WEB站点是指一系列可以通过Internet 浏览器浏览的，具有相互超级链接的多媒体文档的集合以及完成这些文档的存放、查找、搜索、发布的物理设备和其他相关软硬件系统的集合√

17、在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的SAVE即可保存所有框架网页。×

18、作为网页定位技术的表格与层，相对来说表格更为通用，因为层需要浏览器的支持，而表格在任何浏览器下都没有问题。√

19、网页中引入层技术，在层中可以插入各种对象，而且各个层可以嵌套、重叠、交盖等，但不是所有的浏览器都支持层技术。√ 20、×

21、网页制作中，层的“Z-index”属性表示层的层叠次序，数值大于0表示在页表单网页中，一页表单，至少且只能有一个表单标记，至少有一个提交的按钮。面的上面，数据小于0表示在页面的上面，数值越大就越先看见。×

22、在Dreamweaver里，层与表格之间是可以转换的，但要求层之间不能有重叠多层的情况。√

23、firework 中进行网页布局的原理可以说就是利用层进行不同区域和对象的设置。√

24、Fireworks 是Macromedia 公司推出的图象制作与处理软件，提供图像的创建、制作和处理功能。√25、26、Flash中，可以用导线来控制对象按照预定的轨迹运动。√

在Fireworks 处理过程中，在同一页上，可以用不同层制作两个运动不相关的多帧动画。√27、28、√

29、在追求速度为先的网页设计时，可以多用图象，在追求美观为先的网页设计时，flash中的导线工具，在真正的层中显示时并不可见。×

GIF动画的文件大小相对较大，若用flash 导入后转换为矢量动画就可缩小。可以多用文字。× 30、Dreamweaver模板可以在局部应用，但不能应用于整个站点。×

二、多项选择题：

1、在网页中录入文档的方法有：

abc A)直接录入法。

B）从已有的文档中通过剪贴板复制剪切粘贴的方法。

C）修改录入的文档的方法。D）以上均不正确

2、关于Dreamweaver的操作界面，下列说法正确的是：abd A)工具箱包含了常用的工具，制作网页时用到这些工具。

B)对象属性浮动工具栏，对网页制作时选择的对象相适应，用来设置对象的属性。C)状态栏，是表示出被编辑网页的效果。

D)状态栏，是表示出被编辑网页中正在被编辑的标记名。

3、下列不属于站点管理器的功能的是：ab A)可以实现快速超级链接。

B）可以自动纠正超级链接的更改。C）可以自动发布制作好的网页。D）可以自动升级网站的WEB服务。

4、在框架式网页中添加超级链接时，如果对象的“target(目标框架)”属性为以下时，则可以新窗口打开链接页。abd A)_blank

B）_parent

C）_self

D）_top

E）main

5、在框架式网页中添加超级链接时，对象的“target ”属性分别表示的意思正确的是：abc A)_blank 在新窗口打开网页

B）_parent 在父框架窗口打开网页 C）_self 在本窗口打开网页

D）以上都不正确

6、网页中的若有多层，下列哪个属性决定层的视觉关系。ac A)Z-index

B）Layer

C）Top

D）left

7、Dreamweaver 能实现的关于站点管理的内容有：abcd A)检查站点的超级链接

B）生成站点报告、错误查找和修改。C）定义站点

D）测试站点

8、在网页中插入水平线，一般可以设置水平线的以下属性abc A)水平线的宽度。B）水平线的颜色。C）水平线的粗细程度。D）水平线的层叠次序。

9、网页中的超级链接可以链接到。abcd A)链接到本网站中的其他网页。

B）链接到本文件中某锚点位置。C）可以其他站点中的某个位置。

D）可以链接到某网站中的某个文件对象。

10、在Dreamweaver MX 中，站点管理包括五大设置项，下列说法错误的是：bcd A)Local info 设置站点的名称、本地文件夹映射位置，站点在Internet 上的位置等。

B)Remote info 设置站点的远程信息，包括远程服务器的访问方式，帐号、密码等。

C)Design Notes 设置网页设计过程中是还否保持制作的记录等。D)Quick View 设置站点网页显示效果。

E)Site Map Layer 站点地图项，设置站点地图的显示方式等。

11、在firework 中存储图象时，下列说法正确的是：abcd A)选择GIF图像是单幅静止图像。

B）选择Animated GIF 是连续的图像对象，是动画。

C）选择Png则保留firework 制作过程数据

D）选择Jpeg 则是一幅静止的图像。

12、Fireworks 默认保存的文件格式是什么格式？a A)Png文件

B）JPG文件

C）PCX文件

D）TIF文件

13、下列关于Flash的说法不正确的是：d A)Flash是由Macromedia 公司出品的软件。B)Flash 是一个矢量图形编辑和动画创作软件。

C)Flash 制作出来的影片可能会比较小，因为它使用了矢量图形技术。D)Flash 制作出来的影片可能会比较大，因为它使用了矢量图形技术

14、下列关于Html标记不正确的是d A)a标记用来标记超级链接

B）img标记用来插入图片 C）table标记用来插入表格

D）table 标记用来插入框架网页

15、在网页中可以直接插入以下内容（单选）d A)图片

B）动画

C）超级链接

D）以上都可以直接插入

2.网页设计师试题篇二

但是今天的网页设计师的风格没有真正的得以体现, 使网页的设计在一个低层次的水平上重复。这样的直接后果是网页作为新的媒体, 本应该是方便人们的使用为目标的, 却有很多的地方不能够使人满意, 有些是功能上的, 例如在按钮或者是导航的设置上, 有些形成了常规的按钮安排方式是令人不方便的。同样在一些用色的规范或者是其它元素的应用限制了设计师作用的发挥, 造成了这样的僵化模式。所以在这个新的时代, 急切的呼唤具有自己的风格的设计师来作出一些更好更方便的网页来。

网页设计师首先必须善于思考, 对设计主张自己的想法和理解, 这是最重要的。别担心你的想法有多“烂”, 没有人能一下子做好的, 但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法, 懂得借鉴, 追求属于自己的创意。但是如果在设计时不动脑筋地套网页模板, 套素材, 甚至是盲目模仿和抄袭, 那简直是在摧残你的创造力, 滋养你的惰性, 这样永远无法进步, 而且以后想进步也非常困难。

而我们经常看到一些网页里构图错综复杂, 用色花里胡哨, 让人目不暇接, 真有一种”乱花渐欲迷人眼”的感觉, 但是我们得到了美的享受了吗?当然没有, 首先自己就讨厌, 怎么还谈得上感兴趣?这是一种典型的失败, 一味的追求显眼、追求吸引人, 这种做法取得的效果适得其反。当然并不是页面做得好看, 具有美感网页就一定让人感兴趣, 这也建立在一定好的内容的基础上, 假如什么内容都没有, 也是不能吸引人的。只是网页的界面设计应该还是要以布局的美为标准, 有规律可循, 这也是网页设计师的责任。

网页设计师的素质应该全部是技术方面的吗?所谓素质即精通Photoshop、Corel DRAW、Frontpage、Dreamweaver、Firework、Flash, 会Css、Html、Asp、SQL, 难道这就是一个网页设计师的全部吗?这是一种只追求技术忽视美感的做法势必导致一批粗制滥造的网页。就象现代工业生产制造的工艺品雷同缺乏艺术美感, 让人反而特别渴望手工艺时代。我们也同样可以从网页制作上看到这样的阴影, 这样得不到好的效果。技术不需要吗?当然需要, 而且相当重要, 这要以页面的美 (至少要规范) 为基础。好的网页设计师应该是合理的利用技术, 在不影响美或者是尽量不影响的条件下, 找到一个结合点做出美观而又实用的网页。才能算一个好的网页设计师。

作为一名网页设计师, 一定的文化素质是不可少的, 如文学修养, 好的文案, 不仅仅让人对你所做的网页回味无穷, 也可是自己的网页平添几分艺术特色。当然文化素质不仅仅包括文学修养, 还有音乐和绘画等方面的修养。只有具备一定的这些方面的修养, 才能够使自己网页达到一定的水准, 才能够使人欣赏到好的网页制作。身为一名网页设计师, 还要具备审美的能力, 而网页设计就相当于平面设计, 网页设计师可以将平面设计中的审美观点套用到这上面来 (其区别是动态网页的制作是平面设计不能达到的, 它是一种审美方式的延伸) , 所以平面设计上的审美的观点在网页设计上非常实用。如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等, 以及色彩的搭配, 这些都能在网页上显示出来, 反映设计师高超的审美能力。网页设计师要掌握相关的专业理论知识, 多看专业理论知识以查漏补缺。同时更需要学习各种各样的知识。拥有丰富的知识, 你大脑里的"素材"就越多, 它们都将可能参与到你的设计里, 你的设计才会生动饱满, 富有思想内涵, 所以知名的设计大师们往往都是全才, 他们不仅精通设计, 更精通其他很多领域。

3.网页设计初探篇三

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

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

——引言

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

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

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

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

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

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

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

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

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

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

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

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

三、结束语

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

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

参考文献:

4.网页设计师试题篇四

文中提到的响应式网页设计(Responsive web design)是一种现代网页设计方法，基于CSS3的媒介查询(Media Query)特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。

-----------

响应式网页设计现在无疑是一件大事情。如果你还不了解响应式设计，可以看看我最近发表的响应式站点列表(译者注：可以好好看看示例中的网站在不同分辨率下的展现方式)。对新手来说，响应式设计可能有一点复杂，但是事实上比你想象的简单。为了帮助你迅速的了解响应式设计，我起草了一篇快速教程。你可以在3个步骤中学习到响应式设计和媒介查询(Media Queries)的基本原理(假定你了解基本的CSS知识)。

第一步：Meta标签

大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。在标签里加入这个meta标签。

name=“viewport”content=“width=device-width,initial-scale=1.0”>

IE8或者更早的浏览器并不支持Media Query。你可以使用media-queries.js或者respond.js来为IE添加Media Query支持，

第二步：HTML结构

在这个例子里，我有一个包括头部、内容、侧边栏和页脚的基本页面布局。头部有固定的高度180像素，内容容器是600像素而侧边栏是300像素。

第三步：媒介查询-Media Queries

CSS3 Media Query-媒介查询是响应式设计的核心。它根据条件告诉浏览器如何为指定视图宽度渲染页面。

当视图宽度为小于等于980像素时，如下规则将会生效。基本上，我会将所有的容器宽度从像素值设置为百分比以使得容器大小自适应。

然后为小于等于700像素的视图指定#content和#sidebar的宽度为自适应并且清除浮动，使得这些容器按全宽度显示。

对于小于等于480像素(手机屏幕)的情况，将#header元素的高度设置为自适应，将h1的字体大小修改为24像素并隐藏侧边栏。

你可以根据你的喜好添加足够多的媒介查询。我在示例中仅仅展示了3个媒介查询。媒介查询的目的在于为指定的视图宽度指定不同的CSS规则，来实现不同的布局。媒介查询可以写在同一个或者单独的样式表中。

结论

5.网页设计师试题篇五

它们之间的交集。

1.它们都是集艺术创作、电脑技术和数字技术于一体的，以“视觉”(包括符号、图片和文字)作为沟通和表现方式的一种创造过程。设计师一般会利用字体排印、视觉艺术、版面编排(page layout)等方面的专业技巧，来达成创作计划的目的。

2.它们都讲求视觉上的快速、正确、有效的信息传达，都在诉说一个理念或品牌，都具有商业价值，它们的目标是信息、提示、促销和产生连锁反应等。

同时他们之间的区别也是显而易见的，主要表现在

1.设计实现的介质不同

平面设计实现的载体具有多样性，纸、塑料、布、木头、金属等，一般都与印刷有关，因此它受到印刷的限制最大，例如对印刷纸张的材质、规格的要求，对字种字号的要求等，最明显的是印刷的最小字体普遍使用识别性较好的有衬线字体。平面设计给人的体验主要来自视、触觉两个方面。

网页设计通过屏幕的显示来实现，它与平面设计最大的区别是介入了多媒体技术的应用，但同时受网速的制约。在文字处理上，屏幕的像素化显示要求最小的文字必须设置消除锯齿来保证文字的识别性。网页设计通过视听被用户感知。

2.信息的承载量不同

平面设计的产出物包括海报、宣传册、杂志、包装、广告等，它们每一次所承载的内容是相对有限的，而网页设计每屏的信息承载量比平面设计大很多(因为网页的滚动条可以无限拖动)。

进阿里近两个多月时做的推广设计，我一直在范本末倒置的错误。为了突出推广产品的品质感，我把对优质的产品图，合适的人物、场景图的选择看作推广视觉表达的最重要的环节。某天有个同事在我身后说：设计与绘画一样，当你停下来的任何时候它都应该是完整的!因为这句话，我逐渐对推广设计的要点进行了归纳、分析，下面这几点是我这段时间做网页推广设计的认识。

1.正确地理解需求的诉求点，并尽快达成共识

当我们接到一个需求demo时，设计师会先独立地解读，包括：对需求诉求点的明确，页面的整体氛围的感受等，接下来就是对网页设计新人而言比较有挑战性的环节——需求沟通，

由于知识结构的不同，设计师和需求方对于同一个效果的认识会不尽相同，这时我们可以进入到下一个环节，

2.明确页面设计的主题，投放的环境等，确定设计的氛围和色调

这个过程中我们应该尽量多地让需求方来描述她们所认为的这个活动想传达给人的感觉，设计师借此把这种感觉用关键的文字与需求方达成共识，

3.主题文字的重中之重的确定，交互稿子的审核

经过这两步，设计师可以花半个到一个小时的时间勾勒下这个页面的框架，包括构图，主题文字、元素的组合，行动点的安排等等，把第一个大致的稿子给需求方过一遍，进一步的沟通和明确以后可以开始设计了。这样做的好处是，设计的方向相当明确，

4.合理有效地编排设计。

网页设计不同于平面设计，它的显示空间完全依赖显示器的大小，因此网页设计的第一屏给人的印象直接决定了用户下一次还会不会再光顾，这就要求设计师必须同时合理安排好页面的各个板块的布局和衔接，保证信息传达的快速、准确、有效性，做到明确而自然。这里要强调一点的是过度渲染视觉效果的热闹而让客户不知所云的设计是没有价值的。

最后，当我们的页面有了重点，细节塑造以后，我们需要对页面进行最终的整合，页面左右上下是不是均衡，色调，光线是不是统一等等，做一些轻微的调整。

下面是我毕业这几个月做的一些推广banner,包括活动营销推广、商品营销推广、邮件/论坛帖。

从我这几个月的设计感受来说，对于一个刚毕业的设计师，在沟通方面的能力提高最重要，要学会换位思考。对需求的认识和理解要及时与需求方探讨，挖掘需求的诉求点进行突出表现。在技术上要坚持不断地练习、探索，尝试用不同的表现风格(可爱、炫酷、手绘、简约、雅致等)，不断提高专业技能，使创意和技术达到完美结合。

6.网页设计师面试问答篇六

1.用户自定义的类和ID在定义和使用时有什么区别?

【解答】

定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。

2、说明在网页设计中层的作用。

【解答】

层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。

它的主要作用有以下两点：(1)将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2)利用其z-index属性，实现页面内各元素的重叠显示效果;(3)使页面上显示更多的特效功能。

3.CSS指的是什么?在网页制作中为什么要使用CSS技术?

【解答】

CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

4.网页制作中有哪几种样式设置方法?各有何特点?

【解答】

网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。

1)内联式样式设置：

设置方法：直接在要设置样式的各标记元素中修改style属性;

优点：直观、方便;

缺点：不易于维护和修改;

适用于：网页中个别需要修改的元素的样式定义;

2)直接嵌入式样式设置：

设置方法：在HTML文档的之间添加定义，部分是所有需要设置样式的元素的属性定义。

优点：对当前页面内的所有元素的样式修改、维护比较方便;

缺点：对于网站建设，要采用相同的样式设置则比较麻烦;

适用于：单独网页的样式定义;

3)外部链接式样式设置：

设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加一个对该样式文件的链接：即可;

适用于：需要统一显示样式的网站建设。

5、RGB色彩与CMYK色彩区别在哪里？网页设计用什么色彩模式，为什么？

6、你有自己的网站吗？你的网站表现什么主题？是通过什么来表现的？

网页设计师考试选择题：

姓名:_______________ 联系电话:_____________

一,单项选择题(本大题共30小题,每小题2分,共60分)

1,目前在Internet上应用最为广泛的服务是()

A.FTP服务 B.由四个子域组成,其中()子域代表国别代码.A.center B.nbu C.edu D.cn

4,当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是().A.GB码 B.Unicode码 C.BIG5码 D.HZ码

5,当标记的TYPE属性值为()时,代表一个可选多项的复选框.A.TEXT B.PASSWORD C.RADIO D.CHECKBOX

6,为了标识一个HTML文件应该使用的HTML标记是()

A.＜P＞＜/P＞B.＜body＞＜／body＞

C.＜html＞＜／hTmL＞D.＜table＞＜／table＞

7,在客户端网页脚本语言中最为通用的是()

A.javascript B.VB C.Perl D.ASP

8,在HTML中,标记的Size属性最大取值可以是()

A.5 B.6 C.7 D.8

9,使用嵌入式方法引用样式单应该使用的引用标记是().A.＜link＞B.＜object＞C.＜style＞D.＜head＞

10,在DHTML中把整个文档的各个元素作为对象处理的技术是()

A.HTML B.CSS C.DOM D.Script(脚本语言)

11,下面不属于CSS插入形式的是()

A.索引式 B.内联式 C.嵌入式 D.外部式

12,在网页中最为常用的两种图像格式是().A.JPEG和GIF B.JPEG和PSD C.GIF和BMP D.BMP和PSD

13,如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是()

A.HTTP B.HTTPS C.SHTTP D.SSL

14,在HTML中,要定义一个书签应该使用的语句是().A.text

B.text

C.text

D.text

15,对远程服务器上的文件进行维护时,通常采用的手段是()

A.POP3 B.FTP C.SMTP D.Gopher

16,下列Web服务器上的目录权限级别中,最安全的权限级别是()

A.读取 B.执行 C.脚本 D.写入

17,XML描述的是()

A.数据的格式 B.数据的规则 C.数据的本身 D.数据的显示方式

18,Internet上使用的最重要的两个协议是()

A.TCP和Telnet B.TCP和IP C.TCP和SMTP D.IP和Telnet

19,下列Web服务器上的目录权限级别中,最安全的权限级别是().A.读取 B.执行 C.脚本 D.写入

20,下面说法错误的是()

A.规划目录结构时,应该在每个主目录下都建立独立的images目录

B.在制作站点时应突出主题色

C.人们通常所说的颜色,其实指的就是色相

21,在Dreamweaver中,最常用的表单处理脚本语言是().A.C B.Java C.ASP D.javascript

22,在Dreamweaver MX中,想要使用户在点击超链接时,弹出一个新的网页窗口,需要在超链接中定义目标的属性为()

A.parent B._bank C._top D._self

23,网页制作技术不可以实现由一个文件控制一大批网页()

A.CSS文件 B.库 C.模板 D.层

24,查看优秀网页的源代码无法学习().A.代码简练性 B.版面特色

C.网站目录结构特色 D.Script程序

25,在网页制作过程中,LOGO的标准尺寸为()Pixels.A.468~60 B.80~31 C.88~31 D.150~60

26,客户机可向服务器按MINE类型发送和接收信息,客户机使用()请求方式表示要求服务器发送文件头消息.A.SMTP B.GET C.HEAD D.POST

27,在色彩的RGB系统中,32位十六进制数000000表示的颜色是().A.黑色 B.红色 C.黄色 D.白色

28,SQL Server “连接”组中有两种连接认证方式,其中在()方式下,需要客户端应用程序连接时提供登录时需要的用户标识和密码.A,Windows身份验证 B,SQL Server 身份验证

C,以超级用户身份登录时 D,其他方式登录时

29.网页代码第一行说明此页是:

A,HTM B,PHP C,ASP D,VBSCRIPT

30,不论是网络的安全保密技术,还是站点的安全技术,其核心问题是().A,系统的安全评价 B,保护数据安全

C,是否具有防火墙 D,硬件结构的稳定

二,简答题(每小题8分,共40分)

31,简述建设一个网站的一般过程.32,简述gif,jpg,swf,psd文件的特点和用途.33,Asp与javascript有什么区别

34,论述网页设计中所需要注意的通用规则.35,简述浏览器从打开index.htm的工作过程.三,论述题

假设您现在是广丰信息港的策划人,将为广丰信息港规划5个核心栏目,您会设置哪五个栏目请说明每个栏目的设置目的,原因和运作方式.答案

1.B 2.B 3.D 4.C 5.D

6.C 7.A 8.C 9.A 10.C

11.A 12.A 13.B 14.A 15.B

16.A 17.C 18.B 19.C 20.D

21.D 22.B 23.D 24.C 25.C

26.D 27.A 28.B 29.C 30.A

简答题要点:

31.(1)申请域名(2)购买空间(3)制作网页(4)上传管理

32.gif 动态格式小图形 jpg 压缩比大大图形 swf flash动画格式动态页面 psd 可保留分层信息,便于修改 photoshop源文件

33.asp是服务器代码 javescript是客户端代码

34.首先,网站的设计目的决定设计方案.其次,浏览者的需求要放在第一位.另外还需要注意页面的有效性.页面的布局要保持统一.使表格和适当的帧结构来设计网页.要谨慎使用图片.要有平面设计意识.同时减少Java Applet和其他多媒体的使用.35.(1)浏览器向DNS获取的IP地址

(2)浏览器与IP地址建立TCP连接,端口为80;

(3)浏览器执行HTTP协议,发送GET index.htm 命令,请求读取该文件;

(4)服务器返回index.htm 文件代码到客户端;

7.个人网页设计与制作篇七

(1)正确定位,确定内容。(1)要小而精。定位要小,内容要精。(2)选择自己擅长、喜爱的内容。

(2)塑造形象,统一风格。

(3)简洁明朗,主次分明。

(4)控制图像文件大小,调节多媒体嵌入量,减少网页下载时间。

网页图像最好使用GIF文件和JPG动画,这两种文件的压缩程度较高,且大小最好控制在25KB至15KB之间;JPG动画的使用不要太多,以免使主页看上去太乱。设制图片的替代文本或低分辨率图片,可以使浏览者较快地看到图片和轮廓或其它相关信息。网页中的背景音乐文件最好使用MDI格式,体积较小,便于传输,同时,注意给网页中的多媒体文件注明相关的文字性说明。

2 制作个人网页的基本步骤

2.1 收集素材

(1)文字资料。主要是自己编写的,或者从报刊、杂志、网络等媒体上获取有关的资料,加以整理编辑。

(2)图片资料。一般可以根据主页的主题选择合适的素材库光盘,或是直接从网络下载。如果有一定的绘图功底和技巧,建议尽量使用Photoshop或Paintshop[1]等绘图软件,制作页面的图标Logo及广告Banner,以充分体现主页的个人特色。

(3)其它资料。为增加个人主页的表现力,可以在页面内适度加上音乐文件、视频文件、动画文件以点缀页面。

2.2 设计结构

个人主页的制作是个复杂的系统工程。在开始页面制作之前,先搭好主页的框架,规划整体结构,草拟网站的“施工图”。如果只是一时兴起,想到什么就作什么,盲目操作,往往会使网站制作虎头蛇尾、条理混乱,最终因维护困难而夭折。

进行页面的规划,就是对每个页面的布局及所包含的内容进行完整详尽的设计。包括是否采用框架,每个页面中图片、文字及其他文件的分布以及外观显示的设定(如颜色、字体)等等,进而根据规划大致估算一下需要多少相关的素材,并予以分门别类落实。经过规划,便于个人网页的管理维护,能让制作者有条不紊地表达所有的信息,使得网站的格式统一、层次清晰。一般多采用树状结构先列出每个页面的大纲内容及规划页面之间的层次结构和链接关系,并适当考虑将来扩充的可能性。

2.3 创建站点

制作网页之前,新定义一个站点。利用站点,可以方便、快捷地对文件进行管理,尽可能地减少出错,如路径错误、链接错误等。同时设置了本地文件夹和远程信息后,可以将文件上传到服务器,实现文件的上传与下载。

2.4 编写网页

页面的制作过程包括制作顶部导航、制作主体内容、制作底部版权信息以及编辑CSS样式等。

顶部栏目主要有Logo、Banner和导航条。底部版权信息主要是网站的联系方式。

页面主体部分是页面的核心内容,大多数情况下要使用嵌套表格的技术来实现。在制作时,通常需要进行插入表格、插入背景图像、输入文字、插入多媒体文件、设置背景颜色等主要步骤。最后利用CSS来美化完成的网页。

2.5 上传文件

个人网页制作完成后,就需要给个人网页在网上安个家[2]。提供免费个人网页站点的网站很多,可以选择中意的网站提出申请。一般流程如下:点击进入的网站申请窗口,填写信息表格,其主要内容包括主页标识、主页描述、主页地址(URL)、关键词,以及个人地址、姓名、E-mail地址、电话号码、详细的邮政地址等个人信息;提交申请;将在几天内收到网站发来的E-mail。若申请成功,会得到一个网站的口令。利用网站支持的传送协议将主页上传到网站。上传成功之后,就可以实现在网络上浏览个人主页了。

2.6 更新维护

网络讲求新和快,制作个人网页时,同样也要注意。做好日常维护工作,及时更新完善,紧跟时代步伐,保持内容新颖,吸引浏览者的注意和点击。

可设置一个专门的“what′s new”页面,及时醒目地告诉来访者主页最新的内容。这样能方便浏览,让浏览者一目了然,迅速寻找所需要的内容,不致于层层深入,一无所获。

3 制作个人网页的注意事项

3.1 避免抄袭

制作和设计网页的过程中,应避免抄袭。作为新手,个人网页刚刚起步,可以适当借鉴和利用,切忌全盘不动地照搬照抄他人的成果,应坚持原创,加入自己的创意和想法。如写日志博客,翻译最新英文杂志,上传独家照片和视频,链接实习成果等。展示个性、风格,让大家认识、了解自己,才是制作个人网页的精神所在。

3.2 经常备份

要养成经常备份的习惯。制作网页是一个复杂而持久的过程。由于网页的容量有时较大,制作时很占内存,尤其是同时起动其它电脑程序,很容易导致计算机假死,因此需要经常性地备份。

3.3 注意路径问题

相对路径是大多数站点的本地链接的最适合路径。尤其新手在做个人网页的链接时,应避免使用绝对路径。网页上传后,站点移动到其它服务器,所有本地绝对路径链接都将断开,从而浏览者无法看到使用绝对路径(指对本地硬盘的绝对路径)的链接内容。

3.4 使用模板,提高网页制作效率

开始制作时,不要多张页面一起制作;建议使用模板,提高制作效率。个人网页通常会有多个风格基本相似的页面,如果每张页面都重新设计和制作网页结构、导航条及各类图标,工程量将十分庞大。借助模板的功能,通过设计和制作一张基本网页,可以快速创建大量风格一致的网页,从模板创建的文档与模板保持连接状态,可修改模板并更新所有利用模板创建的网页,达到天天改变站点风格的效果。

3.5 妙搭色彩

由于网页作为用户的浏览对象,第一印象至关重要,因此色彩的搭配应讲究一定的技巧。一般而论,网页应尽量采用一个色系,主色调控制在三种颜色以内,背景和文字的对比一定要强烈,以突出文字内容为主。常见的组合有:黑白、蓝白、黑灰白、蓝黑、紫黄等。其中,白色多用于较正式的官方网站,黑色常用于打造个人网站和一些非常前卫的网站。

在用色的时候,要力求简洁,将色彩与各要素统一起来,注意色明度、对比度、结构分配比例等,在差异中求协调,紧扣网站的内涵,保证网站的一体性。一幅图的下部采用重色,会让人觉得稳重;同时注意突出色彩的独特性,尽量采用与众不同的色系,让人产生遐想。

参考文献

[1]丁晓.制作个人网页的常用工具.合肥:电脑知识与技术,1999(9):36-40.

[2]孙良军.Dreamware MX2004入门与实演练.北京:中国青年出版社,2005-09.

[3]祝力.创建图书馆员个人网页的意义及方法.上海:图书馆杂志,2001,20(2):10-12.

8.网页设计中的版式设计篇八

关键词：网页设计；版式设计 CDIO教育模式；项目教学

近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式（Conceive构思、Design设计、Implement实施、Operate运行），符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。

网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。

本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。

1 构思阶段

（1）确立目标。

网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。

（2）信息整理。

项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。

（3）交互设计。

我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素；导航条的设置应在醒目位置，清晰明确发挥导引作用；搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角；表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。

2 设计阶段

版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。

（1）版式结构设计。

网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。

网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。

（2）字体、图像、色彩设计。

版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的文化性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。

（3）视频展示设计。

网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。

3 技术实施

（1）界面版式视觉设计。

网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator圖像处理软件开展设计，首先我们会根据思维导图绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。

（2）交互功能视觉设计。

在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。

4 运行阶段

将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。

5 小结

网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。

参考文献：

[1] 沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.

9.网页设计师的职责篇九

1、负责网站设计创意与美化工作;

2、与团队或客户共同沟通完成网站设计页面、创意实施等设计性工作;

3、负责网站的界面和专题页设计与制作;

4、负责网站的整体设计风格与布局。

5、还需负责将网站项目的设计稿切图实现并制作成符合WEB标准的页面，能高效熟练编写HTML及CSS代码，并符合页面标准和规范，确保代码对在IE、Firefox、chromium、Safari各版本浏览器有良好的兼容性;

6、熟悉javascript，jquery，完成页面常规交互动作相关的JS工作，有成功设计经历者优先;

任职要求：

1、大专以上学历，平面设计、美术设计、多媒体设计等相关专业;

2、有1年以上的美工工作经验, 有淘宝店铺美工经验者优先;

3、对时尚和流行把握敏锐，具有良好的艺术设计和创意能力;

10.网页设计师注意事项篇十

1、页面内容要新颖

网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。放眼望去，网上的许多个人主页简直就是“杂货店”，内容包罗万象&def题材千篇一律，人人都是“软件下载”&def个个都有“网络导航”，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”&def又必须突出“新”，如能坚持天天更新的话&def我相信这样的网页一定会受到大家的欢迎。

2、命名要简洁

由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。

3、要及时更新

网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也最好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。

4、注意视觉效果

设计Web页面时，一定要用640×480和800×600的分辨率来分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。

5、注意网站升级

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。

6、内容要易读

网站设计最重要的诀窍，恐怕就是你的网页要易读。这就意味着&def你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别

用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着**喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。

7、善用表格布局

不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。

8、少用特殊字体

虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。

9、多学习使用HTML

为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找da安，用Notepad制作网页。因为用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。

10、少用Java程序

不要使用大幅面的Java程序&def能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。

11、少放网站地图

许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。

12、为图片附加注释文字

给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图

片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。

13、网站介绍

一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

14、考虑浏览器兼容性

当然现在IE所占的市场份额越来越大，但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑，如色彩的搭配，图形、线条的使用等等。要时刻为用户着想，必须最少在几种不同类型的浏览器下测试网站，看看兼容性如何。

15、少用闪烁文字

有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也。

16、多用导航按钮

应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上方问网站的任何部分。

17、避免长文本页面

11.网页设计的表现特征篇十一

1、视觉形式是网页设计的外在表现

视觉形式是反应具体事物美的特征内容的外在形式，包括“外形式”和“内形式”两个方面。文字、图形、视频是网页设计的视觉传达要素，点、线、面是网页设计中的特殊视觉形式［2］，这些是网页设计的“外形式”。而网页设计的“内形式”是视觉要素按一定的规律组合起来，以完美表现内容的结构形式［3］。网页是通过视觉元素引入、被受众关注，从而实现信息的传达，这就要求网页的设计必须适应受众的视觉在心理和生理上的需求特点，遵循视觉的构成形式规则，确定各种视觉元素之间的关系和秩序。将信息准确的传达给受众，以满足受众的使用和需求，并通过独特的艺术风格突出网页内容和设计目的。

根据网页的特点、设计内容、设计目的，将网页设计中的文字、背景、按钮、图标、图像、颜色、导航等外在视觉元素，以点、线、面，灰、白、黑，色彩对比等方面的形式构成，进行网页设计。点的形态在空间中产生活泼、轻松的视觉效果，点的构成具有体现局部细节、集中视线、突出主题的视觉作用；线的形态在空间中产生方向性、条理性的视觉美感，线的构成具有体现平面分隔、类型划分的视觉作用；面的形态在空间中产生完整、稳重的视觉效果，形成多层次感、纵深感、统一画面的视觉作用。例如阿迪达斯的官方网页（图1），网页整体是由多幅图片构成一个完整的四方形面，当受众进入网页，使受众产生稳重、值得信赖的第一感觉。相对整体的页面而言，图片就一点的形式存在，在规整的视觉感上添加了活泼感、多元素性、多方面性，与阿迪达斯运动、活力的特点相吻合。以图片为参照物，图片间的空隙成为网页中线元素，将图片贯穿、连接，构成完整的面。当鼠标放到图片上，就会出现相应的文字，但又不破坏整体的构成形式。文字、图片以点线面的形式存在整个网页中，通过相互对比、相互作用，形成了统一、活泼的视觉心理感受。

图1 阿迪达斯网页

网页设计无论运用何种视觉形式，都要将文字、图形、色彩这些元素构成一个完整、统一的设计风格，也就是网页的整体性，网页设计在总体上整体统一，在细节上变化多样，达到形式与内容、局部与整体的统一，形成视觉艺术效果的吸引力和视觉空间秩序。网页设计运用不同的视觉要素，不同的构成形式规律，形成了不同的艺术风格，根据不同的网页内容、不同的设计目的，运用恰当的视觉形式法则，通过对比、连续、重复、比例等方式，表现出严谨有序的网页设计概念。符合人们的视觉逻辑、视觉美感，提高信息的视觉识别性，有意识的引导受众顺着网页设计、网页视觉流程迅速感知所传达的信息，达到网页的设计目的。

2、功能特征是网页设计的内在基础

伴随着网络的快速发展，网页已经成为网络信息表现和思想传播交流的主要形式［4］。网页作为信息传达的新载体和重要的传播途径，信息传播功能就成为网页设计的基础。网页设计的视觉形式服务于网页的主题，这是网页设计最重要的一条规律，设计的形式既要实现功能，又要表现视觉美感，美感和功能相结合，就是为了更好的表达主题［5］。这就要求网页设计在追求视觉形式美的同时，文字、色彩、板式、图形等视觉元素必须适合主题，与网页的内容、性质相一致，体现网页的功能特征。

网页根据功能、内容的不同，大致可分为及时性新闻网页、政府官方网页、品牌商业性网页和论坛交流性网页。搜狐、雅虎等及时性新闻网页（图2），主要的特征就是信息量大，针对的受众范围广泛，为了满足不同层次和不同领域的受众的信息满足和功能需求，网页的视觉表现形式就需要适合受众的审美需求，并及时的可以找到相关信息，这就需要根据网页不同板块的功能进行设计。文字就成为这类网页的主要视觉元素，文字的字体单一、易识别。由于信息量巨大，线条和色彩就成为划分区域的界限和标志。图片在这类网站中起到对主要信息、新闻的强化点缀作用。政府网站则显得十分正式和严肃，对于文字、色彩的运用有着十分严格的要求。中华人民共和国政府的网页以中国国旗的颜色——红色为主体颜色，色彩搭配显得庄重、严肃，视觉表现形式规整统一、简单直接（图3）。和搜狐等及时性新闻网页相比，对于视觉形式要求更加严格和简单。耐克、三星、摩托罗拉等商业品牌网站，相对于以上两种网页，属于品牌商业性质的网站，对于视觉表现形式的运用就显得更加自由。主要的功能是宣传自身品牌，展现产品理念。这类网站的设计主要结合品牌特点，没有固定的文字、色彩要求，可以运用对比、互动、视频等不同的表现方式。例如三星的网站（图4、5），根据产品的不同，图片、色彩也就不同，但是整体的版式、形式具有统一的框架结构。

从以上几种不同性质的网页分析中，可以看出，网页设计中的视觉元素的运用，都是以网页的功能为基础，网页的不同功能又是通过不同形式的文字、色彩、图形、版式进行视觉表现，只注重唯美的视觉表现形式，强调独特性、个性的设计风格，而忽略了功能特征的网页设计会失去网页的存在价值，造成信息的混乱，误导受众产生歧义。只重视主题思想的条理性，而忽视觉元素的形式表现，网页设计将会失去生命力，显得空洞无力，削弱了网页的最佳诉求效果。网页设计只有结合网页的主题内容，以适当的视觉表现形式，将功能与视觉形式有机地结合，实现网页的设计目的和要求。

图2 搜狐、雅虎网页截图

图3 中华人民共和国政府网页

图4、5 三星官方网页

3、技术性是网页设计的结构框架

网页从最初的简单字符的静态网页，到现在运用最为广泛的图形并茂的网页，再到最新出现的动态交互式网页，都是随着技术的不断更新而发展的［6］。技术性也就成为了网页设计的结构框架基础，成为网页的存在价值的结构基础。技术与功能有着密不可分的关系，人们对于技术的探索是在功能的不断更新之下完成的，当功能的缺陷、不足被发现后，才会有技术的推陈出新来解决和完善功能，使得技术不断成熟，有了更多的表现形式，从而通过功能效用的改善，使受众在心理和生理上获得享受［7］。可以说，一个新的技术原理的应用可以为人们开拓出一个全新的活动领域，技术的可能性成为人们审美创造的现实物质基础［8］。网页的技术性为受众、客户提供了一个全新的艺术形态。

网页设计的技术性指的是，网页设计是运用相关的编程技术、媒体技术、电子技术等实现网络视觉表现效果的方式、方法。最初的网页设计是以简单的文字比安排为主，信息量少，并却缺乏视觉美感。随着图片技术的加入，曾加了网页设计的视觉表现形式，活跃了网站的整体氛围，受众在浏览网页时，满足了审美心理上的享受，使得信息流通和关注程度得到提高。动画、视频技术在不断的运用到网页设计之中，这些技术极大地满足和丰富了受众对网络信息的接受和传播。动画具有很强的视觉冲击力，与静态的文字、图片相呼应，可以达到动静相宜的视觉效果。视频具有信息丰富、传达便捷、表现灵活等，其它视觉元素所不具备的特征和优势，适用于不同文化层次的受众，同时形象生动，具有较强的吸引力。

网页设计的技术性是隐形的特征，只有通过页面的视觉形式表现出来。相比之下，广播、电视、报纸等媒体都是以线性的方式提供信息，也就是按照信息的要求和事先确定的格式来传播。在网络的环境中，受众不再是对于信息的被动接受者，而是以主动参与者的身份，加入到信息的接受、处理和发布之中。庞大的信息量充斥着整个网络，那么网页中信息的链接导航设计就成了网页设计中最为重要的一个方面。以技术作为框架，形成完整、合理的信息链接框架，再通过视觉元素将其视觉化，引导受众可以选择性的认识、运用和接受信息。这种持续的交互性，是以交互的技术为支持的，如阿迪达斯的网页，网页设计虽然是图片元素展现网页的主题内容，但是当鼠标移至某一个单独的图片时。就会显现相关的文字主题，凸显品牌产品的特征，或企业的某一个理念，使得受众产生趣味性的同时，并与不同的受众产生信息选择互动，根据受众自身的喜好，选择的接受了企业信息，了解了企业的产品。网页设计的视觉表现形式以技术为框架结构，技术性又通过视觉元素将其展现。

结语

随着计算机技术的不断更新和发展，网页设计只有掌握了各种网络技术规律、通过多样的视觉形式，注重技术、功能和艺术的时间的关系，相辅相成，才能满足未来受众对网页信息的更高要求。网页设计是主观和客观共同作用的结果，网页设计的功能特征主要表现为客观因素，视觉表现形式主要表现为主观因素，视觉表现形式是网页设计技术性的外在表现，功能决定了技术的表现方式，视觉表现形式又通过技术和功能得以支持，实现技术和与艺术的紧密结合，使网页设计从平面设计扩展到到交互式设计，极大地丰富了网页设计的表现形式。网页设计的技术性和艺术性高度统一，把受众带入一个全新的信息传播视听空间。

［1］徐辉，李建军.网页设计的“美”与“技术”.安徽电子信息职业技术学院学报［J］，2006Vol5（27）：119～120

［2］杨西惠，刘西莉.网页设计的视觉要素与编排创意.装饰［J］，2005（144）：56～57

［3］耿阳，孙志红.浅谈网页设计的形式和艺术风格.艺术与设计［J］：65～66

［4］宋春晖.网页设计中的美学应用分析.海南师范学院学报(自然科学版)［J］，2005Vol18（1）：46～49

［5］许金友.艺术与技术的完美结合——浅议网页设计的特色.艺术与设计（理论）［J］，2009（4）：67～69

［6］张亮.论网页设计中的美学.大众科技［J］，2009（115）：38～39

［7］邹立坤.技术美——现代设计的新诉求.艺术与设计［J］：17～19

【网页设计师试题】推荐阅读：

网页设计网页制作期末01-19

色彩个性化网页设计:优秀网页设计案例03-11

网页设计师简历06-20

网页设计师学习课程09-15