毕业论文关于网页设计分析.doc

《毕业论文关于网页设计分析.doc》由会员分享，可在线阅读，更多相关《毕业论文关于网页设计分析.doc（14页珍藏版）》请在三一办公上搜索。

1、关于网页设计分析摘 要1Abstract11 概 述22 网页设计的基础知识22.1 万维网和浏览器32.2 IP地址和域名32.3 HTML概述与基本结构42.4 文本42.5 图像52.6 多媒体62.7超链接62.8 脚本63 网页设计的一般步骤63.1 需求分析73.2 制作页面效果图73.3 制作FLASH动画73.4 切图73.5 制作静态Web页面73.6 添加程序73.7 Web站点的发布、推广和维护74 软件与硬件的设施74.1硬件74.2软件85未来网面页设计构成要素分析105.1未来网页设计分析105.1发展趋势106 结论127 致谢128 参考文献13摘 要在网络越来

2、越接近我们生活的当今社会，Internet的应用已普及到了人们生活与工作的各个层面。网页作为一个宣传企业和展示自我的平台，其重要性也越来越受到人们的关注。因此网页制作业逐渐发展成为一种职业。目前用于网页制作的的软件非常多，但根据多位网页制作者多年的经验，Dreamweaver+Photoshop+Flash无疑是制作网页的最强组合，它们在制作网页效果图、制作网页动画，以及制作Web格式的页面中担任着重要的角色。随着Adobe公司发布的CS3系列设计软件的出现，Dreamweaver与Photoshop、Flash的结合更加紧密，使用更加方便。熟练地使用这三种设计软件，可以大大提高网页设计和制作

3、的效率，以便制作出精美的网页。商业网页是企业向用户和网名提供产品和服务的一种方式，是企业开展电子商务的基础设施和信息平台，其网页页面由具体的文字（标题、广告语、单位名称、Email地址等）、企业标志、商标、产品图形、和信息菜单等内容组成，这些元素的不同展现影响到读者的视觉习惯和心理变化。本文将对一个小型企业设计一个网页，以展现企业形象、介绍产品和服务、体现企业的发展战略。关键词：网站设计；网页制作；Dreamweaver；Photoshop；Flash关键词：网站设计；网页制作；Dreamweaver；Photoshop；FlashAbstract:We live in the network

4、 closer to the current society, the Internet is available to people used every aspect of life and work. Page as a propaganda enterprise and display of self-member platform, its importance is paid more and more attention. So exercise has gradually developed into a career. Currently used in Web pages

5、of software is very much, but according to many Web producers years of experience, Dreamweaver + Photoshop + Flash is undoubtedly the best combination, make Web pages in production, making Web animation, aesthetic and making a Web page in the format of the important role. With Adobe issued by the co

6、mpany CS3 software, design of the series with Photoshop, Flash Dreamweaver, use more closely with more convenient. These three skillfully use design software, can greatly improve the efficiency of web design and production, in order to make a web page.Business is business users to provide products a

7、nd services, and construct a way, is the enterprise develop e-commerce infrastructure and information platform, the web page of text (by specific title, AD, unit name, Email address, etc.), logo, trademark, graphics, and information content such as menu, these elements of different show to the reade

8、rs influence viewing habits and psychological changes. This will be for a small company to display a web page design of enterprise image, products and services, and introduced the development strategy of the enterprise.Keywords: website design, Web pages, Dreamweaver, Photoshop, The Flash1 概 述随着Inte

9、rnet的迅猛发展,网页设计技术已成为计算机学习的重要内容之一. 近几年来,网页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱.这些网页设计技术可以分为静态网页技术和动态网页技术两种. 静态网页技术一般是指HTML和CSS技术.采用静态网页技术的网页只能在网页中展示文字和图片,但它却是所有网页设计的基础技术.动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript , VBScript及ASP等技术都属于动态网页技术的范畴. 目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便.不论是那一种网页设计软件,最后都是

10、将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP。网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则

11、需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。通常，网页可以分为静态网页和动态网页。静态网页页面上的内容和格式一般不会改变，只有网管可根据的需要更新页面。动态网页的内容随着用户的输入和互动而有所不同，或者随着用户，时间，数

