网页设计论文范文10篇

目录：

引言…………………………………………………………………..2

1系统设计目标和使用的主要技术……………………………….4

1．1设计目标………………………………………………………4

1．2主要技术………………………………………………………4

1．2．1模板技术………………………………………………….4

总论

本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。

/基本要求

1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。

2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

摘要:商业网页设计中具体的字体、图形、图象、标志等等，常常表现为点线面、色彩、动静、主次等视觉因素，这些因素的不同使用都会影响读者的视觉习惯和心理变化。本文将分析商业网页设计视觉因素的心理规律，揭示网页设计如何通过视觉因素更有效、更合理的表现与传达信息。

关键词:网页设计视觉心理因素构成要素视觉流程

商业网站是企业向用户和网民提供产品和服务的一种方式,是企业开展电子商务的基础设施和信息平台，其网页页面由具体的文字（标题、广告语、单位名称、Email地址等）、企业标志、商标、产品图形、和信息菜单等内容组成，这些内容又常常表现为点线面、色彩、动静、主次等视觉因素，这些因素的不同使用都会影响读者的视觉习惯和心理变化。

本文将试析商业网页设计视觉因素的心理规律，揭示商业网页设计如何通过视觉心理因素更有效、更合理的表现与传达信息。展现企业形象、介绍产品和服务、体现企业发展战略。

一、商业网页设计中点、线、面视觉心理因素的运用

点、线、面是商业网页设计基本的视觉元素，是表现视觉形象的基本设计语言。从视觉角度看网页设计主要是如何经营好三者的关系，因为不管是任何视觉形象或者版式构成，归结到底，都可以归纳为点、线和面。

基本要求

1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。

2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

脚本编写

1注意网页设计方案要素是否有缺漏

一个网页要能表达一定的内容和具备一定的功能，就必须具有相应的结构成分。这些结构成分可以称为“网页要素”，因为它们是一个完整的网页不可或缺的。从宏观上来看，根据视觉流程从上而下的顺序，一个网页的总体框架由页面头部、中部内容区和页面尾部组成。考题中给出的这个页面，已经设有导航条所在的头部和包含了6个栏目的中部内容区，但是没有出现尾部。不过，尾部区域主要用于著录表明网站合法性的行政许可（或备案）文件的文号、版权信息、经营单位的基本信息及其相沈菁上海出版印刷高等专科学校，200093，上海3把握网页设计方案的审核要点关链接等，一般是整个网站统一设计、制作好模板后供各个网页使用的。作为网站下的一个专题频道，其首页的尾部只要照用网站已有的现成模板即可，无须再专门设计，所以，页面设计样张中一般可以不再列出。这样，可以说该网页没有缺漏宏观层面的要素。从中观上来看，页面头部应该有表示本频道主题的频道名称、表示本频道框架构成并方便用户选择浏览相应内容的导航条；中部的内容区域则应列出本频道中相对较为重要的栏目，以方便用户登录该频道后就能直接观看到一些重要信息。以这些要求来衡量，题目中的网页在中观上也是基本符合要求的。进行宏观和中观审核后，才是从微观上对网页各部分进行审核，其顺序一般也是从上到下。就网页头部来说，频道名称应该简洁明了，直接点明主题，周围可以加简单的图片，也可不加。同时，导航条上应该列出构成本频道的基本板块。如果空间允许，导航条上还可尽量再列出板块下的一些子项名称，以体现各个页面的层级关系，使整个网站结构清晰明了；如果空间不足，子项也可不列。

