网页界面设计论文精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页界面设计论文主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页界面设计论文范文

论文摘 要：当网络界面设计从上世纪末成为平面设计领域中的新生代，这股强劲的新生势力将印制媒体设计的视觉传达原理和相应的网络技术融合为一体，由此新的交流平台应运而生了。书籍设计是平面艺术设计领域的重要组成部分，也是印制媒体设计中的代表。本文主要从新生网络界面设计的特点和表现出发，通过分析比较其与书籍设计的差异性与融合性，旨在辨清两者的特色与发展方向，寻求两者融合的新思路，希望能更有效为今后的网络界面设计与书籍设计指引方向，发挥两者设计的特色，服务于人。

随着科技的发展、电脑及网络的兴起，网络界面的出现使得人们的阅读方式乃至生活方式发生着改变，直接影响着人们生活的方方面面。网络界面设计作为平面设计阵营中的新生代，展现出数字信息时代下崭新的艺术设计语言。当今是书籍设计与网络设计共存的时代，实体与虚拟的并存，呈现出各自设计特征与发展方向。网页界面设计中的视听要素与所展现出的设计语言的新面貌，为已有的信息传播方式带来了新的展现平台。网络界面设计除了运用印制媒体设计的构成原理与视觉要素，还具备了其特有的鲜明特征。网络界面设计的新特征展现在视觉艺术与网络技术的不断变革中。作为新生代的网络界面设计是对印制媒体设计的继承和发展，其与书籍设计相比有着其鲜明的特征。

一、新特征

（一）互动的距离。书籍设计呈现出一种“只读艺术”，阅读者在品读过程中往往是被动的。而网络媒体艺术是一种“可读写艺术”，浏览者可在登陆后实时关注，并在相关内容上进行浏览、反馈和答复等等，实现“零距离”交流互动。设计师将设计良好的界面、网络技术开发和网络交互性进行结合，将使网页浏览者实现自由的、主动交互的选择，这些对于书籍阅读来说基本无法实现。

（二）线性与非线性。从书籍所呈现的内容文字来看，其呈现出“线性”排列，受其印制品的物理结构与相关内容空间编排的制约，这种由头到尾线性文本的编排，使读者产生单一方向的内容认知的过程。读者在筛选内容后，在阅读中是遵循一行一行的由前向后的读览方式，这就体现出“线性”阅读的特色。网络界面设计打破了传统文本排列的架构。链接实现了文本阐述、拓展、补充等若干部分的内容。读者根据需要将排列的文档一部分一部分的划分开，确定自己的阅读中心，在屏幕上将阅读空间内容重组，从而实现自主的个性化的文本阅读意义。

（三）单一媒体与多媒体。多媒体的发展成为网页界面设计的流行趋势，与书籍设计这种单向媒体相比较而言，其优势是集成图形图像、音效音乐、以及视频动画于一体，促使视觉触觉听觉等等全方位多角度多视点的传达信息，吸引观者。这种多表征的信息集合表现产生了“1+1＞2”的效果。网页模拟出真实的场景这是书籍设计无法体现出的效果。这种多感设计已成为网页设计中争相展现的面貌。

（四）空间扩展。书籍版面展现出来的是平面二维空间，而网络界面往往是二维和三维的共同体。三维空间具有更大的信息量，增添了新的维度，从而满足人对空间心里真实的需要。同时，界面的层层串接使浏览者在网页内容之间循序往复的互相套接，架构出层层深度的脉络，吸引人们深入认知。

（五）即时性。信息的时效性是信息社会的基本特征。书籍编辑印制的时间过程往往比网络编辑的过程要缓慢。由于网络技术和网络界面的设计特点，设计人员将编辑完整的网站或网页于网络，那么即可完成。这样往往节省了书籍印制过程中所需的时间段，从而在第一时间将鲜活准确的信息广泛的传播，网络信息的即时性特点也就体现了出来。另外在网络中互动的平台中，往往也体现出信息的时效性。例如：论坛中的相关讨论和问题的回复，都体现出此特点。

（六）广告的灵活性。作为互联网上新兴的一种广告形式——以网络为平台的网络广告也就应运而生了。网络广告是一种结合传统的广告形式与网络应用技术的一种全新形式。网络广告与书籍广告相比而言，主要可以从沟通性、信息性和效果性几个方面加以比较。

书籍广告中，由于书的特质致使其沟通受众面有限，书中的广告信息内容往往和书籍相关，效果大多倾向静态的图文信息，这样的信息在传播的过程中给人的感官刺激较单一。当然随着科技的发展，也出现一些新的广告方式，如：书签广告，随书附赠品中加入广告等，但与网络广告相比而言单一化的特征明显。反观网络广告的特质，其信息沟通模式是多样性、实时交互性流通，避免了书籍广告那种将信息灌输式的，用印象去劝诱目标受众成为消费者。同时其信息覆盖面更广泛、信息容量更大，信息综合表现效果更强。

二、差异的表现

（一）书籍封面与网站首页

就书籍封面而言，其间的图形和文字等元素编排相对固定，效果方面也是据其内容设计出静止且有内涵的风貌。而网站首页表现手法灵活度大，往往会结合动态与音效等手段来一一呈现。引入式和主题式是网站首页展现的两种主要手法。引入式往往使用动画或图形图像在首页，主要是利用少量的文字和氛围去制造出一个对网站总体的展现和引入。而主题式主要指首页上方以导航条为主，下面出现若干分类信息。此类首页以文字居多，分栏表现便于检索。由于这样的网站信息量较大，因此在查阅期间往往需要滚屏浏览。

（二）版面与界面

1、书的目录与网页导航。翻开一本书，想了解本书的内容，往往会先浏览目录。目录是本书的提纲挈领，呈现的方式主要是各章节标题与页码组成，静态的组织加入纸张的质感无不显现出书卷之气。网页中起到“目录”功能的位置是导航条。其间只强调标题而略去页码，静态与动态的紧密结合，声效与变幻色彩的加入无不展现出导航条的特色。2、版心与分栏。书籍版面中的版心一般相对比较大、内容集中在版心内部，尺幅变化相对不大，整本书的分栏比较规范统一化，如：单栏或两栏等等。留白率是指版面与空白之比，留白率的恰当使用会提升视觉效果和信息的认知度。与书籍版面相比，网页界面的版心和分栏相对更灵活，留白率更大。版面色彩之间的运用与衔接变化更丰富。3、文字与图底。网页界面不像书籍版面那样分出左右两页，并按前后注明页码。网页间链接靠的是层层的链接，编排中的文字和图形灵活多变，往往出现加底色或底图的形式。从字体角度来看，书籍设计时软件中可选用的字体种类较多，作为网络界面上显现的字体是由浏览者所使用的机器内部的字体数量决定的。一般用户所使用的电脑中的字体是随系统安装的，字体数量是很有限的。因此网络界面的字体与书籍上的字体相比而言展现出较固定化的特点。4、顺序的呈现。书籍由印制装订在一起，内容在安排上顺序感强，由前至后的段落排列引导读者的阅读。网页界面因其互动性的特点，设计的过程中在主页的超链接上可以按照不同人群需要设计出各种人性化连接界面，在设计环节中展现出脉络状的连接。

（三）形态表现

1、虚拟与实物。当今书籍设计师打破了传统六面体的造型，创新出多面体的异型开本，使书籍从外观造型上就获取了更丰富的实物面貌。网络界面二维、多维造型以数字化模拟体现，形态多变且静动结合，多变的虚拟形态吸引着浏览者的关注和探求。2、材料质感的真实性与模拟性。特种纸的选用在如今的书籍设计中被普遍使用，各种真实的纸张质感易于彰显出书籍的品质与内涵。而网络界面中质感的体验由数字化模拟表现来实现，网间质感呈现的样式与书籍质感相比更多样，实现起来更直接迅速。

三、融合

以上通过书籍设计与网络界面设计的比较，更明确地辨清两者之间的设计特征。如今两者在平面设计领域中也不断呈现出互相影响，适度融合的特征。书籍设计中适度加入互动环节已成为不少设计师的青睐。随着“电子书”、“网上书城”作为新生力量不断与线下的实体书店进行多角度的组合，“线上虚拟、线下实物”统一的内容不同的场合彼此融会贯通，共同开发拓展销售渠道。

结束语：当今时代网络界面设计与书籍设计彼此互补、互融，显示了新时代的新特征。两者设计中由静态到动态、由单一媒体到多媒体，由直观实体到数字虚拟。线上线下的信息平台逐步丰富着我们的交流方式、打破着我们的时空限制。设计师在逐步实验探索中不断丰富设计的表现力和无限的可能性，我深信，两者在将来一定会在丰富性、艺术性和实用性上有极大的突破，从而不断的改变着我们的交流方式和生活质量，创造出更富有人性化的生活来服务于人。同时，我深信我们的设计师一直在努力的路上。

第2篇：网页界面设计论文范文

关键词:网页；构成概念；平面构成基本特点；平面构成形态要素；平面构成形式

现今,网络已经成为现代社会不可或缺的好帮手,人们从网络中能够获得大量的信息,其中网页对于人们的帮助是不容忽视的;如果说网址是互联网最基本的组成部分,那么网页就是网址最基本的元素。他们是通过各种链接相互关联,从而描述相关的主题或实现相同的目的。网页是由文本、图象、Flas、声音、视频、超级链接、表格、导航栏、交互式表单等基本元素构成,而这些元素从构成形式上看就是简单的点、线、面等基本元素经过了艺术创造,变得更加的有质感；就拿文本来说,文本作为网页中的基本元素，与平面构成中的点元素有着相同的作用――点睛之笔。再从构成的含义来说，它首先是一种造型的概念。所谓构成就是以数种以上的单元重新组合成为一个新的单元。然而构成它更多的是哲学和科学的含义:即“对象世界诸要素的分解与组合,使新的功能显现。”构成是创造形态的方法,研究如何创造形象,形与形之间怎样组合,以及形象排列的方法,可以说是一种研究形象构成的科学。

一、平面构成的发展及其基本特点对于网页设计而言所代表的意义

平面构成是设计中最基本的训练,是在平面上按一定的原理设计、策划多种视觉形式。我们学习构成不是目的,而是形成目的的手段,是一种思维方式的训练、分析和实验,最后通过这种思维方式的开发,培养一种创造观念,使我们有更多的想象力和创造性,开拓设计思路。那么,对于平面构成的发展,就要从包豪斯及其风格对现代设计的影响开始说,1919年,格罗佩斯在德国创办了一所名叫包豪斯的设计学府,是需要具备充分的能力,运用所有科学、技术、知识和美学的资源,创造一个能满足人类精神与物质双重需要的新环境,以“提倡艺术与技术的统一”作为教学理念。平面构成从包豪斯的教学理念中衍生而来,他不是以表现具体的物象为特征,但是它反映了自然现象运动变化的规律性。可以从两个方面来谈它的基本特点:第一是它以直觉为基础;用最简单的点、线、面进行分解、组合、变化,反映出客观现实所具有的运动规律。第二是它是一种高度强调理性活动的、自觉的、有意识的再创造过程。

