冷月葬花魂 发表于 2015-1-15 23:17:24

来谈谈:网页常识老手懂得:网页计划的开展汗青

WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作.来创建一个新版本的HTML。网页制造poluoluo文章简介:本文涵盖了分歧时代网页计划的汗青,还包含了分歧范例的计划案例。
自从第一个网站在上个世纪90年月初出生以来,计划师们实验了各类网页的视觉效果。初期的网页完整由文本组成,除一些小图片和毫无结构可言的题目与段落。但是,时期在前进,接上去呈现了表格结构,然后是Flash,最初是基于CSS的网页计划。

本文涵盖了分歧时代网页计划的汗青,还包含了分歧范例的计划案例。
第一张网页
1991年8月,TimBerners-Lee公布了第一个复杂的,基于文本,包括几个链接的网站。原始网页的正本如今仍旧在线。它有十多个链接,试图告知人们甚么是万维网。
随后的网页都对照类似,完整基于文本,单栏计划,有一些链接等等。最后版本的HTML只要最基础的内容布局:题目(<h1>,<h2>...),段落(<p>)和链接(<a>)。随后新版本的HTML入手下手同意在页面上增加图片(<img>),然后入手下手撑持制造表格(<table>)。
W3C的呈现1994年,万维网同盟(W3C)建立,他们将HTML建立为网页的尺度标志言语。这一举措阻断了任何自力公司想要开辟专利的扫瞄器和响应的程序言语的野心,由于这会对收集的完全性发生倒霉的影响。W3C一向努力于建立与保护网页编程言语的尺度(比方JavaScript)。
Thefirstwebpage(1992)Yahoo!(1996)

Altavista(1996)



基于表格的计划
表格结构使网页计划师制造网站时有了更多选择。在HTML中表格标签的本意是为了显现表格化的数据,可是计划师很如意识到能够使用表格来机关他们计划的网页,如许就能够制造较以往作品加倍庞大的,多栏目标网页。
表格结构就如许盛行了起来,交融了背景图片切片手艺,常给人以看起来较实践结构简便很多的布局。
布局计划这个时代的网页计划还不太存眷语义化和可用性方面的成绩,次要还在寻求优秀的布局美学。

统一时代也是大批使用GIF占位图片把持留白的时代。一些支流的公司乃至练习计划师怎样利用GIF占位;如微软的“关于HTML表格中的GIF占位”。
第一批次要使用表格结构的“所见即所得”网页计划软件的开展滋长了表格的使用。别的,某些软件主动天生的表格云云庞大以致于很多计划师不成能重新手写代码(比方每行只要1px高却包括了几百列的表格)。即便是略微庞大一点儿的网页(好比多栏目页面),计划师们都要依附于表格来创立。
W3C(1998)

Yahoo!(2002)

Altavista(2002)

基于Flash的网页计划
Flash(最后被称为FutureSplashAnimator,然后是MacromediaFlash,如今叫做AdobeFlash)开辟于1996年。后来只要十分基础的工具与工夫线,终极开展成可以开辟整套网站的壮大工具。Flash供应了大批的远远凌驾HTML所可以完成的视觉体现效果。
MacromediaShockwave在Flash之前,有MacromediaShockwave(以后是AdobeShockwave)。Shockwave用于为CD-ROM制造目次和多媒体内容,Shockwave文件体积复杂,思索到事先的收集毗连以拨号上彀为主,使用Shockwave仍是不敷明智的。与之比拟,Flash影片体积玲珑,在线使用加倍可行。
Flash的上风在视觉效果上HTML有良多范围性,特别是初期的HTML。要完成庞大的计划,人们常常必要制造大批猖狂的表格布局并/或依托图象占位符(就像某些所见即所得软件所做的那样)。
Flash使创立庞大的,互动性强而且具有动画元素的网站成为大概。
静态HTML(DHTML)

在Flash初度涉足网页计划范畴的统一时代(20世纪90年月末至21世纪初),由几种收集手艺(如JavaScript和一些服务器端剧本言语)构成的用于创作互动/动画页面元素的DHTML手艺的推行,也在热火朝天地举行中。
这时候,跟着Flash的开展和DHTML的提高,不但是浏览静态内容,还同意用户与网页内容互动的交互页面的观点出生了。
3DML
3DML是一个不为人知的用于制造三维站点的网页计划言语。由MichaelPowers编写于1996年,3DML文件实践上由一种非尺度的XML言语写成。

FlatlandRover是一款自力开辟的3DML扫瞄器,只管另有对应的InternetExplorer,NetscapeNavigator,theAOLbrowser和Opera扫瞄器插件,但跟着开辟进度停止于2005年,Firefox的插件一直未能问世。
如今仍旧有使用3DML构建的网站,但假如没有上述扫瞄器或是响应插件,3DML就是不成见的。3DML曾用于制造称作“Sopts”的天下与场景。3DML真实的杀手锏是比年夜多半言语都快的3D模子构建速率(就算是Flash也必要翻开Flash桌面使用来创立并编纂Flash内容)与加倍玲珑的文件体积。
基于CSS的计划
CSS计划遭到存眷始于21世纪初。固然CSS已存在很长一段工夫了,可是在事先仍旧缺少支流扫瞄器的撑持,而且很多计划师对它非常生疏(乃至感应害怕)。
与表格结构与Flash网页比拟,CSS有很多上风。起首它将网页的内容与款式相分别,这从实质上意味着视觉体现与内容布局的分别。
CSS是网页结构的最好理论,与CSS比拟表格结构基本何足道哉。CSS极年夜地缩减了标签的凌乱还制造了简便并语义化的网页结构。CSS还使得网站保护加倍烦琐,由于网页的布局与款式是互相分别的。人们完整能够改动一个基于CSS计划的网站的视觉效果而不往修改网站的内容。
由CSS计划的网页的文件体积常常小于基于表格结构的网页,这也意味着页面呼应工夫的改良。固然初次会见一个网站会下载款式表占用带宽,但CSS会缓存在会见者的扫瞄器里(默许情形下),如许接上去的会见过程当中,网页就城市敏捷显现了。
W3C(2003)

W3C(2009)

Yahoo!(2009)

Altavista(2009)

......将来?

网页计划路在何方?在批评平分享你的设法并到场会商吧!
英文原文http://sixrevisions.com/web_design/the-evolution-of-web-design/
原作者CameronChapman
</p>
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。

不帅 发表于 2015-1-17 21:29:23

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

因胸联盟 发表于 2015-1-25 10:47:22

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

若相依 发表于 2015-2-2 21:54:52

使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

小魔女 发表于 2015-2-8 08:22:13

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

深爱那片海 发表于 2015-2-25 09:24:40

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

再现理想 发表于 2015-3-7 20:27:43

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

再见西城 发表于 2015-3-15 14:30:08

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

山那边是海 发表于 2015-3-22 02:11:08

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
页: [1]
查看完整版本: 来谈谈:网页常识老手懂得:网页计划的开展汗青