题中的网页设计图，在这些方面应该说是达到了一般要求。此外，频道只是整个网站的组成部分之一，一个网站往往可以设有多个频道，分别表示不同的内容主题，整个网站的内容特色和最为重要的信息功能，则集中在网站首页上。用户浏览网站时，网页按树形结构一层一层展开，浏览得越具体，离开作为“树根”的网站首页距离就越远。这样，作为一个网站下的专题频道，就应该设有与网站首页的链接，让用户可以通过单击这个超链接直接返回网站首页。分析题目中的网页设计图头部区域，可知其中缺漏了这个要素。所以，应该在导航条上增添与网站首页链接的文字或图形。但在考试中，绝大部分考生都忽视了这一疏漏。就网页中部区域来说，一般各个栏目都应该有相应的名称，再在其下按具体内容的多少，或直接提供以文字、图片、动画、音频、视频等形式表现的有关内容，或列出相关内容的标题供用户进一步展开网页浏览。题中所示网页设计图的中部区域，基本上做到了这些，唯独“头条图片”这个栏目，既没有栏目名称，也没有对图片作诠释说明的相关说明文字，即图题。当然，图片栏目有些特殊性，其所在位置可说已经表明是“头条”，内容表现形式也已体现出是“图片”，再专门标上栏目名称便有蛇足之嫌。然而，图题是必需的，不可缺漏，否则用户就不易理解该图是什么意思，或者产生张冠李戴的误解；况且，图片有时可能会因种种原因而不能正常显示，而有了明确的图题，用户可借以知道该处是什么。所以，为了保证信息的传递更直接有效，更好地提升用户的阅读体验，应当补上图题这一网页要素。在图题的设置上，如果栏目中只有一幅图片，图题可以单独放在栏目下部；如果栏目包含一组图片，那就宜把每幅图的图题与图片有机结合在一起，置于其下方，而在栏目下部列出与各幅图片链接的标志。需要说明的是，虽然图片因能够美化网页、吸引用户注意而在网页设计中有着重要的作用，但一个页面上不宜安排过多的图片，否则会降低打开页面的速度。同时，图片必须事先经过优化处理，一般采用gif或者jpg压缩格式，以减小页面的数据下载量。

2注意项目安排是否逻辑合理

网站的功能是展示信息供用户浏览。为让用户顺利地找到其所需要的内容信息，网页上的各个项目安排就必须遵循一般用户都准确理解的规则。逻辑体现了人类思维的共同规律。如果网页的设计在逻辑上合理，用户就能方便地按照一般逻辑规律使用网页。这样，审核网页设计方案中各个项目的安排是否合乎逻辑，就成为网络编辑的重要任务。网页项目的安排要达到逻辑合理，就要根据事物分类的一般逻辑要求，将具有相同属性内容的项目进行归纳后，共置于某个可以概括这些属性特点的类别中。审视考题中所给网页的各个项目可以发现，几个栏目的属性具有基本平行的关系，将它们并列置于同一层级是正确的，但是，页面上出现两个同名栏目则是相互矛盾的，应该修改。根据栏目内容和题干中的交代，可知应该把中间栏目的名称改成“积分榜”。此外，导航条上所列各个板块，其属性也具有平行关系，可以并列，而板块与其包含的子选项之间则具有类属关系，所以将子选项分别置于各板块内，这也是合理的。但是，进一步分析各个子选项的内容，就能发现有些子选项的类属划分在逻辑上是不合理的：“全场回看”不应属于“新闻”板块，应置于“视频”下，而“最新动态”倒是应属于“新闻”板块，却被误置于“视频”板块内；“射手”和“排行”主要提供一些统计数据，而不是与用户讨论，所以应属于“数据”板块而非“互动”板块；相反地，“投注”和“微博”应属于“互动”板块而非“数据”板块。因此，考生应该对这些子选项的分布作出合理的调整。

3注意版式的规范与否

内容摘要：浏览者用直接的方式把网页版面各要素知觉为一个网页版面格式塔，应用格式塔心理学的组织律可以完善网页版面式样。利用格式塔心理学原理，复杂完美的网页版面格式塔可以从“统一”和“变化”两个方面来建构，能使读者获得审美愉悦。

关键词：格式塔网页版面审美心理

网页版面设计要给浏览者创造一种气氛，使浏览者在未阅读之前便可以概括领略整个网页的风格。当浏览者刚打开网页的时候，首先引起他们注意的是由颜色、形状、大小各不同的要素组成的一个版面式样。这样浏览者就会从一个抱着获取信息的功利态度的求知者转而成为一个审美期望的审美主体。并在对网页版面式样瞬间的知觉中，完成一个完全脱离网页内容、只“观照”网页版面式样的审美意识活动。