二、平面构成的形态要素在网页中所起的作用。点、线、面是平面构成中的三个形态要素

（一）点表示位置,它既无长度,也无宽度,是最小的单位

它在平面构成中的概念只是一个相对概念,为什么这么说呢?因为它是在比较中而存在，通过比较而显现;这样说吧,同一个圆,在小的框架里圆显得很大,在大的框架里圆则显得很小,这就是点的相对概念。很多人都认为点是小的,而且还是圆,实际上这种认知是错误的,自然界中的任何形态,只要缩小到了一定的程度,就能够产生不同的点,点是视觉中心,所以说,在网页中的每个字都可以看作是点,由字排列出的文本就形成了构成中所说的线及面了。

（二）线是点移动的轨迹

从平面构成来讲,线是可以看的到的,它既有长度,也有一定的宽度和厚度,在设计中是不可缺少的元素。只要提到线,大家直接就能够说出线的分类,既直线和曲线。而直线和曲线对于人们来说，是有很强的心理暗示作用,看到直线,人们就会想到静;看到曲线,大家又能联想到动;直线具有男性的特点,而曲线具有女性的特征;在很多网页页面设计上都运用到了线的特性。

（三）面是线的连续移动至终结而形成的

面是有长度、宽度的,只是没有厚度而已。比如说直线平行移动形成长方形;直线旋转则移动而成圆形;自由弧形移动就会构成有机形;如果直线和弧线结合就形成了不规则的形。在网页设计中出现的图像、动画、交互式表单等都是由不同的点、线连续移动形成的面,给网页一个完美的效果。像那些企业网站、购物网站、音乐网站以及游戏网站等,他们的网页界面设计不仅有丰富的色彩吸引大众,还有不同设计风格的构成形式更让大家流连忘返。

三、平面构成形式在网页中的具体运用

平面构成设计是有组织的、有秩序地进行排列、组合、分解,因此它也是必须遵循一种原则和设计形式。平面构成中的形式大量被运用到网页界面中。

（一）重复构成在网页中的艺术魅力

重复在构成中的概念被人们理解为”相同或相近的形态连续地、有规律地反复出现”或者是”把视觉形象秩序化、整齐化,在图形中可以呈现出和谐统一富有整体感的视觉效果”。其实就象复印机复印东西一样,就是我们所理解的重复。在网页界面中,重复其实是被运用的最多的一种形式,比如说像购物网站中的购物、收藏等按钮,就是运用了重复,在购物网站中,不可能只有一种物品,如果要向广大消费者推销更多商品,那么在网页中出现”购买”和”收藏”按钮,就要设计更多,让大众有更多的选择机会,才能提升该网页的点击率。

（二）对比构成在网页中的表现对浏览者的心理带来的影响

对比是一种很自由的构成形式,它并不是以构成中的骨骼线为限制,而是依据形态自己本身的大小、疏密、虚实、现隐及形状、色彩和肌理等方面的对比而构成的。如果说协调求的是近似的话,那么对比则求的就是差异。在自然界中,白天与黑夜、肮脏与干净、温暖与寒冷都是对立的结合,当图形处于一种相异的状况时,就会发生对比,像大小、长短、黑白等就是明显的对比。在有的被文本占去大面积的网页界面中，为什么会出现图片、flas,甚至还会出现漂浮图片,除了丰富界面以外,还有一种影响浏览者心理的作用,其实网页界面中的文本与图片、动画、漂浮图片形成一种对比,这和浏览者心理有关系吗?当然,而且关联很大,如果在一个网页界面中,只有文本的话,那么这样的网页会给人一种什么感觉呢?乏味、枯燥、单调,而浏览的人可谓是寥寥无几,加上图片、动画,甚至时不时的冒出漂浮图片,不仅仅让网页界面内容显得丰富多彩,更让大众对网页的内容产生浓厚的兴趣。万事万物除了遵循他们本应该遵循的规则外,偶尔的对立也能起到一定的催化剂,就如对比构成在网页中给大众心理所带来的影响作用。

四、结束语

因为有了网络,让人类能够更加方便、快捷地查询信息;因为有了网站,让人类能够更加懂得如何去获取新的信息;因为有了网页,让人类能够及时获得最新信息。网页界面设计的美观、新颖、时尚,让大众更愿意了解网页!如今,网页已经成为广大消费者生活中不可或缺的一部分,网页能够为人们注入更多的新鲜血液。

参考文献：

[1]洪兴宇编著 新编平面构成（M）辽宁美术出版社 1999-12；

第3篇：网页界面设计论文范文

政府部门门户网站建设是根据国家对政府信息公开的相关政策要求，实现部门政务信息公开的优先手段和必然选择。论文详细描述了一个基于ASP技术和ACCESS数据库系统网页的实现过程。网页设计及制作主要围绕政务公开、在线办事和网上交流三大功能进行，前台信息共设置领导讲话、政务公开、工作动态、政策法规等十大功能模块。后台管理采用Client/Server和Browser/Server相结合的技术方式，将超文本标记语言（HTML）和简单的JScript语言相融合开发，使用Session对象进行Web页之间的数据传递，并跟踪用户登陆，实现了不同权限用户对新闻信息的计算机网络管理和Web查询功能。网页新闻访问采用主页+标题面+子页面三级模式，主页面提供了本网页的一个宏观样式，并让各模块与之配合联系，构成一个完整的网页系统。

【关键词】

政府网站

网页制作

ASP 技术

ACCESS 数据库

【英文对照】

ABSTRACT

The portal website of government departments is the best candidate and inevitable choice for government affairs opening. Its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. This paper presents the construction of one portal webpage based on ASP and ACCESS database. The design and implementation of webpage mainly consists of three parts: government affair opening， online government office， and online communication. The front-end consists of ten major modules， including leader's speech， government affair opening， government dynamics， policies and regulations etc. The backend is a hybrid of C/S and B/S technologies， HTML and JScript are combined together and session object is used for inter-page data communication and traced the status of user logon， web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. The access to webpage news adapts a three-tier scheme which includes main page， title page and sub-page， the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.

【KeyWord】

Government website

Webpage Making

ASP

ACCESS database

【目

录】

前言 2

正文 3

第 一 章 概 述 3

1.1 网页制作背景 3

1.2 网页制作的意义 3

1.3 开发工具简介 4

第 二 章 可行性分析 5

2.1 B/S结构介绍 5

2.2 ACCESS 数据库 5

2.3 ASP 技术 5

第 三 章 网页需求分析 7

3.1 总体功能需求分析 7

3.1.1. 基本功能需求 7

3.1.2. 功能结构图 7

3.2 网页具体功能模块需求分析 8

3.2.1. 政务公开功能 8

3.2.2. 网站办事功能 8

3.2.3. 网上交流功能 8

3.3 网页结构图 9

3.4 网页版面规划 10

3.5 网站CI形象设计 10

3.6 网页布局技术 11

第 四 章 数据库设计 12

4.1 数据库概念结构设计 12

4.2 数据库逻辑结构设计 14

第 五 章 人机界面设计 17

5.1 后台登录界面设计 17

5.2 用户管理页面设计 18

5.3 信息检索页面设计 18

5.4 后台管理页面设计 19

第 六 章 系统程序设计 20

6.1 程序设计语言 20

6.2 部份源程序实现及文件 20

第 七 章 网页测试 30

7.1 测试网站的建立 30

7.1.1. 测试网站环境 30

7.1.2. Web服务器IIS5.1简介 30

7.1.3. 网页测试 30

7.2 网页及网站维护 31

第 八 章 结论 32

参考文献 33

致 谢 34

【前言】

在我国，继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府网站作为电子政务建设的龙头是完善政府公共服务接入渠道的主要手段，它实现了按照用户对象进行信息资源的整合，提供覆盖用户全生命周期的各种信息和服务。同时，网页信息传播的即时性和全面性确保了政府大量重要信息的广泛共享，优化了社会资源配置，让政务信息更便捷、更低成本地进行传递。通过访问政府网页，企业和社会公众可以24小时不间断地，不受任何空间界限影响地与政府进行信息交互，在促进政务公开，改进公共服务，提高行政效能，确保公众知情权、参与权和监督权等方面有着显著成效。

政府网站建设的含义就是利用Internet/Intranet等计算机通信技术，在Internet上建立正式站点，通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能，推动政府办公自动化与网上便民服务，是政府和社会互动的重要窗口。论文就巴中市网页的设计和制作作了详细描述，网页主要功能模块设置紧紧围绕部门职能职责，密切结合公众需求，实现了预期设计目标，网页经本地局域网测试运行正常。

【正文】

网页制作

第 一 章 概 述

1.1 网页制作背景

在当前这个网络时代，电子政务是各国政府倡导和推动网络化的5个重要应用领域中的首要。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国，政府信息门户网站作为展示政府整体形象的窗口和联系群众、服务群众的桥梁正日益得到各级政府的重视。如今，全国各地的电子政务建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站。在应用上，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。

1.2 网页制作的意义

首先，政府网站关系到政府的服务形象，关系到百姓的切身利益。政府部门通过制作网页建立网站，是电子政务的最佳切入点和重要内容，政府网页的发展水平是衡量一个地区电子政务进程的标志。在政府网页上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府的服务形象，关系到百姓的切身利益。其次，政府网页制作有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。通过网页的各类平台迅速直接地获取公众的反馈信息，准确掌握外部环境，大幅提高了正确决策与快速反应的能力。随着政府各类信息的公开化，政民互动不断加强，政府将在公众面前展现出高效、透明的良好形象，这有利于提高社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。

1.3 开发工具简介

在众多的网页设计与制作工具软件中，我根据实际需求及对软件的熟悉程度，主要选取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8进行网页的开发和制作，这些软件的主要特点分述如下。

 网页图像设计工具——Photoshop CS3、Fireworks 8.0

在网页制作过程中，首先要使用Photoshop或Fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大，操作界面友好，得到了广大第三方开发厂家的支持，从而也赢得了众多的用户的青睐。Fireworks是Adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。

 动画制作工具——Flash MX 2004

Flash MX 2004是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，它还采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放，这些优点使flash日益成为网络多媒体的主流。

 网页排版工具—— Macromedia Dreamweaver 8

Macromedia Dreamweaver 8是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务。

第 二 章 可行性分析

