(4) 阅读 (1030)

网页设计 编辑词条词条保护

词条创建者 匿名网友

网页设计是指使用标识语言(markup language),通过一系列设计、建模和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。

简单来说,网页设计的目的就是创建网站。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格,都可以通过使超文本标记语言、可扩展超文本标记语言等标记语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、音效等多媒体文件则需要插件来运行,同样地它们亦需要标记语言移植在网站内。

随着浏览器和W3C标准一致性的改善,以及无表格网页设计的认同性增加,超文本标记语言与层叠样式表共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。

历史
网页设计
商店中的网页设计书籍

1989年,在CERN工作的蒂姆·伯纳斯-李建议创建一个全球超文本项目,后来被称为万维网。在1991年至1993年期间,万维网诞生了。1993年,马克·安德森和埃里克·比纳创建了MOSaic浏览器。当时有许多的浏览器,但是大多数都是以Unix为基础,并且注重文字效果。对图形或声音等图形设计元素没有集成的方法。Mosaic浏览器打破了这种模式[1]。1994年,安德森成立了通信公司,该公司后来被称为Netscape Communications,开发了Netscape 0.9浏览器。1996年至1999年,浏览器大战爆发了,因为微软和Netscape争夺终极浏览器统治地位。在此期间,该领域有许多新技术,特别是层叠样式表、JavaScript和动态HTML。整体来说,浏览器竞争确实带来了许多积极的创意,并帮助网页设计迅速发展[2]。

外观的影响
移动性 对 固定排版

大部分网站设计师原本是每处地方都有绝对限界的平面设计师。可是在网页浏览器,却不能控制某些因素,特别是浏览器的阔度。

有些设计师将其网页定义在固定大小的表格中,每部分的宽度都有精确的数据,一般使用确定的值,这就是固定排版了。然而有人认为这不好,因为这种设计罔顾用户的设置,他们使用移动性排版,网页的宽度使用百分比定义宽度,因此网页会依浏览器的显示屏分辨率而改变。 但是移动性的排版对于日益增大的显示屏就不一定合适,因为人的眼睛进行横向阅读时,过长的文字会增加阅读的困难度,反之大约在十几个字即换行的文章,浏览者会更好吸收其内容。

两种设计模式

从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如Microsoft FrontPage中,这样设计显得直观而方便,然而这让越来越复杂的版面需要许多不断嵌套的表格设计,致使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。同时,这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支持度提高,近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的,其核心在于分隔网页的风格和内容,指针记语言如HTML、XML负责定义页面的内容,但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS文件负责。在排版方面,新的模式提倡使用由CSS定义的DIV进行页面排版,而将表格还原为排列数据的最初功能。这种模式有很多好处,例如可以协助搜索引擎查找网页的情况,减小文件提及提高浏览速度,且由于一个CSS档案可以控制多个页面,这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者,于是业界鉴定网页是否匹配W3C标准,就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点,其中一个弱点就是,在不同浏览器出来的效果会有分别,但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面,开始设计CSS时,并不能清楚看到目标,因此显得不直观。

静态网页

静态网页多数为单一的超文本标记语言文件。现今不少网站皆倾向把页静态化,从而令搜索引擎最优化。

页 主条目:页

页的内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言如JavaScript、JScript、Actionscript来改变。当然更普遍的是由服务器端的描述语言如Perl、PHP、ASP、JSP、ColdFusion等进行编译,从而对页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。

随着信息技术的更加专业化,越来越明显的倾向表明,网页设计和网站的发展会逐渐成为两个不同的领域。

内容由匿名网友提供,本内容不代表vibaike.com立场,内容投诉举报请联系vibaike.com客服。如若转载,请注明出处:https://ispeak.vibaike.com/8366

发表评论

登录后才能评论