12、据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,）来改变。当然更普遍的是由服务器端的描述语言（Perl，PHP, ASP, JSP, ColdFusion, 等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。1.1课题来源及系统目标随着计算机网络的普及，计算机网络应用日新月异。对于公司和企业，可以利用网站来展示企业形象，推广产品并进行电子商务活动，通过制作精美的网页可以吸引浏览者的目光，提高网站的知名度，带来无限商机。而这一切都依赖于网页设计和制作技术的运用

13、。随着网络信息时代的来临,互联网应用越来越广泛,从网上获 并且发布信息已成为现代计算机应用的一大特色. 一个网站,是一个传媒,也是一个窗口.普通人可以通过浏览各个网站,接触到许多从书本上学不到的知识,还可以看看新闻之类当作是一种消遣.而一个企业,一个个体通过制作自己的网站,向全世界宣传自己的产品,提供各种产品的信息供顾客参考,并兼顾销售.这时,网站也就成为对外的窗口.同时,网站上普遍都有一些免费资源,从而达到资源共享,使得我们足不出户都能得到想要的资料.现在很多企业,学校,乃至班级都有自己的网站.通过网站使数据处理更方便快捷,人员访问更方便.互联网成为人们快速获取、发布和传递信息的重要渠道，它

14、在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。2 网页设计的基础知识2.1 万维网和浏览器WWW是环球信息网（World Wide Web ）的缩写，也可以简称为Web，中文名字为“万维网”。另外，www也是世界气象监视网的英文简称。Internet Explorer，简称IE或MSIE，是微软公司推出的一款网页浏览器。Internet Explorer是使用最广泛的网页浏览器，虽然自2004年以来它丢失了一部分市场占有率。在2005年4月，它的市场占有率约为85%。Internet Exp

15、lorer是微软的新版本Windows操作系统的一个组成部分。在旧版的操作系统上，它是独立、免费的。从Windows 95 OSR2开始，它被捆绑作为所有新版本的Windows操作系统中的默认浏览器。微软公司于美国当地时间2009年3月19日上午，北京时间2009年3月20日凌晨正式发布Internet Explorer 8浏览器，并同时开放下载。2.2 IP地址和域名域名表示的组织或机构的类型域名表示的组织或机构的类型com商业机构firm商业或公司edu教育机构或设施store商场gov非军事性的政府机构web和WWW有关的实体int国际性机构arts文化娱乐mil军事机构或设施arc消遣

16、性娱乐net网络组织或机构info信息服务org非赢利性组织机构nom个人机构域名表2.3 HTML概述与基本结构2.3.1 HTML的概述 HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作（是World Wide Web的缩写，也可简写WEB、中文叫做万维网） 的信息

17、表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。2.3.2 HTML的基本结构：一个HTML文档是由一系列的元素和标签组成，元素名不区分大小写，HTML用标签来规定元素的属性和它在文件中的位置。HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。2.4 文本文本指的是网页的文字内容部分，其中包括文本的内容、格式、字体样式、连接等。2.4.1 文本的显示 在网页直接输入没有定义任何样式 图2-1 文本在IE中默认效果与属性的文本内容，其显示效果和浏览器的设置有关。其默认的文本显示效果如图2-1所示。如果更改

18、浏览器的设置，则文本显示效果会相应的改变。单击“查看”菜单，在打开的下拉菜单中选择“文字大小”选项，如图2-2所示，单击其中的“最大”选项，此时网页中的文本效果如图2-3所示。在浏览器中进行其他的设置也可以改变网页中文本的显示效果。单击“查看”菜单中选择“编码”选项，选择其中的“其他”选项。 图2-2 IE中显示字体大小的菜单 1图2-3 更改IE设置后文本的显示效果2.4.2 文本的格式在网页中可以为文本设置各种格式，其中包括文本中字体的选择、字体的大小、文本的颜色、行高等。在浏览器中，文本内容的字体要依赖浏览者操作系统中的字体，所以最好不要定义特殊字体，通常使用“宋体”。2.5图像网页中使

19、用的图像可以分为两个部分：一部分是起修饰作用的图像，一般在页面中起美化作用：另一部分是作为内容的图像，其中有些内容部分的文本内容，因为涉及到特殊的字体，所以也要用图像的方式来显示。2.5.1矢量图和位图计算机中显示的图形一般可以分为两大类矢量图和位图。矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。位图：又称光栅图，一般用于照片品质的图像处理，是由许多像小方块一样