2.1 B/S结构介绍

B/S（Browser/Server，简称B/S）结构，即浏览器/服务器模式，它是WEB兴起后的一种网络结构模式，从传统的二层C/S结构发展而来，通常采用三层结构：浏览器-Web服务器-数据库服务器，WEB浏览器是客户端最主要的应用软件，浏览器通过Web Server 同数据库进行数据交互。

在B／S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成，这样大大简化了客户端，减轻了系统维护与升级的成本和工作量，降低了用户的总体拥有成本（TCO）。

该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。

2.2 ACCESS 数据库

Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。由于Access数据库的ODBC驱动程序支持的SQL指令全，执行效率高，所以Access后台数据库+ASP服务器端程序+客户端IE浏览器，是一个精练、实用、高效的组合模式。

2.3 ASP 技术

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。与HTML相比，ASP网页具有实现动态网页技术；包含在HTML代码所组成的文件中，易于修改和测试；可以使用服务器端ActiveX组件来执行各种各样的任务；方便连接ACCESS与SQL数据库等多种优点，其主要缺点是开发人员要有丰富的经验，否则会留出漏洞，让黑客利用进行注入攻击。安装ASP时，系统提供了两种脚本语言：VBScript和JScript，而VBScript则被作为系统默认的脚本语言。

第 三 章 网页需求分析

3.1 总体功能需求分析

网页功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么，最终为后面的设计工作打下基础。

该网页作为电子政务的一种服务平台，政务公开、在线办事、网上交流是其基本的三大功能。

3.1.1. 基本功能需求

 政务公开功能

根据2008年5月1日起施行的政府信息公开条例规定，行政机关应当将主动公开的政府信息，通过政府公报、政府网站、新闻会以及报刊、广播、电视等便于公众知晓的方式公开，确保公众享有充分的知情权、监督权。

 网站办事功能

网上办公办事是网页功能服务中非常重要的组成部分，是电子政务建设努力的方向。通过提供一些行政审批等项目的在线办理极大地方便了群众，减少了不必要的人为环节，节省了社会资源。

 网上交流功能

通过搭建政民交流平台，让公众不但能够将自己的建议与意见直接反映给部门领导，实现普通群众参政、议政的夙愿，而且使领导能够通过这一平台，倾听民声、关注民情、体察民意，进而为群众办理更多的实事、好事、贴心事。

3.1.2. 功能结构图

3.2 网页具体功能模块需求分析

根据总体功能需求分析，该部门网页确定政务公开、工作动态、领导讲话等功能模块，具体组成分别如下。

3.2.1. 政务公开功能

 领导讲话模块

功能：即时领导关于三农工作的各种会议、现场讲话。

作用：传达精神，贯彻意图。

 政务公开模块

政务公开模块包含七个子模块：机构职能、领导介绍、内设科室、农口系统、人事信息、规划计划、财政信息。模块根据国家信息公开条例等法规政策要求，针对该政府部门必须公开的七个方面进行设置。

 工作动态模块

工作动态模块，包含六个子模块：综合信息、新村建设、农业产业化、劳务开发、农田建设、移民工作。功能根据该政府部门各科室（办）所承担的职能职责进行设计，实现了各责任条块当前工作信息的即时公开。

 政策法规模块

模块设置农业法规、政策文件两个子模块，提供近年来国家关于三农工作各种重要法规、政策的浏览和下载，同时对本区、部门关于三农工作制定的各种政策文件进行了公开，使法规政策透明化，接受公众监督。

 专题专栏模块

模块包含科学发展观、调研文章、企业推介、农业前沿四个子模块。科学发展观子模块紧扣时代所需，调研文章子模块是在互联网上开辟的一个崭新的调研舞台，企业推介子模块为本地龙头企业的宣传、推广提供了一个新平台。农业前沿子模块放眼全球，宣传、推介农业领域的最新技术、最新品种。

3.2.2. 网站办事功能

 网上办事模块

模块设置便民服务、服务流程、资料下载、统计报表四个子模块，将该部门能够进行网上办理的相关行政审批事项予以了公开，方便了群众，提高了办事效率，提升了部门形象。

3.2.3. 网上交流功能

 在线交流模块

模块设置三农论坛、领导信箱、咨询留言、网上投诉、网上调查五个子模块。三农论坛子模块为公众之间相互交流提供了平台。领导信箱、在线咨询等四个子模块，为政府部门决策即时提供了群众的意见及建议。

 联系我们模块

该模块主要功能：收集网站的反馈信息。

3.3 网页结构图

3.4 网页版面规划

全部网页采用1024×768分辨率制成，网页访问采用首页、导航页和新闻页三级页面形式。

 首页

首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型，即最上面是网站的标题+主菜单，下半部分分为3个区域，左右分列一些两小条内容，中间是主题内容，与左右一起罗列到底，最下面是网站的一些基本信息，联系方式，版权声明等。这种布局的优点是能够充分利用版面，信息量大;缺点是页面拥挤，不够灵活。

 导航页

采用拐角型布局，优点是页面结构清晰，主次分明，缺点是规矩呆板，容易让人“看之无味。

 新闻页

使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构。

 页头

本站页头以900×150的农村风景图为底，左置“巴中市”六字及名称英文“”Office of rural affairs，Bazhou District，Bazhong City，右边放置宣传语（FLASH动画）一起构成。

 页脚

本站页脚如下：

3.5 网站CI形象设计

 主色调与色彩

网站采用代表了春天、希望、田野的“绿色”为主色调，与部门的农业、农村、农民三农工作性质相吻合。

 字体

导航栏字体为“黑体”，14px；网站主栏目字体为“宋体”，14 px；正文字体为“宋体”，9 px；

 交互方式

网站设置了专门的在线交流模块，提供了论坛、网上投诉、咨询留言、网上调查等多种交互方式。

3.6 网页布局技术

网页使用表格方式布局，同时用CSS进行样式控制。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。表格布局的缺点是，当我们用了过多表格时，页面下载速度受到影响。CSS层叠样式表是W3C组织新近批准的一个辅助HTML设计的新特性，它使整个HTML保持统一的外观。过去在设置文本时，为了保持整个段落都使用相同的外观，不得不为每一段设置属性，很麻烦。采用CSS可以在设置文本之前，就指定整个文本的属性，比如颜色、字体大小等等，获得统一的文本外观。

第 四 章 数据库设计

数据库在一个网页系统中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完整性和安全性。

4.1 数据库概念结构设计

数据库概念设计的任务是根据用户需求设计数据的概念数据模型，简称概念模型。概念模型是按用户的观点对数据和信息进行建模，是从用户的角度看到的数据库，它可以用E-R模型来表示。构成E-R图的基本要素是实体型、属性和关系，其表示方法为：实体型：用矩形表示，矩形框内写明实体名；属性：用椭圆形表示，并用无向边将其与相应的实体连接起来；关系：用菱形表示，菱形框内写明关系名，并用无向边分别将有关实体连接起来，同时在无向边旁标上联系的类型。

根据前面的需求分析，可以得到本网页数据库系统的E-R图，如图4-1所示。

上述E-R图的关系说明如下：管理员可以对所有网上调查、新闻信息、投诉留言、论坛发贴等实体进行增删编辑，它们都是1：n的关系。一个管理员可以对论坛所有注册用户进行监管，一个超级管理员可以对多个后台管理普通用户进行监管，它们的关系也都是1：n。

各实体属性的E-R图如下：

4.2 数据库逻辑结构设计

通过分析系统涉及的相关实体以及要收集、存储和操纵的数据信息，本网页数据库共设置了新闻信息表（News）等6个表，分述如下。

 新闻信息表:用于存储新闻及政务信息。

表4-1 新闻信息表(News)



三农论坛表:用于存储论坛发帖。

表4-2 三农论坛表(BBS)



投诉留言表:用于存储群众来信、投诉、咨询及回复。

表4-3 投诉留言表(Message)

 论坛注册用户表:用于存储三农论坛注册用户信息。

表4-4 论坛注册用户表(User)

 后台管理员表:用于存储管理员姓名、密码、权限。

表4-5 后台管理员表(ManageUser)



网上调查表:用于存储网站调查项及投票。

表4-6 网上调查表(OnlineSurvey)

第 五 章 人机界面设计

5.1 后台登录界面设计

设计思想：登录页面主要实现用户的登录。通过用户名、密码、随机密码、IP、SessionID的组合验证实现未登陆用户的正常登陆和已登陆用户中同一用户名允许在同一IP上重复登陆，拒绝同一用户名在不同IP上重复登陆。

图5-1 登录流程图

图5-2 管理员登录界面

5.2 用户管理页面设计

设计思想：登录页面主要实现用户的登录，用户有超级管理员、普通管理员。超级管理员可以对其进行任何的操作，包括对普通管理员的增删、密码修改。一般用户只可以做权限之内的操作和只能对自身的信息作修改。

图5-3 用户管理流程图

图5-4 用户管理界面

5.3 信息检索页面设计

设计思想：根据输入的关键字实现单字段或多字段组合查询。

图5-5 信息检索流程图

5.4 后台管理页面设计

网站后台管理系统提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理、网上调查管理、信息中心管理、超级管理选项、文件上传十个功能选择项，可以完成新闻信息的在线编辑、咨询留言的在线回复、网上调查项的增减等管理任务。

图5-7 后台功能结构图

第 六 章 系统程序设计

前面着重讨论了系统功能模块的设计，详细分析了每一个模块的功能，本章将就系统中模块功能的具体实现，选取部分源程序进行讨论。

6.1 程序设计语言

网站主要采用ASP作为程序设计代码的开发工具。使用ASP作为开发工具可以方便地建立动态的、高性能的、安全的、跨平台的先进动态网站，其突出特点有以下几个：

 ASP可以将内容的生成和显示进行分离

Web页面开发者可以用HTML或XML 标识进行对最终页面的设计，同时使用ASP Tag 或Java Script 来生成页面上的动态内容，因为所有的脚本都在服务器端运行， 所以， 如果核心逻辑部分被封装在标识中， 那么Web管理人员或页面设计者将只能编辑ASP页面的显示方式， 而不会影响其内容的实质。

 对不同浏览器的兼容

由于ASP技术采用了将ASP Tag 和Java Script 在服务器端解释并执行而只将结果以HTML或XML的形式送回到客户端的方法， 从而保证了对其它基于HTML的Web浏览器的完全兼容。

6.2 部份源程序实现及文件

 数据库访问技术