格式塔派创始人韦特墨于1923年在一篇论文中提出了“知觉结构原则”，认为一个人“采用直接而统一的方式把事物知觉为统一的整体，而不是知觉为一群个别的感觉”，“在许多刺激条件下，有尽可能把图形看成‘完好’图形的趋向。”这一学派提出了“同形论”，按照苛勒的说法，其含义是：“经验到的空间秩序在结构上总是和作为基础的大脑过程分布的机能秩序是同一的。”[1]美国美学家鲁道夫·阿恩海姆的《艺术与视知觉》一书中提到，在用外部事物的形式与主体的情感之间存在着“力”的结构的“同形”关系，来解释形式的情感意味，这就是说，由于外在世界对象物的物理的力与人的内心世界的心理的力在结构图式上有“同形同构”或“异质同构”关系。因而，当某种外在事物形式的力的结构图式传达到人的大脑时，与大脑电化学力场中某种力的结构图式相互对应，引起大致相同的电脉冲传递，使人的内在情感与外在事物形式合拍一致，于是主体产生审美愉悦，客体成为审美对象。例如，音乐是婉转下降的旋律，与人在悲伤时大脑力场的力的结构相同，都会给人带来一种凄切的意味。格式塔的同形论，以内外双方力的式样的同形或者异质同构来解释对象形式的表情性质。艺术就要善于通过物质造成这种结构完形，唤起欣赏者身心结构上的类似反应，不要只以题材内容使浏览者单单了解其意义。[2]根据这一理论，我们可以这样解释：浏览者是采用直接而统一的方式把版面的各个要素知觉为一个统一的整体和完好图形的，而不是把它知觉为一群个别色彩、形状、大小、位置和要素。完美的网页版面样式的物理的力与读者的内心世界的心理的力在结构图式上是同形的，因此，当前者这一力的结构图式传送到浏览者的大脑时，与浏览者大脑电化学力场中某种力的结构图式相互对应、吻合，引起大致相同的电脉冲传递，唤起了浏览者身心结构上的类似反应，使浏览者的内在情感与完美的网页版面样式合拍一致。于是浏览者产生了审美愉悦，网页版面样式成为审美对象。

网页版面式样的审美心理是影响网页可读性的一个重要因素，一个版面式样组织得合理的网页会使浏览者产生愉快的视觉感觉而乐意亲近，必然增加网页的吸引力，诱使浏览者去阅读；一个个面目狰狞的网页在浏览者把目光投向页面的时候就会产生一种紧张、憋闷的感觉，从而产生排斥心理，影响浏览者点击和阅读的欲望。从审美心理学上说，主体的审美在表面上虽然是无关功利的，但究其实质，事物的审美价值同其功利性的价值并非毫无关联的，二者的联系是间接的，但又是强有力和不可忽略的。

格式塔学派把人们由知觉活动组织成的具有整体性的外部事物的“形”，称为塔式塔（意为完形）。它又称为完形心理学。考夫卡认为，我们自然而然观察到的经验，都带有格式塔的特点。[4]他把事物的整体性及形状完全归结为神经系统的组织作用，认为这种组织作用与经验知识毫无关系，完全是先天生成的，每个人都是依照他经验到有意义的知觉场的。他归纳出一套起组织作用的规律，称作组织律：图形与背景（区分度越大，图形越可突出而成为我们知觉的对象）；接近性和连续性（某些距离较短或互相接近部分，容易组成整体）；完整和闭合倾向（某一部分有闭合的趋向，容易组合成整体）；相似性（相似的部分容易组合成整体，而不相似的部分彼此分离）等。人的神经系统依靠这些组织原则，就可以把对外界事物的知觉组成一个整体。

1课程现状分析

1.1教学现状分析

后续课程《网络信息系统开发与利用》要求学生能读懂HTML代码并能修改或编写，也会影响此课程的学习。早期页面布局方法一般为表格布局，现在这种技术已经落后被淘汰，取而代之的是DIV+CSS技术，此方法使页面内容和显示效果完全分开，页面元素的布局更加灵活，网站在制作过程中风格的统一、后期网站风格的改变及网站的维护更新将会变得更加方便。