20、的像素组成的图形。由其位置与颜色值表示，能表现出颜色阴影的变化。在PHOTOSHOP主要用于处理位图。2.5.2 网页设计中常用的图片格式1，BMP格式:Windows系统下的标准位图格式,未经过压缩，一般图像文件会比较大。在很多软件中被广泛应用.2，JPEG格式：也是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比(可达到2:1甚至40:1)，因为JPEG格式的文件尺寸较小，下载速度快,所以是互联网上最广泛使用的格式!3，GIF格式：最大的特点是不仅可以是一张静止的图片,也可以是动画，并且支持透明背景图像，适用于多种操作系统，“体型

21、”很小，网上很多小动画都是GIF格式。但是其色域不太广,只支持256种颜色.2.6多媒体网页中使用的多媒体包括音频文件、视频文件、Flash动画等内容，其中使用最多的是Flash动画。2.6.1 音频多媒体内容在网页中音频文件可以直接作背景使用。如果要再其他浏览器中使用音频文件，则需要使用播放器。2.6.2 Flash动画在网页中使用的Flash动画非常多。Flash动画可以用来制作站点的片头、Logo、Banner、页面中的广告等内容。2.6.3 视频多媒体内容在网页中无法直接播放视频内容。如果要播放内容，必须使用相应的播放器。2.7 超链接HTML文件中最重要的应用之一就是超链接，超链接是

22、一个网站的灵魂，web上的网页是互相链接的，单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链接能力,可层层链接相关文件，这种具有超级链能力的操作，即称为超级链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采的多媒体世界。2.8 脚本脚本一般在网页中用来实现某种特殊的效果或功能。通常使用的是JavaScript和VBScript，使用Dreamweaver等网页制作软件，可以直接在页面中添加脚本。脚本一般用来完成一个或多个相应的动作。3 网页设计的步骤3.1需求分析 需求分析是制作一个网站的第一步。在制作网站之前，首先要了解客户的需要

23、和要求。这些必要的信息包括客户所要表达的理念、界面显示的内容和栏目的要求、网站功能方面的要求等。根据客户的具体情况，需求也会有所差别。3.2制作页面效果图制作页面效果图的目的是向客户展示页面的显示效果，以便客户对页面设计提出具体的修改意见。使用效果图的好处在于便于修改，并且方便直观。常使用到的软件是Photoshop和Fireworks，本文以Photoshop为主。3.3制作Flash动画在网页中使用的多媒体内容主要为Flash动画。因为Flash动画内容可以在页面中直接使用，而其他的多媒体内容都需要在客户端安装相应的播放器来支持。3.4 切图在制作静态网页之前，要对效果图进行切片。目的主要

24、是制作页面中使用的修饰图片。主要工具是Photoshop。3.5制作静态Web页面静态网页是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间，且不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改。制作静态页面通常使用的软件是Dreamweaver。一般是HTML页面，文件的后缀名为.html。3.6添加程序添加程序的目的是使页面能够和服务器中的资源进行交互，一般要涉及对数据库的操作。根据使用的程序语言不同，网页中的使用程序可以分为ASP程序、ASP.NET程序、JSP程序、PHP程序等。3.7 W

25、eb站点的发布、推广和维护客户对网页的所有功能和页面都确认后，就可以正式发布制作好的站点了。网站的推广和维护也是网站建设中相当重要的部分。针对站点的性质和不同的需求，推广和维护的方法也不尽相同。其中推广的方法包括百度等搜索引擎上的推广、相关论坛推广、邮件推广等。维护需指定专业人士来做定期的维护。4 软件与硬件的设施4.1 硬件操作系统：Microsoft Windows XP Professional设备：Pentium（R）4 CPU 3.06GHz 512MB的内存 NVIDIA GeForce 7100 GS的显卡 1280*1024的分辨率 80GB的可用磁盘空间 DVD-ROM 驱动

26、器4.2 软件（一）Macromedia Dreamweaver 8Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所

27、得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和

28、CSS规则是否适应目前的主浏览器。5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。8、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线

29、两种控件来产生交互式响应和进行动画处理。9、超强的扩展能力Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。（二）Adobe Photoshop CS3Adobe Photoshop是公认的最好的通用平面美术设计软件。由Adobe公司开发设计。其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。Photoshop的专长在于图像处理，而不是图形创作。有必要区分一下这两个概念。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工