网页在采用微软IIS/PWS的网络平台，通过服务器端运行的ASP程序来访问后台Access数据库。数据库访问采用匿名身份验证方式，使用户无需输入用户名或密码便可以对数据库进行访问。匿名身份验证是指由 IIS创建IUSR、计算机名称、帐户（计算机名称是正在运行IIS 的服务器名称），当匿名用户请求数据库内容时IIS 会将该连接分配给 IUSER_ComputerName 帐户，其中ComputerName。默认情况下，IUSER_ComputerName 帐户为 Guests 组的成员。此组具有 NTFS 文件系统权限所规定的安全限制，这些限制指定访问级别以及可提供给公共用户的内容的类型。建立Access数据库连接的步骤及参数意义如下：

第一行程序：建立一个ADO对象集中的Connection对象，也即连接对象。这是建立数据库连接的初始步骤。执行这行程序后，Conn成为一个连接对象。

第二行程序：建立一个ADO对象集中的Recordset对象，以便利用Recordset对象操作数据库（当然，这只是对数据库操作的多种方式之一）。执行这行后，rs就成为一个Recordset对象。

第三行程序：利用连接对象Conn的Open方法打开一个指定的数据库。首先利用Server对象的MapPath函数，取得要打开数据库的完整的文件路径，并存储在变量DBQ中。其次，因为我们要打开的是Access数据库，所以要指定ODBC驱动程序参数，表示要透过Access的ODBC驱动程序来访问数据库。到这里，就已经打开了数据库名指定的数据库。

第四行程序： Sql指令串。

第五行程序：利用rs对象的Open方法打开数据库中的数据表。这其中有四个参数，其意义如下：

数据表名或SQL指令串：在这个参数里指定要打开的数据库内的数据表名称，或者是用SQL的Select指令串确定的数据表的指定范围数据

Connection对象：指定已经打开的数据库的Connection对象。

Recordset类型：表示打开数据表的方式，有四种选择。数字0表示只读方式，且当前记录只能下移；数字1表示可读写方式，当前记录可自由上下移动，但不能及时看到别的用户建立的新记录，除非重新启动；数字2表示可读写方式，当前记录可自由移动，而且可以及时看到别的用户增加的新记录；数字3表示只读方式，但当前记录可以自由移动。

锁定类型：这个参数指定数据库的锁定功能。因为网络上的数据库都是多用户的，很可能同时有多个用户在操作数据库。为了避免错误，让同一时间只可能有一个用户修改数据，就要用锁定功能。有四种选择：数字1表示只读方式锁定，用户不能更改数据；数字2表示悲观锁定，当一个用户用rs对象开始修改数据时就锁定数据库，直到用户用rs.Update更新记录后，才解除锁定；数字3表示乐观锁定，只有在数据写入数据库中的时候才锁定。数字4表示批次乐观锁定，只有在使用rs.UpdateBatch成批更新数据时候才锁定数据记录。

 身份验证

本网站身份验证采用服务器端验证代码方式，密码算法采用流行的MD5算法，同时附加客户端随机密码验证。MD5全称Message-Digest Algorithm 5（信息-摘要算法），是由MIT Laboratory for Computer Science和RSA Data Security Inc的Ronald L. Rivest在90年代初向IEFT提交的一种不可逆运算加密算法，经MD2、MD3和MD4发展而来，面向32位的电脑。登陆验证按一个IP可以有多个用户登陆，一个用户只能登陆一个IP的原则进行设计，具体代码及解释如下：

 网上调查功能实现

图6-1 网上调查投票界面

图6-2 网上调查结果界面

网上调查实现代码

第 七 章 网页测试

7.1 测试网站的建立

7.1.1. 测试网站环境

网页测试使用本单位局域网进行，配置如下：

服务器端：操作系统—Windows xp

Web服务器—IIS5.1

浏览器—IE6.0

客户端：Internet Explorer6.0

7.1.2. Web服务器IIS5.1简介

IIS是Internet Information Services的缩写，是目前使用最广泛的Web服务器，可以在UNIX和Windows平台上运行。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet／Intranet站点。IIS组件主要包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。

7.1.3. 网页测试

 IIS配置

当IIS被成功安装后，将在计算机C:\Inetpub\wwwroot下新建一个默认网站，通过修改默认网站配置可以建立自己的站点。如自己的网页放在D:\Wy目录下，首页文件名为Index.asp，其具体步骤如下：

第一步：在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。

第二步：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“D:\Wy”目录。

第三步：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Index.asp”。

第四步：在“默认Web站点”上单击右键，选“新建虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“D:\Wy”后再按提示操作。

 数据源（ODBC）配置

第一步：选择控制面板中的管理工具打开数据源（ODBC）。

第二步：在选项卡系统DNS中添加Microsoft Access Driver(*.mdb)驱动并指定数据源为网站的数据库文件。

 测试

打开浏览器，直接在地址栏中输入：localhost/test/index.asp或者127.0.0.1/test/index.asp即可。

7.2 网页及网站维护

在测试完成后，网页就可以到互联网上了，接下来要做的就是网站的日常维护了。网站维护就是对服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间，制定相关维护规定，将网站维护制度化、规范化，主要包括以下内容：

 即时更新新闻内容

 留言、投诉、咨询、信箱定期回复

 数据库内容定期备份、删减、分类

 更正数据库使用过程中发现的问题

 定期进行综合分析，不断优化数据库中数据结构，提高使用效率

 在系统运行过程中应定期对管理员用户名和密码进行更新，并对IIS和NT权限作相应设置

第 八 章 结论

本次利用毕业设计的机会，为自己工作的单位设计了网页。网页使用ASP技术开发，具有良好的交互性能，具备强大的后台管理功能。新闻、信息检索、互动交流等主要模块设计做到了与单位职能职责的紧密结合，达到了预期设计目标。网页经单位局域网多次测试，在WindowsXP操作系统，IIS5.1的服务器环境上正常运行。

此次网页制作，通过大量阅读书籍和求助互联网，使我初步掌握了网页设计制作的一般过程、ASP简单设计应用、CSS和表单布局常识、ACCESS数据库设计技能。特别是在ASP编程阶段，通过无数次解决测试过程中排查出的问题，我不仅回顾和应用了以前学习过的理念知识，还掌握了许多新的知识和技巧，获益良多。但由于时间仓促，受一些技术和设备所限，网页在美工、需求分析、网页安全等方面存在诸多不足之处，有待后期运行中进一步改进和完善。

参考文献

1. 《Dreamweaver CS3 入门 提高 精通》，薛凯，康亚雄编著，机械工业出版社 2008

2. 《Photoshop CS3 平面设计标准教程》，李建宏，雷波编著，机械工业出版社 2008

3. 《ASP网页数据库短训教程》，刘瑞新，汪远征编著，机械工业出版社 2005

4. 《Flash CS3动画制作》，华信卓越编著，电子工业出版社 2008

5. 《网页设计三合一》，甘登岱编著，清华大学出版社 2009

6. 《网页设计与网站建》，邱云飞，温国峰编著，清华大学出版社 2009

7. 《Access2007数据库应用与开发》，杨继萍，孙岩，梁文新编著，清华大学出版社 2008

8. 《网页制作从入门到精通》，谭贞军，刘斌编著，清华大学出版社 2008

9. nbagri.gov.cn/index.jsp（宁波农村经济综合信息网）

10. 68design.net/（网页设计师联盟）

11. wznb.gov.cn/（温州市委农办）

12. bjnw.gov.cn/（北京市农委）