1.2确立课程教学目标“网页设计与制作”实践培训课程主要面向网页设计人员必备的一些基本技能，使学生能够具备以下四方面的能力，基于以上表格的内容“，网页设计与制作”这门课程采取了以“教师为主导地位，学生作为主体”的模式进行教学的，这种模式符合我校的教学和管理模式的要求，让老师根据学生的特点来指导《网页设计与制作课程》的探索、分析、研究以及改善学生的实践操作动手能力。采用任务驱动的教学模式方法，在课堂上以案例为主进行实践教学环节。在教学过程中可使用网页模型为例，根据教学内容的安排和要求，教师引导学生并为学生创造环境，让学生快速发现、探索和解决网页中的问题，来激发学生的好奇心和欲望，带动学生兴趣，促进学生的创新能力。

2课程教学体系的基本思路

在“网页设计与制作”课上协调好教学课程，努力使学生变被动学习为主动学习，树立以学生为中心，师生关系和教学岗位、教师与学生之间，通过师生关系和互动创造了良好的教学氛围，这是教学改革进程的一个重要组成部分。有效的学生交流机制是建立学生互动的良好基础。

摘要:通过分析高职学生学习的行为特点，研究使用信息化技术，借助蓝墨云班课APP开展教学，并将信息化技术运用到网页设计与制作课堂教学中，具体说明如何进行课程教学过程的设计。结合实际教学情况，选取项目模块内容，具体阐述教学过程设计，并选取四个教学班开展教学效果调查，验证新实践教学模式的实施效果。

关键词:信息化技术；网页设计与制作；高职学生；蓝墨云班课APP

1引言

网页设计与制作是一门有着广泛应用、实用性非常强的课程，面对具体的教学内容，少部分学生比较精通技术与理论知识，大部分学生则“百思不得其解”。针对这个问题，传统的授课方式已经不能满足要求。笔者充分运用信息化技术对课程教学模式进行改革，从高职学生的学习特点、信息化技术教学过程设计、教学改革效果等几个方面，谈谈信息化技术在教学过程中的运用及效果。

2高职学生的学习特点分析

在信息技术快速发展的今天，90后高职学生更喜欢从事实践活动，追求未知事物，热爱冒险，敢于创新[1]。他们还有另一个特点，即从小就受网络信息产品的影响，移动信息技术的发展变革带给他们更多选择娱乐方式的机会，各类网络游戏、富媒体信息很轻松地击败了不少学生的自控力，存在大量“手机不离手一族”。网络游戏、微信、QQ信息通信和网上购物都是90后学生休闲娱乐的平台，学生的平时生活和学习方式正在被网络信息技术改变。课堂上学生的手机管理问题一直是教师进行课堂教育研究的热点，学生课堂玩手机现象随处可见，虽然教师针对这个问题采用很多措施，但是学生课堂看手机现象一直存在，采取的措施很难剔除这个现象[1]。笔者在所授网页设计与制作课程教学中，尝试用移动网络和智能手机开展信息化技术教学，借助蓝墨云班课APP移动教学平台，构建“处处能学、时时能学”的教学网络平台，为学生提供移动手机上的课程基本信息、任务推送、课前课中测试、教学课件、教学辅助微课、教学视频等，使学生体验在娱乐的环境中学习理论知识和实践技术，学生学习更自由、有趣，教师教学更轻松。