30、；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，这类软件主要有Adobe公司的另一个著名软件Illustrator和Micromedia公司的Freehand。 Photoshop CS3 新增的特性及功能: 1、Photoshop CS3最大的改变是工具箱，变成可伸缩的，可为长单条和短双条。 2、工具箱上的快速蒙版模式和屏幕切换模式也改变了切换方法。 3、工具箱的选择工具选项中，多了一个组选择模式，可以自己决定选择组或者单独的图层。 4、工具箱多了快速选择工具Quick Selection Tool，应该魔术棒的快捷版本，可以不用任何快捷键进行加选， 按往不放可以像绘画一样选择区

31、域，非常神奇。当然选项栏也有新、加、减三种模式可选，快速选择颜色差异大的图像会非常的直观、快捷。 5、所有的选择工具都包含重新定义选区边缘(Refine Edge)的选项，比如定义边缘的半径，对比度，羽化程度等等，可以对选区进行收缩和扩充。另外还有多种显示模式可选，比如快速蒙版模式和蒙版模式等，非 常 方便。举例来说，您做了一个简单的羽化，可以直接预览和调整不同羽化值的效果。当然，选择菜单里熟悉 的羽化命令从此退出历史舞台。 6、调板可以缩为精美的图标，有点儿像CorelDraw的泊坞窗，或者像Flash的面板收缩状态，不过相比之下这个更酷，两层的收缩，感觉超棒！ 7、多了一个“克隆（仿制）源

32、”调板，是和仿制图章配合使用的，允许定义多个克隆源（采样点），就好像 Word有多个剪贴版内容一样。另外克隆源可 以进行重叠预览，提供具体的采样坐标，可以对克隆源进行移位缩放、旋转、混合等编辑操作。克隆源可以是针对一个图层，也可以是上下两个，也可以是所有图 层，这比之前的版本多了一种模式。 8、在Adobe Bridge的预览中可以使用放大镜来放大局部图像，而且这个放大镜还可以移动，还可以旋转。如果同 时选中了多个图片，还可以一起预览，真是酷毙了。 9、Adobe Bridge添加了Acrobat Connect功能，用来开网络会议的，前身是Macromedia的降将Breeze。 10、Br

33、idge可以直接看Flash FLV格式的视频了，另外Bridge启动感觉好快，比CS2和CS两个版本都要快，没有任 何拖累感和“死机感”。 11、在Bridge中，选中多个图片，按下Ctrl+G可以堆叠多张图片，当然随时可以单击展开，这个用来节省空间 12、新建对话框添加了直接建立网页、视频和手机内容的尺寸预设值。比如常用的网页Banner尺寸，再比如常见的手机屏幕尺寸等等（三）Adobe Flash CS3Adobe Flash CS3是Adobe公司收购Macromedia公司后将享誉盛名Macromedia Flash更名为Adobe Flash后的一款动画软件。Flash软件可以实现

34、多种动画特效,动画都是由一帧帧的静态图片在短时间内连续播放而造成的视觉效果,是表现动态过程、阐明抽象原理的一种重要媒体.使用设计合理的动画,不仅有助于学科知识的表达和传播,使学习者加深对所学知识的理解,提高学习兴趣和教学效率,同时也能为课件增加生动的艺术效果,特别对于以抽象教学内容为主的课程更具有特殊的应用意义.5 未来网页设计构成要素51需求分析未来的网络是一个非常丰富和方便的系统，很多是今天无法想像的，但是可以通过今天的社会的发展以及科学技术的发展，可以想像得到。由此可以想像到未来的网页设计，那么那时候网页设计的要求是什么呢？也就是说怎么样的网页设计才算是真正好的网页设计呢？有一下几点：（

35、1）网页能迎合人的情感诉求未来的网页首先要在这个方面下功夫，给人的印象是整个网站是为自己的用户所服务的，所以网页就要呈现出一定的亲和力，而不是像今天随处可见的那种页面布局乱七八糟的某些网站，精心布局的网页能够使页面的井井有条，同时尽量方便用户设计，使人明显的体会到设计师对自己的关心，这样可以在情感上拉近双方的距离，只有这样的设计才能够赢得市场。 （2） 未来的网页要具有相当的美感由于受到目前网络瓶颈的限制，使得今天的网页不敢随意的使用图片或者是视频和音频的文件，造成今天的网页不能完全的将设计师的设想变成现实，而在未来，这些都不是问题，所以在那种状态下，网页设计中追求美感是毫无疑问的，所以在未来