第4篇：网页界面设计论文范文

    关键词:多媒体;课件;Authorware;背景音乐;多媒体

    前言

    多媒体课件以丰富的视听信息,生动的图形、图像,高科技表现手段使教学内容化繁为简,化宏观为微观,形象生动,创设情境,使理论学习、问题辅助学习、激发兴趣和协作学习等在教学中得以体现,使学生由被动学习变为主动学习,由个体独立学习变为群体合作学习,由复制性学习变为创造性学习[1]。本文采用的Authorware7.0软件,通过Fireworks8.0创作动画辅助,将多种教学媒体和教学方法有机结合,完成《电子测量技术》课程的课件设计。

    1  课件的设计

    《电子测量技术》课程是高等职业教育电子信息、应用电子、自动化等专业的专业基础课,同时也是新知识点较多的一门课程。针对职业教育特点,我们主编了《电子测量技术》规划教材,2003年由电子工业出版社出版,教材目前印刷7次,印数已达3万册。因此,从教学角度出发,考虑该教材已获得广泛承认,课件内容以该书为基础,涵盖《电子测量技术》全书12章节内容,并且借鉴原来基于PowerPoint课件的经验,各章节自成体系,按教学大纲划分出知识点;其次是课件应具有良好的用户界面和视觉、听觉效果,课件所使用的计算机硬件和软件开发环境相对兼容,便于升级扩展。

    1)脚本的编写

    编写详细的脚本,是整个多媒体课件开发过程中的一个重要环节,它把课件设计与制作紧密地联系在一起,成为课件制作的重要依据。毕业论文编写脚本包括界面设计、交互设计和风格设计3个方面[2]。       

    界面是教学信息在屏幕上的显示区域及用户操作区域,设计时我们主要突出“教为学”的思想,围绕教学内容这一中心,既防止课件界面色彩、声像效果等过分浓烈、喧宾夺主,影响学习内容;又考虑课程部分内容如仪器内部电路抽象、枯燥,而学生需要感官刺激,激发兴趣的特点。

    同时,我们体会多媒体课件的强大生命力主要体现在交互能力上,比如只需通过单击屏幕上某个特殊的链接设置,方便实现不同对象之间的跳转。本设计中创建了两个导航结构,一种是利用“导航”图标指向框架图标中的某一页,来实现程序内部的跳转和调用。另一种是通过“框架”图标内嵌的导航控件来实现不同页面间的浏览、翻页。除此之外还可以通过设置相应的超文本链接来实现交互性能。

    在风格设计上主要体现界面、字幕和显示对象上整体的和谐统一。

    2)框架结构的设计

    编辑之前考虑到有大量的文本的输入,实现各个章节之间的翻转如果只使用“交互”图标,也是可以实现翻页功能,但硕士论文制作起来比较麻烦,而且在查找页和指定固定页方面力不从心。因此运用“框架”图标及“导航”图标制作文本浏览,就方便多了[2]。

    “框架”图标和“导航”图标密切相关,经常放在一起使用。导航结构提供了选择路径的方法,可以根据设置自动跳转到指定的目标页上;“框架”图标可以方便地设计含有图形、声音、动画等组件的页面,最重要的是在“框架”图标的内部内嵌了一整套导航控件,通过这一控件可以更容易实现页面之间的来回翻转。

    基本框架结构设计后,对有的地方进行了编辑,如更改控制按钮的位置和图标、设置按钮防止页面回绕、编辑进入和退出画面等,使其更适合课件的使用。

    2  多种媒体素材的使用

    要实现多媒体课件的内容丰富多彩,使用多种媒体素材是必不可少的。其中文本、图形、图像是最基本元素,此外还有声音、动画、视频等媒体信息。考虑到职业教育“淡化理论、够用为度、培养技能、重在应用”的特点,我们认为对测量原理部分的讲解应力求突出基本概念,通俗易懂,工作总结便于自学,因此课件这部分主要以文本、图片形式,比较详细;而测量方法则应突出操作应用,在设计时则主要以视频演示为主;对测量仪器仪表则重点讲清工作原理和组成框图,在设计时主要以动画、网页内容为主,整个课件设计力求对多媒体资源的合理布局,使它们既符合教材要求,又突出多媒体特征。

    1)文本的输入

    Authorware可以直接将外部的文本输入到其内部,但是它有一特点就是在文本的输入格式方面有一定的限制,它只能输入TXT、RTF格式的文件[3]。对于不是这种格式的文档如果采用常规直接进行输入势必会占用很多时间,不利于课件的开发。因此借助系统剪贴板使用复制、粘贴的方法来添加文本。当文本过长时,或者输入的文本篇幅较大,采用滚动文本的输入方式,这样在预览时会显得更方便。

    2)图片的应用

    使用系统本身的绘图工具箱可以绘制出比较简单的画面,但对于《电子测量技术》这门课程仅仅依靠绘图工具箱不能达到实际的要求,如大量的仪器原理图、接线图、仪器面板图等,我们采取的第一个方法是采用Authorware7.0提供的插入外部对象的功能,将原来以Protel99SE、Word、LabVIEW等制作转换为图片形式,医学论文使设计的原料变得更加丰富。

    3)添加背景音乐

    在Authorware7.0系统中可以支持多种类型的声音文件格式,如WAV、SWA、AIFF、PCM、MP3等[3],在制作课件时,通过“声音”图标来插入音频和设置声音播放,如控制播放次数、设置播放时间、速率等,可以轻松引用这些声音素材添加到课件中。在课件中导入背景音乐有它的优点,但是并不是每个人都喜欢有音乐,因此通过对“计算”图标和按钮响应的设置,编写按钮激活代码使课件在播放时可以由使用者根据自己的意愿单击相应的按钮,实现有声和静音之间的转换[4]。

    4)动画的调用

    动画是多媒体作品中不可缺少的一部分,也是设计中的一个亮点,但使用Authorware本身只能制作出二维的动画,即动画的对象只能在一个平面内运动,这样使演示的效果大打折扣,然而这并不说明Authorware不能演示三维动画,它可以通过文件插入的方式来演示其他软件制作的三维动画,同时系统本身也提供多种效果的页面切换功能,对各种外部和内部资源加以利用同样可以达到理想的效果。

    制作动画的软件有很多,使用起来也各有特色。选择合适的创作工具是设计成功的关键,通过查阅相关的资料,了解Authorware系统提供了对GIF动画图像的支持,可以将其应用到课件中。GIF动画是一种特殊的图像格式,其中包含了多帧图像,这些图像按照一定的时间频率交替显示,从而达到动画显示的效果,具体是通过Macromedia Fireworks 8.0来设计。在Fireworks中制作动画的一种方法是通过创建元件并不停地改变它们的属性来产生运动的错觉。当按顺序播放所有的帧时就成了动画[5]。

    5)智能对象与数字电影

    智能对象就像一个插入Authorware作品的逻辑包,它是一个强有力的开发工具,它的不同之处在于它与向导的联接,向导可以给Authorware作品提供设置界面,职称论文并且可以在插入智能对象的位置添加各种变化、新的内容和逻辑关系。它能使看似繁琐的工作变得更加容易完成,即使是没有经验的开发人员也更容易更有效地完成任务。实际上智能对象在多媒体编辑上做出了根本性的改革。比如智能对象与数字电影的结合应用[3]。在课件中引入数字电影如果只是采用之前的方法,就是在流程线上添加相应的图标进行导入,在程序运行过程中当执行到该图标,系统会直接弹出播放的窗口,不利于下一操作,但是通过Movie Controller智能对象可以容易实现播放进度的调节。

    6)网页链接

    在课件设计时,考虑到有些仪器由于价格昂贵或者其他原因,学校无法购置,如数字通信测试用误码仪、逻辑分析仪等,课件设计中考虑实现网页的链接,链接到知名企业的网页上,已加强学生感性认识。这一功能是通过Fireworks中使用URL来实现,编辑选中的热点并对其指定URL路径,最后导出此URL即可实现指定网页的链接。

    课件的主界面如图1所示,课件第1章界面如图2所示。

    3  课件的调试与打包

    课件主要是为《电子测量技术》教材而制作的,因此为方便发行和使用,课件的后期工作就是进行调试和打包处理。

    由于课件发行打包后将不允许用户再修改,打包之前应尽可能排除其中的错误,确认课件可以正常运行。英语论文调试可以通过两种方法来实现。一种是利用区段标志(开始/停止标志),另外一种是通过控制面板的使用。通过使用调试工具可以控制程序流程执行的区段,逐个执行程序流程中的设计图标。将制作好的课件与课件中的库文件一起打包能够提高文件的性能,减少文件的数量,使最后的作品的安装、运行更为容易,并且增加了作品运行的可靠性,避免运行时因为找不到外来函数或库文件而发生错误。

    打包好的课件进行设置,可以运行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000这样的32位操作系统中。其中要求的CPU应该是Pentium166以上兼容机种、内存是64M以上、硬盘容量780M、支持DirectX的显卡、光驱是8倍速以上的光驱,此外由于演示窗口大小设置为832*624像素,因此可以用于不低于16英寸显示器。制作好课件并打包后,就可以,课件时必须随同程序中用到的外部媒体文件或外部函数文件一同,Authorware7.0提供了作品的功能,该功能可以将运行作品所需的各种文件及外部函数输出到指定的目录中,从而形成用于发行的最终作品[3]。

    4  结论

    随着各种多媒体教学的推广和普及,计算机辅助教学作为一种先进的教学手段,以其直观性、灵活性、实时性、立体化的优势,留学生论文越来越受到大家的青睐。要想运用好计算机辅助教学这一现代化的教学手段,其关键是要设计和制作出符合教学要求的多媒体课件[6]。我们的作品虽然完成了,但是在各院校使用过程中,一定还会发现很多不尽人意之处,我们将与时俱进,将作品更加完善,以更好的实现教学目的,达到教学效果。

    参考文献

    [1] 胡欣杰.时尚教师多媒体课件DIY[M].北京:中国宇航出版社,2005.14-18

    [2] 孙印杰,李春晖,封新亚.新世纪多媒体CAI课件制作培训教程[M].北京:电子工业出版社,2004

    [3] Naheeda Ravjani.Using Authorware7[M/CD]. Macromedia,Inc.600 Townsend St.San Francisco, CA 94103, 2003

    [4] China-pub.com. Authorware 5多媒体制作实用教程[DK/CD].北京寰宇之星软件有限公司2000

第5篇：网页界面设计论文范文

论文关键词：百度地图:JavaScriptAPI,JQuery,JQueryEasyUI,地理信息系统

地理信息系统（WebGIS）与一般的大众Web应用系统不同，涉及复杂的地图应用。从零实现一个WebGIS应用系统，将会是一个非常艰难的过程。因此，如何化繁为简，屏蔽复杂的GIS计算过程，使开发人员高效、灵活的开发一个WebGIS系统，已经成为WebGIS开发领域的关键问题。在好的开发框架下，开发者往往只需要编写少量的代码，花费少量的时间即可实现高性能的Web应用系统[1]。百度地图JavaScript API其设计之意就是为互联网客户端提供强大的地图展示和操作功能以及灵活的扩展机制。

2、百度地图 API 简介

百度地图 API 是一套由 JavaScript 编写的将百度地图嵌入到网页应用程序的接口，

它能够在网站中构建功能丰富、交互性强的地图应用程序。百度地图API为开发者提供丰富的函数、控件、事件和封装的类，提供很多的专题图服务[2]。

利用百度地图 API 技术构建 WebGIS 平台，主要采用客户端、应用服务器和数据服务器三层结构进行设计。英语专业其中客户端主要实现地图加载、地图浏览和查询功能；应用服务器则负责处理用户的访问和查询请求；数据服务器用于存取各类空间数据和属性信息[3]。

3、系统交互需求

（1）系统需要地图对根据用户输入的起始点和终点进行解析，返回查询到的结果列表，并将第一条结果的路径展现在地图上。

（2）用户还可以对返回的结果列表根据耗时最少，换乘最少，步行最少以及不坐地铁四个条件进行筛选。

（3）当用户点击每一个方案列表上的公交线路时，弹出一个该公交线路详细列表对话框，显示该公交经过的个站点的名字以及该公交线路的运营时间等。

4、系统功能设计

为了实现系统在主流浏览器显示和运行的兼容性和可移植性，系统采用JavaScript第三方框架JQuery进行编码。利用JQueryEasyUI实现系统布局和各个板块界面的设计[4]。首先要引入相关的CSS和库文件。

4.1、页面布局设计

第6篇：网页界面设计论文范文

关键词：网页设计;课程知识体系;体验设计;交互设计;信息设计

网页设计作为高校设计学专业的专业课程，在教学课程知识体系的不断探索和完善中，形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展，人们对网页的产品设计的属性认知越来越明确，对网页设计的工作分工更细致也更专业，这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。

一、网页设计课程知识体系的构建变迁

1.从代码知识到网页制作工具知识的转变

早期，高校网页类课程的知识体系构建得益于院校的科研优势，互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末，网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物，即使面向艺术类专业，也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索，并将成果于各种学术研究出版物，教学方面则直接引用案例教学，教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及，各种不需要用户直接面对代码的网页制作工具相继诞生，于是，这方面的知识成为课堂的新内容，大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播，使网站在技术层面进入了同质化阶段，市场需求开始转向页面视觉效果方面的提升。在网页设计课程中，由于对网页设计分工认知不足，早期的网页设计课程时常将设计和制作的名称与授课内容混用，没有严格区分，也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主，以美化页面效果为辅。此时，高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后，随着时代的发展，网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟，经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善，分工协作机制日趋成熟，前端设计分离后，网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点，通过对网页设计中的审美需求和各种视觉构成要素（如文字、图片、颜色等）进行分析，结合人们在浏览信息时的视觉习惯，探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后，该阶段还未意识到网页交互设计的核心地位。

二、用户模式的网页之设计认知构建