学术期刊投稿网站网页标记语言正确性之探当前，我国大多数的学术期刊都建立了论文投稿网站系统以方便作者投稿和专家审稿，期刊的编辑也可以应用网站系统对投稿作者的文章进行管理和审核，因此论文投稿网站系统的设计与维护非常重要。据NetMarketShare的数据，截止2015年7月，占据全球浏览器排行榜首位的仍然是IE浏览器，总市场份额为53.47%，Chrome浏览器位居第二位，最新市场份额27.66%，Firefox火狐浏览器以12%的市场份额位居第三位。由于各个网页浏览器对网页标记语言的解释与执行有一些差异，加上网页设计语言的多样化，可能会造成论文投稿作者使用的浏览器打不开网站的情况，即会出现网页设计语言与浏览器相互不兼容的情况出现。设计的网页如果能遵守规范，就能确保网页架构与语法的正确性，也可以满足用户广泛浏览的需求。对论文投稿作者而言，遵守规范的网页能够减少投稿的困难度，让网页适用于更多的载体（移动端屏幕、电脑浏览器等），并减少错误信息的传递；对论文投稿网站的管理者而言，符合规范的网页较容易维护，因编辑团队可能随着时间的推移不断替换，对于新进人员而言容易了解及修改。另外，符合规范的网页也能够增进网页在网络上的可见度，提高搜寻引擎排名[2]，使论文投稿作者更容易在网络上搜索到该投稿网站。查阅中国知网、万方数据库等国内文献检索系统，发现目前国内并未有学者进行过相关的研究，查阅WebofScience、EBSCO等外文文献系统，发现国外学者对网页标记语言正确性检测方面的研究也较少，主要的研究有Chen等人[3]（2005）利用网页检测工具了解网络上网页正确性的比例，并期望找出最常出现的错误类型。Chen等人的研究结果显示，有高达95%的网页不符合网页标准，并且不论使用何种网页样本搜集方式，前十大错误种类几乎完全一致。Breeding[4]（2006）使用W3C的MarkupValidationService检测美国研究图书馆协会的123个会员图书馆首页，进行网页正确性调查。研究结论显示，除了21所图书馆完全符合W3C的规范，其余均出现了错误，甚至有7所图书馆错误数达100个以上，错误率高达82%。网页设计语言作为一种在网络上被广泛接受的计算机语言，是由国际万维网联盟（WorldWideWebConsortium）所制定并规范化。关于网页设计语言方面的研究，目前众多学者进行了多角度的研究探讨[5-11]。网页设计语言不是一般的程序设计语言，而是一种网页标记语言（MarkupLanguage），最为经典的网页标记语言HTML被称为超文本标记语言（HyperTextMarkupLanguage），其主要使用标记标签（markuptag）来描述网页。论文投稿网站的管理者可通过不同的检测工具（validator或checker）检测网页是否符合规范，如网页架构与语法的正确性可通过W3C（WorldWideWebConsortium）的网页标记语言检测器（markupvalidator）进行相关检测。论文投稿网站网页架构与语法正确性与否会直接影响论文投稿服务的可访问性与正确性。因此，本研究期望通过W3C网页标记语言检测工具的应用，检测我国论文投稿网站网页标记语言正确性（webmarkuplanguagevalidation）程度及问题，并试图提出解决方法，以供论文投稿网站经营管理或建设发展作为参考。

1网页标记语言正确性检测

1.1研究工具。目前，网页检测工具较多，提供的检测功能也有所不同，能够进行各种浏览器的兼容性测试、负载测试，以及网页标记语言检测等。比较知名的网页检测工具有Googlewebpagetester、BrowserShots、IETester、Feedvalidator等。网页正确性检测是W3CWebQualityTools中的功能，主要包括：（1）标记检测（MarkUpValidator），可用于检测网页上的各种常用的标记语言的规范性和正确性，如HTML、CSS、XHTML、XML、WML等；（2）Web内容的数据交换规范（FeedValidator），用于检测Atom或RSSfeed语法的规范性和正确性；（3）层叠样式表检测（CSSValidator），用于检测内嵌在HTML、XHTML中的CSS样式的规范性和正确性；（4）超链接检测（LinkChecker），用于检测网页中超链接（Link）和锚点（anchor）的规范性和正确性。本研究主要使用W3C提供的网页标记语言检测工具（MarkUpValidator），检测论文投稿网站上网页的各种常用的标记语言的规范性和正确性。通过该工具可以检测出受测网页的错误数（W3C网页标记规范性）、服务器种类、网页大小、网页格式、网页编码（GB-2312或其他）、文件类型等，并会列出错误之处及建议改进的方式。检测的方式除了可以直接输入网址外，也可以上传该网页的源代码进行检测。图1为网页标记语言检测的主界面，本研究主要采用输入统一资源定位符（URL）的方式进行网页检测。检测结果分成两部分；一部分是结果摘要，叙述错误数、警告数、编码（Encoding）及网页格式（Doctype）是什么版本等，如图2所示。另一部分则为检测出的错误或警告详细结果，并列出改正建议如图3所示。1.2研究样本。由于我国学术期刊的投稿网站较多，难以对所有的论文投稿网站的所有网页标记语言的正确性进行检测，因此本研究需要选择一定数量的样本进行检测工作。参考北京大学图书馆公布的2014版《中文核心期刊要目总览》，本研究选择其中列出的出版事业类12种期刊，以及图书馆事业、信息事业类的18种期刊进行研究（总计30种期刊），选择这些期刊作为研究样本的原因一方面是这些期刊均属于中文核心期刊，在网络上得到的关注度比普通的期刊高[12]，一方面是出版类、图书情报类的期刊属于专门研究期刊编辑出版等问题的专业期刊，研究这些学术期刊建立的论文投稿网站网页标记语言的正确性和规范性具有一定的示范作用。由于选取的30种期刊中有部分期刊没有建立论文投稿网站系统，部分仅有Email投稿方式，因此在研究中需要将这些期刊忽略，最终所选取的期刊如表1所示，有效样本为21个，取样日期为2016年4月5日。由于考虑首页为论文投稿作者首先打开的界面，其网页标记语法的正确性将首先影响到用户的操作，因此本研究将检测目标锁定在论文投稿系统网站的首页（MainPage），在网页标记语言检测的主界面中输入首页的统一资源定位符（URL）进行检测，并记录其检测结果。