36、的设计会出现出艺术化的倾向。在浏览的时候，能够看到更多美的东西，而在那时候，对网页设计师的要求将更加的高，所以这个职业也会赢得更多的人尊重，而不会出现像今天将网页设计师和一般的网站美工相混淆的情况，更不会有网页设计师不得不对不懂设计的客户俯首帖耳的情况，这样才能够使整个网页设计出现勃勃生机！（3） 未来的网页更加强调交互性网络能够给人带来很多比如看电视不能够带来的乐趣，其中很大程度上的就是它具有很强的交互性，比如在看新闻的时候，你可以进行点评，可以浏览别人的点评，在有问题的时候可以在相关的交流区进行问答，这样就使自己和网络紧紧的联系起来了，而目前只能做到这样，在未来，网络技术充分发达的时候，这

37、样交互式将体现得更加的充分，比如利用网络传递自己的声音、影像，甚至是自己的触觉和感情，可以利用网络来远程控制，比如远程控制家用电器。这样就给网页设计带来了很多新的东西，不仅仅是往页面上放很多的图片和文字，这时候就要考虑如何迎合这样的需求来进行设计，所以在未来，网页设计将会更加不拘于形式，侧重在交互式上着手，更新等将更加的灵活。 52 未来网页设计发展趋势（一）回顾过去随着互联网技术进步，网页UI设计也在不断演变。我们先简要回顾一下，UI方面的发展历程：“远古时期”的互联网传输的只有文本后来增加了超文本也就是链接，不过依旧是文本；然后又有可视化得数据也就表格。再后来，增加了图片的二进制解析，互联

38、网一下子“多媒体”起来，网页也就出现了设计。把原本用于数据形象化展示的表格，弄成了排版工具，而图片和背景图片也超越了内容，用于装饰美化。随着早期的office合集中的frontpage以及macromedia公司的”三剑客”等一些所见即所得开发设计工具，涌现出一大批早期的网页设计师。这批设计师一直使用表格布局，直到5-6年前xhtml传入中国。期间又有了专门用于手机上网的wap。目前主流设计师采用xhtml和css来制作网页，色彩和修饰图片用css来控制，用div标签代替表格来布局。同时涌现出一批所见即所得的xhtml开发工具。这些人兼有代码编写和美术设计两种能力，并致力于网站兼容各个浏览器版

39、本，设计的工作难度稍微提高了。（二）展望未来现在我们再看一下未来几年内的UI设计发展趋势：（1）HTML5和CSS3近期将要出台完整规范，各大浏览器已经部分支持HTML5。HTML5大有替代xhtml之势。关于HTML5的特性大家可以从网上查阅资料，我比较看好的是HTML5会更进一步统一各浏览器版本的呈现，因为各浏览器开发商都意识到开放型的统一规范对大家都有利。另外HTML5可以更好配合CSS3来改进CSS2的一些弱点，HTML5另两个可圈点之处是客户端储存和更优化的多媒体支持。请大家方心，在未来一段时间内，xhtml和HTML5呈共存状态。（2）Flash继续扩展，3D支持是其一个发展方向，

40、失量绘图功能在GIS地图位置应用方面执行效率方面很高，其跨平台支持的优势继续稳固，3G的主流手机都会支持Flash，不过iphone是个例外，我很不看好iphone的发展策略，不过这是苹果的传统和无奈之处。（3）随着国内网络硬件水品的提高、我们在09年就已看到大图片和视频支持日益提高。网页的装饰将从原来的切碎图片的局部修饰向“大”和“震撼力”方向发展。这与平面媒体比如传统报刊杂志的发展趋势一致，大家现在看到的大图片在早些时候是多么奢侈啊。互联网领域利润比较高的时尚型网站和纸质时尚杂志的区别日益缩小，网站将更象一本杂志，报刊杂志也不得不充分利用网络用户生产的内容，以迎合社会发展趋势。（4）随着3