网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品，对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科，网页本身也是一种产品。网页设计最初被视作平面领域的设计，而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性，使其具有交互设计可用性与易用性体验的内在要求，适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面，各种网页交互体验、视听信息、线上内容服务与线下互动等，是网站向用户提供服务的设计组成部分。作为一种广义的产品形态，网页设计与传统的实物形态的工业产品设计有一定区别，更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展，基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元，从工效学角度来看，网站信息本身也担负着面对用户、有效传递信息的功能和任务，在具体的设计活动中，表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征，信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本，提升页面信息获取体验。

三、基于用户模型的网页设计课程的知识体系构建

网页设计的本质是对体验的设计，即以用户为核心思考设计方案，研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线，构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程，培养设计项目管理和组织能力；掌握用户需求研究分析的基本方法，对用户体验和需求研究有较为敏锐的洞察力；掌握网站交互原型相关的设计方法与工具；掌握网页视觉设计方法和设计规范；了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成（1）设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等，让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践，掌握基本的设计理论。（2）软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现，教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面，包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具，其中常见的Photoshop、Illustrator等图形设计软件，已经在前置课程中基本完成学习。第二类是交互原型制作工具，常见的工具有墨刀、Axure等。第三类是代码编辑工具，选择较多，作为对网页前端知识的入门介绍部分，在本课程中以介绍为主。（3）设计经验教学内容模块设计经验教学以启发式案例实践为主，按照网站项目设计的流程需要，设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验，从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证，有助于学生对网页设计方法的理解和体会。结语任何一种技术变革，都可能让网页设计出现新的艺术形态，前端依然是课程必须了解的知识。目前，就设计艺术角度而言，网页设计课程的内容以交互和视觉设计为基础，在信息设计层面也有较大的提升空间，设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角，让学生更深刻、更完整地理解用户模式下的网页设计艺术。

参考文献：

[1]韩旭.新概念网页设计.包装世界，2000（5）.

[2]鬲波飞.网页设计之视觉信息传达分析.湖南大学学报（社会科学版），2001（S2）.

[3]刘真.《Don’tmakemethink》，从网页设计到产品设计.科技与创新，2015（8）.

第7篇：网页界面设计论文范文

[关键词]人因工程行为运作管理

电子商务用户体验

[分类号]F724.6

1引言

在电子商务发展迅速的今天，商务网站只有从用户角度出发，考虑用户的需求，才能设计和运营用户满意的商务网站，做出自己的品牌和特色。而用户满意度直接影响网站的盈利，因此迎合用户对系统各方面的需求，提高用户体验，是电子商务网站努力的目标。

行为运作是结合认知和社会心理学理论来研究运作管理的新方法。它研究人的行为和认知对运作系统的设计、管理与改进产生影响的相关属性，并研究这些属性与运作系统及进程的相互作用。当前许多领域如经济学、金融学和市场营销的运作管理等都已开展对人的行为的研究，而运作管理的工具和技术是否成功，理论是否精确，在很大程度上取决于对人的行为的理解。

结合以上背景，本文提出基于人因角度进行商务网站的用户体验设计。人因工程是一个追求人一机一环境相互作用的管理科学，本文试图从这种新的角度去量化用户体验度，研究网站设计的各个因素对用户体验的影响。

2文献回顾

2.1国外有关用户体验的研究综述

用户体验对信息服务的作用已引起国内外学术界的关注，相关学者在理论研究方面进行了大量的探索，包括用户体验的定义、内容、特征、模型及评价等。

James Garrett认为用户体验包括用户对品牌特征、信息可用性、功能性、内容性等方面的体验；而Nor-man把用户体验扩展到用户与产品互动的各个方面的内容；Hassenzahl M和Tractinsky N认为用户体验包括三个方面的内容：超出设备(整体的、美学的和享乐的)、情感与影响(主观的、积极的、前因与后果)、体验(动态的、复杂的、独特的和暂时有限的)；SaschaMahlke提出了基本的用户体验过程模型，如图1所示：

2.2国内关于用户体验的研究现状

国内关于用户体验的研究主要在产品设计层面上。在“产品服务”时代，为用户提供个性化的内容及体验服务是企业优化用户体验的最佳方式。用户对产品和服务的忠诚度，也更多地来自良好的体验带来的用户粘性。国内近年在互联网自主开发、设计产品的流程中，已经自觉地认识到产品“易用”、“好用”的重要性，但设计和实施这些因素的主导者却仍为工程师和产品经理，这令设计对人因的思考局限于可用性的基本层面。高层次的“融合”中包含人类复杂的“情感”因素，而情感因素需要通过“艺术”而非“技术”的方式解决，因此，工程师注定不能成为用户体验设计师。当今，国内大多数设计师受限于对自身职业的认知和行业定位，并不能完成用户体验设计的职责。

以“用户体验”作为关键词，对中国期刊全文数据库(2003-2011年)进行精确的文献检索，得到248篇学术论文。这些论文涉及电信、印刷、装饰、信息技术和图书情报等领域，多数是介绍某一领域新推出的产品及解决方案，并没有对用户体验进行深入、细致的理论研究，只是抽象地利用概念。其中22篇文献是关于电子商务这一主题的，它们基本上是从国外的用户体验研究巾得到启发，在网站设计、信息构建和信息资源整合中引入了用户体验的相关理论和技术方法，并进行了初步研究。

当前相关研究的不足之处表现在：①缺乏完整的用户体验的理论体系；②当经济从以工业为主导转向以服务尤其以信息服务为主导时，用户体验成为体验经济的重要构成要素，但我国缺乏对体验经济的深入研究；③信息服务领域对用户获取信息过程中的反馈、跟踪等后续行为缺乏研究，导致技术的提升并不能带来积极的用户体验。

3理论基础

3.1用户界面的人因工程学设计原则

网站页面的界面设计属于人机软件界面设计中的一类。从人因学的角度去研究商务网站的用户体验，把人作为网站设计的出发点，能使网站的功能分布、色彩搭配等更好地适应和满足人类的生理和心理需要，从而使商务网站更加人性化，贴合用户的需求。用户界面的人因工程学设计应该基于一定的原则：

・确定用户。用户对界面的使用情况会受到个体因素和背景的影响，如年龄、性别、受教育程度、知识和经验等，因此确定用户是进行系统分析和没汁的第一步，即确定使用应用系统的用户，不同的用户会有不同的经验、能力和要求。

・减少用户的负担。在设计人机系统来完成一定的任务时，应该让计算机发挥更多的作用，更积极主动地完成更多的工作，让用户尽可能少做工作。

・应用程序和用户界面分离。数据的存储组织、查询、管理由数据库管理系统完成，应用程序不处理与数据管理相关的工作，而集中实现应用功能。

・一致性。用户界面的一致性主要体现在输入、输出方面，即是在应用程序的不同部分，甚至不同应用程序之间，具有相似的界面外观、布局、人机交互方式以及信息显示格式等。

・提供反馈。人机交互系统的反馈是指用户从计算机一方得到信息，表示计算机对用户的动作所做出的反应。

・及时的纠错和帮助功能。系统设计应该能够对可能出现的错误进行检测和处理，出错信息应清楚、易理解，其内容应包含出错位置、出错原因及修改建议等方面的内容。

3.2基于人因角度的商务网站用户体验评价

用户体验评价是一种用户感受的量化，这种量化需要一些因素作为评价参考指标。总结基于人因角度的用户体验文献，得出影响用户体验的因素有以下两项：①认知因素。包括人机互动的技术因素和非技术因素，技术因素的标准如系统的有用性和易于使用性；非技术因素的标准，如享受性、视觉的美感性和内容的吸引性。②情感因素。一方面包括直接和间接的情感反应；另一方面包括由认知评价过程产生的更为复杂的情感结果。

在商务网站中量化用户体验还有4个互相关联的重要因素：①品牌，体现在网站名、域名方面，是用户对网站品牌的认可；②可用性，体现在网站设计风格是否为用户所容易接受；③功能性，体现在网站的功能设计上，是否为用户提供方便齐全的功能；④内容，网站的内容也是影响用户体验度的重要因素，是用户对网站是否感兴趣的根本原因。

4调查与结果分析

商务网站中，用户的购物过程包括吸引进入、决定购买、执行购买、等待4个阶段。而在不同阶段，用户会与网站发生一系列的交互，为对商务网站的各个方面结合人因工程进行分析和研究，本文以网购次数较多的用户作为调查对象，抽取了300人进行问卷调查，以便更加清楚地了解用户需求和更客观地进行客

户满意度对比分析。

本次调查对象中男性183人，占总数的61％，女性117人，占总数的39％；从年龄段来看，20岁以下的占7％.2l-30岁的占8l％，31-40岁的占8％，41岁以上的占4％。这个数据比较客观地反映了目前网民各年龄段的网购比例。

调查问卷涉及网站名长度及域名长度、页面设计、流程设计等问题，从而得到基于人因角度的用户体验度数据(调查数据网址：省略/report/745366.aspx)。网站名长度用户调查结果如图2所示：对调杏结果进行总结和分析，如表1所示：

5调查结果验证与结论

根据基于人因工程的商务网站设计原则以及用户调查得到的结论，基本上可以得出一套评价商务网站用户体验的标准。为验证该标准，以新蛋网与凡客诚品网为例，进行基于人因工程的用户满意度的评价并作对比分析，见表2。评分标准为1-5分，分数越高，表明网站项目越符合人因角度的用户体验原则)。

通过以上评分，可以总结出新蛋网在用户体验方面的总得分为68，平均得分为4；凡客诚品网总得分为81，平均得分为4.8。凡客诚品网的客户体验满意度比新蛋网高出19.1％。

根据中国互联网信息中心(CNNIC)的《2010年中国网络购物市场研究报告》，在网络购物市场上，凡客诚品网的用户渗透率为1.5％，新蛋网的用户渗透率仅为0.3％；凡客诚品网用户单一度为23.3％，新蛋网用户单一度仅为2.9％；凡客诚品网的品牌转化率达54.8％，新蛋网的品牌转化率为45.3％；购物网站新增用户中，10.9％的新增用户最近半年开始使用凡客诚品网，仅1.1％的新增用户最近半年开始使用新蛋网。可见，凡客诚品网的认知、情感、品牌、可用性、功能性、内容各方面指标均高于新蛋网，体现为凡客诚品网的整体用户满意度高于新蛋网。

总结以上分析与验证结果，可以得出基于人因工程的商务网站用户体验的用户满意度评价标准，如图

3所示：

如图3所示，商务网站的认知因素、情感因素、品牌、可用性、功能性以及内容影响着用户满意度。根据以上6个因素，调查用户购物过程中影响用户满意度的具体指标，归纳为网站品牌、网站页面设计、网站流程设计以及网站功能设计4个维度。根据基于人因工程的商务网站用户体验的评价用户满意度标准，可以分析得出商务网站当前的用户满意度水平，并为商务网站提出建议，提高用户满意度。