2检测结果的统计分析

本研究主要基于W3C的网页标记语言检测工具，从网页格式定义种类（Doctype）、网页错误数及网页错误类型进行分析，从中了解学术期刊论文投稿网站在网页标记语言上的问题，以及提出建设参考意见。在对有效选取的21个期刊论文投稿网站首页进行检测的过程中，19个期刊的论文投稿网站能够正常进行检测，但有两个期刊论文投稿网站（大学图书馆学报、现代情报）的首页无法检测，其中大学图书馆学报的网站对检测进行了禁止设置（Forbidden），现代情报网站在检测中无法找到（NotFound）。2.1网页格式定义种类及网页错误数。网页格式如果没有定义，除了在内容呈现上可能出现错误，在数据交换及传输时可能也会出现问题，除了会造成数据的流失，有时还会导致错误信息的传递。对于论文投稿网站的网页格式定义类型，除了两个无法检测的期刊网站之外，其余19个期刊的论文投稿网站均对网页的格式进行了定义，包括两种W3C定义标准，HTML4.01Transitional和XHTML1.0Transitional，具体的定义类型可见表2。由表2可以看出，有6个学术期刊的论文投稿网站采用的是XHTML1.0Transitional的格式。相对于HTML4.01Transitional而言，XHTML标记语言，通过结合XML和HTML的功能，使得网页内容更容易被手持移动设备以及电视媒体等访问。对于网页错误数，被检测的19个期刊论文投稿网站首页的网页标记语言都出现了错误，出现错误数最少的是中国科技期刊研究和中国图书馆学报，部分期刊的网页标记语言错误数较多，如出版科学、情报科学、图书馆理论与实践。2.2网页错误类型。国际万维网联盟网页标记检测服务（W3CMarkupValidationService）给出定义的错误类型总共有447种（详见validator.w3.org/docs/errors.html#noverbose），本研究检测的19个期刊论文投稿网站的网页错误类型经过统计有121种错误类型，主要的错误原因在于标记属性使用错误或者未加定义。期刊论文投稿网站首页的前几项错误项目分别是Thereisnoattribute“……”（136次）、Documenttypedoesnotallowelement“……”here（104次）、Requiredattribute“……”notspecified（91次）及Element“……”undefined（85次）。属性定义有误在信息的显示上可能不会出现问题，网页内容能够正常呈现，但对于数据的交换及传递会有一定程度地影响。在统计的121种错误类型中，属于标签（Html-Tag）的错误数最多，说明期刊论文投稿网站的网页大多数为Html标签的定义或使用错误，因此在撰写Html语法时应注意标签的使用正确性。另外，由于网页制作软件的可视化和方便性，使得网页设计人员更容易的设计制作动态化的脚本语言，导致脚本（Script/Script-Tag）出错的数量也偏高。由于19个期刊论文投稿网站网页的错误类型和数量较多，无法用表格的形式一一列出，图4为中国图书馆学报的检测结果，可以看出中国图书馆学报的论文投稿网站的网页没有出现标记使用属性方面的错误，仅有两条格式定义类型的错误。