41、G的迅速普及，几年后手机上网用户数量会超越传统互联网桌面电脑用户。不必过于担心，未来用桌面电脑的不会放弃桌面终端，不过是个人又额外增加了一个移动终端；而未来用手机上网的绝大部分用户根本不用桌面电脑，比如几亿农民。也就是说，3G不会过度争抢桌面电脑的用户。但是，这里有一个关键。资金流在一定时空内是个定值，3G的普及相当于恐怖地拓宽了网络消费领域。原来桌面互联网用户有限的个人资金通过3G花掉一部分，那么传统桌面互联网企业的收入就会减小一部分，这叫行业萎缩，收益会莫名的少了。而新增的仅仅通过手机上网的用户，是3G的普及所扩展出来的，其中绝大部分人的互联网消费会通过过3G手机渠道花掉，而新增3G用户转

42、化到桌面互联网的消费在未来可能弥补不了桌面互联网消费资金池的萎缩部分。在未来就得使一大批互联网企业面临现金流萎缩的问题，而不得不转型，其中受手机消费冲击最大的企业将迫切面临一个调整期。并不是3G把你的用户夺走了，而是资金池中的水流往它处，而使得你不得不调整公司结构、主营业务、现金流配备以适应发展生存。是“发展生存”的问题，不是“生存发展”的问题，不发展就是等死。更严峻的问题是3G以及未来3G手机的主要应用之一“手机视频”服务，被“国家”垄断，突破障碍还是需要一些选择性技巧的。未来短期3G手机的主要服务应用，除了手机支付、还表现在手机视频、GIS地图位置应用、资讯阅读、游戏、影视收看上。更远的未

43、来的，将表现在个人移动监控、现场直播、移动异地存贮等一些专业行业领域，并将这些专业技术转移到民用的工作生活的方方面面，通过专业技术创新带动民间用户的异地即时信息点对点，多对点的信息共享和传播。而传统桌面互联网将成为个人的数据管理后台，但并不是每一个手机用户都使用这个“后台”。（5）上面说到，3G对未来的影响。现在回归到网页设计上。目前很大一批网站为同时适应桌面互联网和移动互联网，而把网页设计成800像素宽，以twitter为代表，信息传播更加短小精悍，传播效率和影响力很恐怖；而以“嘀咕”为代表的国内微博，从一开始就定位到未来的手机应用，从图片、视频、GIS地图位置服务，无一不是有目的去日益改进

44、其服务功能。那么未来网页设计将依据终端划分为两部分，一部分是传统桌面互联网，它向传统媒体方向靠拢，因为在界面显示大小、操作复杂度上来说，比巴掌大的手机更自由一些。另一部分是手机移动终端，它更加直白精简突出即时性的信息传播和异地存储，这与分辨率没多大关系，即使手机实现1024*768的分辨率，但从人体工学的尺度上来讲，其用户操作的效率和方便自由度都是一个永远无法超越的难点。所以未来手机应用将更加注重用户体验、更简洁，遵循iphone的设计理念，是给用户创造好用的工具，否则没人用你的新产品。即使桌面互联网可以在手机上直接观看，未来也不得不开发专门针对手机用户的简洁版，不管分辨率有多高，至少按钮在实

45、际感官显示上得有一平方厘米才容易识别。未来会催生一大批手机界面设计师，与桌面互联网设计同步协同完成工作，桌面和移动二个终端同时发布更新6 结论网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素，网页信

46、息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。7 致谢经过几个月的忙碌和学习，本次毕业论文已经接近尾声。作为一个专科的毕业设计，由于经验的匮乏，难免有许多考虑不周全的地方，如果没有指导教师的的督促指导，很难完成这个论文，在这里首先要感谢我的论文指导老师。从论文选题到搜集资料，从写稿到反复修改，期间经历了喜悦、聒噪、痛苦和彷徨，在写作论文的过程中心情是如此复杂。如今，伴随着这篇毕业论文的最终成稿，复杂的心情烟消云散，自己甚至还有一点成就感。在这里感谢大学里的老师，同学，朋友们。在这里请接受我诚挚的谢意!最后我还要感谢培养我长大含辛茹苦的父母，谢谢你们！8 参考文献1 袁自海. css在网页设计中的应用j.电脑知识与技术, 20082 叶德辉 未来网络与网页设计