青岛网站建设之网页标准

分类:网站建设 浏览次数:2676 2018-11-01
满意回答
2018-11-01

网页标准:结构、表现与行为,网站相关的技术走入实用阶段,不过短短十几年的时间,就已经发生了很多重要的变化。其中最重要的一点是“Web标准”被广泛地接受。

QQ截图20180907154910

1.标准的重要性

相信大家对“标准”这个词都非常熟悉,也能很容易地了解标准的重要性。在越来越开放的环境中,各个相互关联的事物要能够协同工作,就必须遵守一些共同的标准来工作。例如,个人电脑的型号是开放的标准,而个人电脑的零件的规格是统一的。为个人电脑生产零件的厂家成千上万,大家都是在同一个标准下进行设计和生产,因此用户只需要买来一些零件,比如CPU、内存条和硬盘等,简单地“插”(组合)在一起,就能成为一台好用的电脑了,这就是“标准”的作用。相比之下,其他行业就远不如PC行业了,比如汽车行业,一个零件只能用在某个品牌的汽车上。这样不仅麻烦得多,而且也不利于成本的降低。互联网是另一个“标准”倍出的领域,连接到互联网的各种设备的品牌繁多、功能各不相同,因此必须依靠严谨合理的标准,才能使这些纷繁复杂的设备都协同工作起来。

“Web标准”也是互联网领域中的标准,实际上,它并不是一个标准,而是一系列标准的集合。从发展历程来说,网页是逐步发展和完善的,到目前它还在快速发展之中。在早期阶段,互联网上的青岛网站建设都很简单,网站的内容也非常简单,自然相应的标准也是很简单的。而随着技术的快速发展,相应的各种新标准也都应运而生了。打个比方,如果仅仅是简单地写一个便条或者一封信,那么对格式的要求就很低,而如要出版一本书,就必须严格地设置书中的格式,比如各级标题用什么字体、什么字号,正文的格式,图片的格式,等等。这是因为从一个便条到一本书,内容的性质已经不同了。同样,在互联网上,刚开始的时候内容还很少,也很简单,也不存在更多的复杂应用,因此一些简单(或者说“简陋”)的标准就已经够用了。而现在互联网上的内容已经非常多了,而且逻辑和结构日益复杂,出现了各种交互应用,这时就必须从更本质的角度来研究互联网上的信息,使得这些信息仍然能够清晰、方便地被操作。

大家应该理解,一个标准并不是某个人或者某个公司,在某一天忽然间制定出来的。标准都是在实际应用过程中,经过市场的竞争和考验,经过一系列的研究讨论和协商之后达成的共识。

2.“Web标准”概述

下面来着重讲解关于山东网站建设的标准——“Web标准”。网站主要由3个部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。用一本书来比喻,一本书分为篇、章、节和段落等部分,这就构成了一本书的“结构”,而每种组成部分用什么字体、什么字号、什么颜色等,就称为这本书的“表现”。由于传统的图书是固定的,不能变化的,因此它不存在“行为”。在一个网站中,同样可以分为若干个组成部分,包括各级标题、正文段落、各种列表结构等,这就构成了一个网站的“结构”。每种组成部分的字号、字体和颜色等属性就构成了它的“表现”。网站和传统媒体不同的一点是,它是可以随时变化的,而且可以和读者互动,因此如何变化以及如何交互,就称为它的“行为”。

因此,概括来说,“结构”决定了网站“是什么”,“表现”决定了网站看起来是“什么样子”,而“行为”决定了网站“做什么”。不很严谨地说,“结构”、“表现”和“行为”分别对应于3种非常常用的技术,即(X)HTML、CSS和JavaScript。也就是说,(X)HTML用来决定网页的结构和内容,CSS用来设定网站的表现样式,JavaScript用来控制网站的行为。

这几天圭谷设计将重点介绍前两者,对于JavaScript仅在少数案例中用到,只进行一些简单的介绍。“结构”、“表现”和“行为”的关系。 

这3个组成部分被明确以后,一个重要的思想随之产生,即这三者的分离。最开始时HTML同时承担着“结构”与“表现”的双重任务,从而给网站开发公司、青岛网站维护等工作带来很多困难。而当把它们分离开,就会带来很多优点。具体内容在后面的新闻中圭谷设计会一一讲解。这里仅给出一个例子简单说明。打开青岛网站制作显示的一个页面的初始效果,即仅通过HTML定义了这个页面的结构,图中使用文字说明了这个页面中的各个组成部分,以及使用的HTML标记,灰色线框中的效果是使用浏览器查看的效果。这个效果是很单调的,仅仅是所有元素依次排列而已。 

对上述的页面,使用CSS设定了样式以后,它的表现形式就完全不同了。借助于CSS,在不改变它的HTML结构和内容的前提下,可以设计出很多种不同的表现形式来,而且可以随时在不改变HTML结构的情况下修改样式。这就是“结构”与“表现”分离所带来的好处。

网站名片  _副本


Copyright All Rights GreatGoal Design co.,ltd. 鲁ICP备16002128号-3      技术支持: @圭谷设计