6南周商城的网站用户体验方案

南周商城(shop.省略)是南方周末新媒体有限公司依托南方报业的强大资源以及南方日报出版社的优质图书出版体系搭建的在线商城，提供南方周末报系-报两刊――《南方周末》、《南方人物周刊》和《magazine[名牌》的订阅、过刊零售服务，还提供图书网络首发、在线订购服务；同时是南方周末报系周边商品的唯一指定在线销售平台。

从以上评分中，可以知道南周商城的总得分为62，平均得分为4.1；根据建议改进可提高总得分至82，平均得分为4.8，与凡客诚品网接近。因此，根据基于人因工程的商务网站用户体验的评价用户满意度标准，对南周商城进行改进后，在认知、情感、品牌、可用性、功能性、内容等各方面指标均会得到提高，并最终体现为用户满意度的提高。南周商城的网站用户体验方案见表3。

7结语

7.1总结

Web2.0时代的核心理念是真正以用户为中心和提供丰富的用户体验，这种新的理念直接促使业界采用新的网站设计方法。本文提出从人因角度来分析和评价商务网站的用户体验，提出从网站品牌、网站页面设计、网站流程设计和网站功能设计4个方面构建用户检验的具体要素，基于相关结论对新蛋网和凡客诚品网从用户体验角度进行较全面的比较，验证了本文提出的用户体验标准；并以南周商城为例，进行用户体验研究，总结出南周商城用户体验优化方案。本文从行为运作管理角度，提出商务网站的量化用户体验要素对于提高商务网站的用户满意度具有重要参考价值。

7.2研究局限与展望

在提高用户满意度方面，永远不存在完美用户体验的终点。本文基T用户体验的调查数据，从人因的角度去研究商务网站的用户满意度，没有考虑整个B2c电子商务服务流程，而只着眼于网站的用户体验方面。另外，调查中个别题项设计得较为抽象，这些都是本文研究的局限所在。随着交互设计的重要性日益凸显，商务网站用户体验的研究将得到更多的重视，B2C电子商务服务流程用户体验的评价体系也将会得到进一步的完善。

参考文献：

[1]Nielsen J，Loranger H.网站优化：通过提高Web可用性构建用户满意的网站[M].张亮，译.北京：电子工业出版社，2007.

[2]Gino F.Pisano G.towald a lheory 0fhehavloral operatm’ns[J]Manufactudng Servlce Operations Management，2008，10(4)：676-691

[3]刘作仪，查勇.行为运作管理：一个正在显现的研究领域[J].管理科学学报，2009(4)：64-74.

[4]威肯斯.人因工程学导论(第二版)[M].张侃，译.武汉：华东师范大学出版社，2007.

[5]邓胜利.国外用户体验研究进展[J].图书情报工作，2008，52(3)：43-45.

[6]Gan'ell J.The elements 0f user expenence：user-eentered desigTlfor Ihe web[M].New Y0rk：New Riders Publishing，2003.

[7]Norman D A.the jnvisl‘ble computer[M]

New Y0rk：MlT Press，1999.

[8]Hasenzahl M，Tractinsky N.User experienee-A l'esearch agend8[J].Behaviom hffomaation nchnology，20G6，25(2)：9l-97.

[9]MahIke s.cogrlltlve components of emotion[M].New York：Ox-fbrd University Press.2004.

[10]孙林岩人因工程(修汀版)[M].北京：中国科学技术出版社，2005.

[11]杨明朗，王红.人机交互界面设计中的感性分析[J].包装工程，2007，28(11)：11-13

[12]孙林岩，李志孝，金天拾.认知综合模型及其在人机界面设计中的应用[J].西安交通大学学报，1997(sI)：74-81.

[13]贾增岁.数字图书馆用户界面设计探析[J]现代情报，2007(2)：92-94

[14]特里斯，阿伯特.用户体验度量[M].周荣刚，译.北京：机械工业出版社，2009.

[15]Rubinoff R.How to qutlfy the ilser experi’ence[EB/0L][2011-03-20].http：//sltepoInt corn/tint/quantify-user-experience.

[16]张海昕，郭丹，刘正捷，等.中国c2c电子商务网站的用户体验[J].大连海事大学学报(社会科学版)，2007，6(3)：71-75.

[17]科特勒，阿姆斯特朗.市场营销原理(第11版)[M].梅清豪，译.北京：清华大学出版社，2002.

[18]张凤荣，李清华人因工程学在互联网站用户界面设计中的应用[J].电大理工，2002(4)：33-34.

[19]常广庶.电子商务环境中的服务质量[J].世界标准化与质量管理，2004(1)：28 30.

[20]邓明明，张哲辉.网站主页界面的人因设计[J].包装工程，2009(11)：213 214.

[21]斯科特，尼尔.web界面设计[M]李松峰，译.北京：电子工业出版社，2009.

[22]王巍.图形艺术在网页设计中的应用[J]电影评介，2007(4)：70-71.

第8篇：网页界面设计论文范文

摘要：“任务驱动”是一种新型的教学模式。本文探讨了“任务驱动”教学模式在“专业实践”课程中的应用。从实践结果可以看出，“任务驱动”有效地提高了学生的学习主动性和学习兴趣，取得了良好的教学效果。

关键词：任务驱动；教学模式；专业实践

中图分类号：G642

文献标识码：B

根据教育部教高[2007]2号文件中提出的“高度重视实践环节，提高学生实践能力。要大力加强实验、实习、实践和毕业设计(论文)等实践教学环节，特别要加强专业实习和毕业实习等重要环节，......推进实验内容和实验模式改革和创新，培养学生的实践动手能力、分析问题和解决问题能力。”的要求，我系为四年级计算机专业本科生开设了“专业实践”课程，目的是为了增强计算机专业学生的实践动手能力，提高他们分析问题和解决实际问题的能力，为社会培养应用型人才。该课程以实验课居多，教学环境以机房为主。在教学过程中，我们特别强调将学生的理论知识和实际动手能力结合起来，希望能够借此机会一方面巩固学生以往学过的理论知识，另一方面锻炼他们的实践动手能力。通过教学实践，我们认为“任务驱动”教学模式适合这门课程，教学效果良好。

1“任务驱动”教学模式的理论依据

“任务驱动”教学法符合探究式教学模式，也符合计算机软件系统的层次性和实用性，提出了由表及里、逐层深入的学习途径，便于学生循序渐进地学习信息技术的知识和技能。在计算机专业实践课中体现“任务驱动”，就是让学生在一个个典型的软件开发“任务”的驱动下展开教学活动，引导学生由简到繁、由易到难、循序渐进地完成一系列“任务”，从而得到清晰的思路、方法和知识的脉络。在完成“任务”的过程中，培养分析问题、解决问题以及利用计算机处理信息的能力。在这个过程中，学生还会不断地获得成就感，可以最大限度地激发他们的求知欲望和学习兴趣，逐步形成一个感知心智活动的良性循环，从而培养出独立探索、勇于开拓进取的自学能力。

2任务设计原则

设计任务是任务驱动教学方案的关键，应遵循以下原则：

(1) 任务应该具有明确的目的

设计的任务必须紧紧围绕教学目标，以强化和巩固教学内容为直接目的。例如在学习B/S结构编程的过程中，设计制作一个包含动态网页功能的个人主页，在网站制作过程中，学生既可以利用到以前所学的静态网页设计的知识，也可以根据自己对动态网页的运用水平，灵活地为自己的个人主页添砖加瓦。

(2) 任务必须切实可行

设计的任务必须符合学生的认知规律，不能超出他们的能力范围。例如在“专业实践”课程的初期，我们设计了“使用可视化编程工具制作多功能计时器”的任务，该任务难度适中，同时又能够很好地与后期的任务相衔接。

(3) 任务应该能够引起学生足够的兴趣

人常说“兴趣是最好的老师”。设计的任务如果能引起学生的兴趣，学生就会主动参与到任务的设计和制作过程中。例如在学习使用Visual Basic进行软件制作中，设计任务“制作一个可以联机对战的五子棋游戏”，通过游戏软件的设计与开发提高学生对软件制作的兴趣。

(4) 任务应该具有较强的实用性

任务的设计应该要联系相关学科的知识，只有实用的知识才是有用的知识。例如以“设计开发B/S结构下的电子商务平台”作为任务驱动，既包含了计算机编程的相关知识，又让学生了解了电子商务的相关内容。

(5)任务的设计应该给学生留有思考的空间

设计的任务要给学生充分创造和发展的空间，使学生能举一反三、触类旁通，思维得到发展。例如学习“为个人主页增加网页留言板的功能”时，我们为学生举例说明如何将留言数据添加到数据库中，而将删除和修改留言的部分留给学生课后自行完成。

3 “专业实践”课程的任务设计

“专业实践”课程要求学生运用软件工程的思想进行一个完整软件系统的分析、设计、开发、集成与测试。根据软件系统层次法中“由总到分，逐步细化”的分解原则，我们首先设计出该课程的总任务为：根据软件工程思想，完成“基于校园网络的辅助教学平台”软件系统的开发。软件体系结构为B/S结构与C/S结构相结合。针对这样一个总任务，我们将其再分割成若干个小任务，提高学生对该课程的学习兴趣，增强任务的可行性。

任务1：对“基于校园网络的辅助教学平台”进行需求分析。选择该软件进行需求分析的设计，是因为我校很多教师都有应用该软件进行网络辅助教学的需求，学生们可以直接在校内完成本软件的需求分析工作。通过实施该任务，学生可以充分理解和学习软件开发中需求分析的作用和地位，同时对后续的软件制作有着重要的指导意义。

任务2：学习HTML语言，使用DreamWeaver制作个人主页，这个任务对于本科大四的同学基本上是没有难度的，目的是帮助他们巩固和复习静态网页制作的内容，并为后续动态网页制作做好铺垫。

任务3：使用可视化编程工具制作多功能计时器(含万年历、时钟、闹铃等功能)，这个任务主要是为了让学生熟悉可视化编程工具的界面设计与制作过程，同时了解编程环境中各个控件的用法，以及帮助学生复习程序设计的相关知识，要写出好的程序必须有扎实的基本功。

任务4：使用可视化编程工具制作一个通讯录软件，在该软件的设计制作过程中引入了数据库的相关知识，数据库的相关知识在程序员的知识体系中是不可缺少的一个部分。

任务5：为自己的个人主页加上网页计数器的功能，在这个任务中，学生接触到了关于B/S结构编程的基础知识，为后续课程中复杂B/S结构程序的设计与开发做了铺垫。

任务6：为自己的个人主页加上网页留言板的功能，该任务在简单B/S结构软件制作的基础上引入了数据库的相关内容，要求学生能够熟练使用B/S结构软件编程操作数据库。

任务7：使用可视化编程工具制作一个功能简单的即时通讯软件，该任务以使用可视化编程工具制作软件界面以及操作数据库等相关内容为基础，引入了网络编程技术，在任务实现过程中强调网络编程在目前软件开发中的重要地位，同时学生通过该任务可以了解C/S结构编程的基本内容。

任务8：设计开发B/S结构下的电子商务平台，该任务在结合以前所学的内容基础上，提高了软件设计与开发的难度，强调对学生进行小组协作能力的培养，在软件开发过程中强调模块化设计的概念，让学生从宏观上理解与认识软件的开发过程。

任务9：制作一个可以联机对战的五子棋游戏，在该软件的编制过程中，学生可以进一步锻炼自己的编程能力，同时加深对基于网络的软件开发过程的认识。

任务10：完成“基于校园网络的辅助教学平台”的设计与模块划分，在接触了前期的B/S与C/S结构的软件开发后，学生已经有能力完成中小规模的软件系统的开发，将学生分成若干小组，由组长将总任务分成若干模块，交给能力不同的同学去完成，让学生充分理解模块化设计的软件开发理念。

任务11：完成“基于校园网络的辅助教学平台”的编码与整合，在分模块开发之后，将一个项目的不同模块整合起来实现一个完整的系统，编码与整合的环节不仅能锻炼学生个人的实际动手能力，更能让他们体会到团队协作在软件开发中的重要作用。

任务12：对“基于校园网络的辅助教学平台”进行软件测试，软件的测试往往会被学生忽视，而一个好的软件必须经过严格的测试。在这个任务中，学生可以了解到软件测试的一般内容，学会对软件系统进行一些常规测试，认识软件测试在软件开发中的重要作用。

4教学效果与总结

通过一个学期的教学实践，我们可以看到“任务驱动”教学模式在“专业实践”课程中的应用效果是很好的。首先，端正了学生的学习态度，以往的专业课都是老师逼着学生学习，学生的学习主动性非常差，引入了“任务驱动”教学模式后，学生感觉到学习是为了自己学，学习的自觉主动性大大提高；其次，锻炼了计算机专业同学的专业实践能力，从原来的纸上谈兵到现在的独立进行软件的设计、编码、测试，学生感觉自己学到了真正的本领；第三，提高了学生对计算机学习的兴趣，很多同学对专业课反感，主要是因为专业课难度大学习方法难于掌握，通过这次由简单到深入的“专业实践”，同学们掌握了学习计算机知识的方法，提高了学习兴趣；最后，有利于培养学生的大局意识，锻炼他们的团队协作能力，在一个个任务的制作过程中，学生之间互相帮助，共同学习，既有乐趣又增加了同学之间的友谊。

参考文献

[1] 石良武. 网络环境下任务驱动教学方案的设计与实现[J]. 当代教育论坛,2006,(10).

[2] 何克抗. 建构主义学习环境下的教学设计[M]．北京师范大学出版社.

[3] 凌慧. “任务驱动”教学法的应用原则[J]. 广西教育,2006,(2).

第9篇：网页界面设计论文范文

重庆第二师范学院是一所教育部批准成立、由重庆市教委主管的公办普通本科高等院校。学校始建于1954年，有南山、学府大道两个校区。美术系位于学府大道校区，轨道交通、公交干道汇集于此，航空、水路、公运、铁路等多种交通出行方式可供选择。美术系现有教师45人，其中高级职称25人、硕士及以上学历学位24人，有重庆市名师1人、市优秀女园丁1人、市优秀教育管理工作者1人;同时，在四川美术学院、美国马里兰州大学以及法国、韩国等聘有客座教授。现开设有美术学、美术学(中国画与数字艺术)、美术学(插画与三维动画)、公共艺术、视觉传达设计、视觉传达设计(空间艺术)、视觉传达设计(时尚艺术)、美术学(应用美术)、艺术设计等专业及方向，现有在校学生1472人(其中，先后赴韩国交换学习学生22人，赴中国台湾交换学习学生4人)。

美术系专业教育教学设施设备充裕，师资力量雄厚。有专业教学场地面积15400平方米、实验实训室近2000平方米;有专业图书、画册、期刊、光盘和软件共计4000余册(件);有校外实训、实习、就业基地30余个;现有市(校)级教学团队共5个、精品课程共6门，承担了教改项目共25项，获教学成果奖共11项;有学术研究、科研创新团队共2个，承担了市(校)级科研项目共近50项;教师的作品和论文参加市级以上展览和公开发表近700幅(篇)，获省(部)级及以上奖励近100项，教学论文等获得省(部)级以上奖励20余项;教师申请国家专利10余项，主编(著)教材、作品专著60本(部)，其中《高等院校艺术设计专业丛书》被全国20余所高校选用，共出版10万余册。

美术系学生作品在众多省(部)级及以上专业竞赛活动中屡获佳绩。学生参加教育部“全国大学生艺术作品展演”、“优秀毕业设计作品展”、“全国大学生广告艺术节”、“中国环境艺术设计学年奖”、“中国美协‘未来之星’大奖赛”、“重庆•长江杯国际工业设计大赛”、“重庆•中国西部工业设计明日之星作品大赛”等赛事，获奖共近60项、省(部)级奖200余项;同时，美术系每年都要举办“学生作品年度展”、“毕业作品展”、“学生社团作品展”等专业赛事，并组织学生参加重庆市高校服装专业优秀毕业作品联合展演活动，中央二台、人民网、中国教育网、搜狐网、新浪网、凤凰网、重庆电视台、《重庆日报》等几十家主流媒体先后进行了报道。

美术系学生工作以“抓常规、浓学风、重规范、强素质、促就业、创品牌”为主线开展工作。一方面，积极围绕专业教学，着力培养学生专业思想和艺术素养，提升学生专业水平，夯实学生就业核心竞争力;另一方面，正确引导学生争做有孝道、有理想、有理论、有理念、有理智的美术学子，促进学生情商培养和提升，拓展学生综合素质，打造学生就业综合竞争力。相当部分毕业生已成为广告公司、室内装饰公司的设计总监、项目经理和业务骨干，有的成为了基础教育行业专家并多次在全国和市级美术教学竞赛中获奖。近几年来，先后有数十名学生考取中国美术学院、四川美术学院、重庆大学、西南大学等高校的硕士研究生。

二、2016年拟招生专业介绍

公共艺术 [本科 非师范]

培养目标：本专业主要培养德、智、体、美全面发展，具备艺术设计基本理论和基本知识，掌握公共艺术设计的基本方法和实践技能，能对室内外空间进行装饰艺术设计的高素质应用型人才。

主干课程：造型基础、设计色彩、构成基础、建筑基础、数码图形处理(3dsmax、cad、photoshop)建筑制图与测绘、手绘效果图技法表现、工程概预算、工程材料与工艺、公共空间艺术设计、公共设施设计、餐饮空间设计、陈设设计、展示空间设计、住宅空间设计、公共景观设计、办公空间设计、装饰雕塑、3d场景漫游、设计概论等。

就业岗位：毕业生可到建筑和规划部门、各类设计院所、专业设计机构等从事公共空间、商业空间、住宅空间以及园林景观等设计工作，也能从事相关领域的施工管理工作。

美术学[本科 非师范]

培养目标：本专业主要培养德、智、体、美全面发展，具备美术学专业的基本理论和基本知识，掌握艺术创作和美术教育的高素质应用型人才。

主干课程：中国美术史、外国美术史、艺术概论、透视与解剖学、素描人物、色彩人物、色彩风景、雕塑、传统油画语言、油画风景、素描人体、油画人体、具象写实绘画语言、表现主义绘画语言、超现实主义绘画语言、照相写实绘画语言、综合材料、综合创意、当代艺术思潮、工笔花鸟、工笔人物、写意花鸟、写意山水、中国古代造型艺术考察等。选修教师教育方向课程：中小学美术教学论、课堂教学技能、美术教师公招应试技巧等。

就业岗位：毕业生能够从事美术创作、美术教育、美术编辑、艺术机构管理，以及美术宣传和区域文化创意产业的开发等工作。

视觉传达设计[本科 非师范]

培养目标：本专业主要培养德、智、体、美全面发展，具备视觉传达设计专业的基本理论和基本知识，掌握视觉传达设计的基本方法和实践技能的高素质应用型人才。

主干课程：造型基础、设计色彩、设计构成、电脑辅助设计、图形创意、版式设计、商业摄影、插画设计、网页与界面设计、标志设计、VI设计、包装设计、平面广告设计、影视动态广告设计、型录设计、书籍设计、文化海报设计、设计概论、世界平面设计史等。

就业岗位：毕业生能够从事广告策划与设计、印刷品设计、包装设计、企业形象设计、商场商品陈列设计、网页及新媒体设计、商业摄影及设计管理等工作。

视觉传达设计(时尚艺术)[本科 非师范]

培养目标：本专业主要培养德、智、体、美全面发展，具备视觉传达设计(时尚艺术设计方向)的基本理论和基本知识，掌握服装与服饰设计的基本方法和实践技能的高素质应用型人才。

主干课程：造型基础、设计色彩、设计构成、计算机辅助设计、服装工艺、服装效果图表现技法、服装设计思维训练、成衣设计、立体裁剪、服装材料与面料再造、创意服装设计、时尚摄影、针织装设计、化妆造型、服装展示设计、平面纸样结构、服饰配件设计与制作、服装设计概论等。

就业岗位：毕业生具备设计造型能力、市场分析能力、组织与协调能力，能够适应服装服饰艺术设计行业发展的需要，从事服装、服饰品的设计、制作和营销等工作，也能在相关时尚设计领域从事设计、制作与管理等工作。

三、2016年录取规则

1.考生体检必须符合教育部、卫生部、中国残疾人联合会制定的《普通高等学校招生体检工作指导意见》的规定。

2.重庆市考生认可重庆市统考成绩，其它省(自治区)考生认可我校组织的美术专业校考成绩。

3.按综合成绩(综合成绩=文化成绩÷文化成绩总分×30+专业成绩÷专业成绩总分×70)排序，德智体美全面衡量，择优录取。

四、2016年招生计划(暂定)

专业名称

重庆

三校生

美术本科（非师范）招生计划

备注

重庆

江西

山东

陕西

山西

福建

广西

美术学

 

37

 

 

8-10

 

 

 

大一下期末可申请转专业；重庆三校生限招服装设计与工艺类专业。

视觉传达设计

 

80

10-15

15-20

7-10

15-20

 

8-10

公共艺术

 

81

10-15

15-20

 

15-20

7-10

7-10

视觉传达设计

（时尚艺术）

10

27

 

 

 

 

8-10