3研究结论及建议

摘要：为了研究用户的网页浏览习惯及效率。论文借助眼动实验，并结合问卷调查，将主观评估和客观数据相结合，以高校官方网站为例，对用户浏览网页行为和效率进行研究，获得用户眼动数据及对网页喜好度数据。用户浏览高校网站时第一注视点及最关注的区域在网页中上方；搜索信息效率越低，用户喜好度越低；信息放在打开网站的第一屏时，搜索效率最高。从信息内容、用户服务、网站结构及网页风格四个方面对高校官方网站设计提出建议。研究结果为高校官方网站网页设计提供参考依据。

关键词：眼动实验；网页设计；高校官网；浏览习惯；搜索效率

互联网的时代，高校官方网站是高校宣传的重要平台与载体，网站设计的好坏直接影响用户使用高校官方网站的积极性，然而对于高校官方网页设计的研究方法多以问卷调查、专家打分等方式进行，评估具有主观随意性。而眼动仪可以实时捕捉用户的行为习惯，通过被试者的眼动轨迹、热点图以及相关数据可对网页的设计情况进行直观、准确地分析评价。本文以国内部分知名高校官方网站首页为研究对象，采用眼动实验对被试者浏览高校官方网页过程进行研究，并在实验结束后立即填写调查问卷，获取用户的主观信息，将主观评估和客观数据相结合，对用户浏览高校官方网站的习惯及用户的视觉搜索因素进行分析探讨，使结论更加全面具体，为高校官方网站的网页设计提供参考依据。

一、眼动实验与高校官方网站设计

眼睛是人类获得外界信息的主要途径，视觉是加工处理信息的重要方式，用户浏览网页时主要是通过眼睛获取搜索信息。眼动仪是用来记录处理眼动数据的设备，是心理学研究的重要仪器，眼动测试是内隐测量方法的一种，其实验数据可以直接反映用户行为，近些年被广泛应用于网站的设计与评估中，用于分析用户对网站的视觉浏览习惯。眼动实验能够记录用户在浏览网页时眼睛的运动数据，包括总注视时间（TotalFixationTime，TFT）、注视次数（FixationCount，FC）、平均注视时间（AverageFixationTime，AFT）。眼动实验的主观性图表在网页设计研究中被使用最多的是热点图和轨迹图。近些年，眼动追踪被广泛应用于网页设计研究之中。许鑫等人利用眼动追踪实验研究用户在浏览高校图书馆门户网站主页时的浏览习惯，提出了高校图书馆门户网站网页设计时应考虑的重要因素[1]；王诗傲将眼动分析法引入到工业设计服务网站的界面设计评估上，通过眼动指标完善工业设计服务网站评价体系内容[2]；刘玮琳等人通过眼动实验探究网页界面中的分类信息设计对用户认知效果的影响规律[3]；吴安波等人对某高校教务网站的可用性进行了分析，在一定程度上为教务网站的设计及改进提供参考[4]。由此可见，利用眼动实验对网页设计进行研究已经较为成熟，为高校官方网站网页设计的研究提供了理论基础。高校官方网站是依托于高等学府，以服务教育、服务科研、服务师生为目的，肩负对内交流、对外宣传的使命，从事教育资源整合、高校信息、辅助教学管理的综合性网站[5]。高校官方网站既是学校信息传播的重要载体，也是校内师生管理系统的重要入口。针对高校官方网站设计研究方面，李嘉瑜以国内“985”高校为研究对象，以美学视角为出发点，对高校官网的版式界面进行了详细的分析[5]；万立军等人通过国内外学者对目前高校网站信息服务质量评价相关研究内容的分析，构建我国高校网站信息服务质量评价指标体系[6]；孔宁通过询问技术，从用户的主观倾向性出发，对高校门户网站可用性进行了进一步的探索与研究[7]；王传松应用文献分析法、用户访谈和问卷调查法、层次分析法以及模糊综合评判法等方法，构建了基于用户体验的高校网站评价模型[8]。通过对搜索的文献进行整理发现目前针对高校官方网站网页设计的研究并不多，眼动实验在这一研究领域中还有待探索。

二、实验设计