Web标准发展概述
在讲解网页标准技术之前,读者有必要先简单地了解一下Web技术的发展。
Web的前身是1980年由Tim Berners-Lee负资开发的Enquire项目这位美国人由于个人的兴趣和爱好,借助所接项目为动力,不断探索和试验,终开创了崭新的互联网世界,他也因此被誉为互联网之父。Web技术的核心可以概括为以下三点。
.超文本技术(HTML ):实现信。息与信息的相互连接。
.统一资源定位技术(URI ):实现信息的全球准确定位。
.应用层协议(HTTP ):实现信息的分布式传输和共享。
在20世纪90年代后期。互联网和Web信息交流和服务逐渐成为人们生活的一部分,而这时的Web浏览器是比较简陋的,还没有完全支持CSS技术(虽然CSS 1.0早在1996年就制定出来,同时在1998年由W3C组织又推出了CSS 2.0版本技术标准)。
对于Web设计人员来说。可以使用CSS来控制HTML文档的表现效果。但是考虑到Web浏览器对CSS技术缺乏支持,同时人们对于网页设计的评价多集中于页面设计效果。而非页面底层的结构,从而导致从早期为了交换信息而发明互联网,到后来的Web设计为了传达视觉的艺术表现而滥用HTML标签,例如,泛滥使用表格,使用空格符、透明GIF图像或隐藏元素来填充和定义空白区域等。
事物发展的更好当然也是变革的开始,互联网再也受不了这种臃肿肥硕、华而不实的Web信息交流方式,要求标准和以标准来控制设计成为不可避免的民心走向。于是大家就开始小心双双地试用CSS,浏览器厂商也开始不断增强产品对标准技术的支持。即使是微软这样的互联网巨无场,也不得不在自己的IE浏览器中加强对标准技术的支持和完善。从2003年开始,HTML+CSS的设计模式逐渐被人们接受。其中HTML负资构建网页结构,而CSS负资设计网页的表现。两者合而为一也就形成了标准的网页(当然符合标准的网页远不止这两种技术)。
动态网页是在静态网页的基础上发展而来的,它是在互联网信息急剧膨胀和人们对于Web信息动态交互需求的大背景下产生的。对于动态网页有两种说法:一种说法是利用服务器技术动态改变浏览器中的显示信息。这种表现多侧重于后台服务器技术的开发。另一种说法就是利用浏览器中的脚本动态控制页面的显示效果,这里主要是Java锝擄絻锝掞綁锝愶綌脚本语言。Java锝擄絻锝掞綁锝愶綌语曾由此也就成为了标准网页设计中的一种核心技术,用来设计页面的交互效果(即Web设计的逻辑层)。
坦率地讲,Java锝擄絻锝掞綁锝愶綌的诞生并没有被业内人士所着好,它依附在Nctscapc浏览器上,仅仅用来设计一些页面动态效果(即网页特效),以改善死气沉沉的页面带给人们的视觉疲倦,道到Ajax概念横空出世,Java锝擄絻锝掞綁锝愶綌才从此鲤鱼跳龙门,获得大翻身。遭到现在Java锝擄絻锝掞綁锝愶綌都被视为客户端开发的标准语言。当然,Java锝擄絻锝掞綁锝愶綌语言的进化和坎坷经历非一日之功。
网页设计有哪些前期准备工作
1、良好的设计基础
基本的素描、色彩和图形构成这些都是设计者需要掌握的基础。具体来讲,色彩调和,色彩原理,素描构成的点面线,图形构成的聚散、对比、呼应等很多都是设计基础。
设计的基础性在学习网页设计初期不会太明显因为纯熟的软件技巧能制作出精美的画面,这完全可以掩盖住设计基础的不完美,但没有设计基础作为支撑的设计者如果做不到突破设计不断把设计理念融合到设计中,不断的提升自己,设计作品就无法做的更好。
2、了解客户
网页设计前你必须了解客户的很多情况,当你了解清楚建站目的,栏目规划及每个栏目的功能及表现形式,是否分期建设,网站类型等你的大脑中就已经对这个网站有了一个全面形象的定位了。这才是有的放矢去做界面设计的时候。
3、网页设计需要设计些什么
3.1视听元素
视听元素包括哪些呢。文本、背景、按钮、图标、图标、图像、颜色、导航工具、背景音乐、动态视频等。无论以上哪一方面,都需要网页设计者考虑到如何运用吸浏览者的形式把他们放到网页中。以上各元素大多浏览器本身就可以显示,无需其他程序的支持。另外在浏览器上实用插件可以播放更多形式的多媒体文件。总之,技术的不断发展使各种多媒体元素在网页设计中的综合运用越来越广泛,浏览者可以得到更加完美的视听感受。
3.2网格设计
网格设计是将网页的版面分为一栏、二栏、三栏及更多栏,然后把文字和图片安排到其中,使版面具有一定的节奏变化。在网页设计中,网格为所有的设计元素提供了一个结构,它使设计更加轻松灵活,也让设计者的抉择变得更加简单。网格能为设计注入活力—--合理布局那些看起来相当小并且毫无关联的元素,能在页面上产生冲击力,使浏览者通过他们感受到设计的魔力。
3.3信息设计
信息设计初期是作为平面设计的一个子集,经常被穿插在平面设计课程中,在60年代末70年代初,Typographic Research杂志上发表了一系列有关信息设计的文章,到20世纪70年代,信息设计时多学科交叉研究的领域。当时已经有不少平面设计师开始使用这个词语。到了20世纪80年代,信息设计逐步涉及文本类信息内容和语言领域,此时就需要在设计过程中加入更多的用户测试,这在传统的平面设计中极为罕见。
3.4布局设计
“布局”这个词来形象的说明网页设计的内容排版就像唐朝棋艺中的布局一样,需要严谨、有章法和逻辑存在。这也是网页设计中最基本的设计要求。
一个合理的网页布局能够使网页的观感中出现节奏感、条理性、脉络清晰,使之便于浏览者查找浏览信息。在设计领域,构成指将一定的形态元素,按照视觉规律、力学原理、心理特征、审美法则等进行的创造性的组合。