为什么要进行WEB“标准”

web|标准

为什么要进行“标准”,我说说自己的看法,不知各位兄台认同否?请指正。

笼统来说,“标准网页”的文件组织就是XHTML+CSS。

简单来说,XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。

具体来说,在XHTML中显示内容,就是使用文本、图像、多媒体等相关网页元素来表示的;而CSS就是这些内容的修饰样式。此外还使用XHTML表示网页结构和CSS定义结构的布局

1、颠覆传统的思维模式

对于传统的网页设计,就思考和制作的前前后后,是这样的逻辑过程:

  (大脑)构思网页的排版布局
  (动手)描绘网页构思的草图
  (软件)通过图像软件将草图转为现实
  (调整)继续细化网页布局设计图
  (利用)切割图像并导出
  (制作)使用网页制作软件还原设计稿
  (完工)进行网页内容的具体设置

咋一看,确实是个不错的网页设计逻辑思想,况且这也是从网页被设计被制作有史以来,使用最普遍也最深入的网页设计流程。但现在提出一个问题:那就是如果需要对该网页进行改版,那该怎么办?那么将进行如上的重复的操作,这个重复就是一个全新的逻辑操作过程,包括重新设计(布局)和重新制作(页面)。

OK,现在使用“标准网页”可以省去其中的一道重复操作:省去重新制作(页面)的工作。所以对一个网页进行改版只需要重新设计(布局)即可。那么,为什么能这样做?如何能做到?

2、提出“标准”的方案

通过多次的网页改版,我们设计来设计去,发现虽然网页的样子改变了,但网页所展示的内容却无甚变化。即传统的做法是为了设计的新样子而去重新排版布局原有的内容。所以,大胆的提出:无需重新排版布局原有的内容,而让设计的样子定义出这个结构的布局。

那么,这就要求我们需要考虑好网页的结构。这些考虑是需要合理的方案,使得表示网页结构的标签代码,在下一次改版的时候仍将有用。可以这么说,这个时候一个网页的外观并不重要,重要的是规范一个结构基本页。一个良好的XHTML结构页面,可以适应以任何外观表示。

所以,现在设计一个网页,首要思考的不是网页的布局排版,而是这个网页的结构是如何的。那到底网页的结构需要进行怎么的考虑?一般是按照由简单逐步到丰富的过程:从整体着手,逐渐饱满,继续细化。

所谓“整体着手”,用一种很极端的方法则是:如果需要舍去网页的所有内容,最后只留下骨架的那个页面,就是网页的所需的“整体”结构。就如同一个人的身体一样,“头部”、“手臂”、“躯干”和“腿脚”是主要的结构。那么网页中的“标题”、“导航菜单”、“主要内容”和“版权声明”则为应该的“整体”结构。此时,将采用标签“<div>”进行控制。

所谓“逐渐饱满”,又如人的“头部”分“眼”、“耳”、“口”、“鼻”,对网页结构中的主要结构的内部,继续进行丰富详细的结构嵌套。此时,将采用标签“<div>”或“<span>”进行控制。

所谓“继续细化”,即网页内容的插入和修饰了。如同定义人的“眼”是“单眼皮”还“双眼皮”。此时,就是插入图像“<img />”,建立超级链接“<a>”等等具体内容了。

所以,有了如此逐步的结构的确定、结构的饱满和内容的修饰,就使得网页显示出了设计的模样。又如大千世界“定义”出了各种各样的“人”。

当然,采用“改版”这个示例来说明“标准网页”的必要性,只是一个最简单的最浅显的说服。使用“标准”还有很多优势,比如那个啥啥啥的……

于是 DIV+CSS进行全局的结构定义,用SPAN+CSS进行局部的结构定义,LI+CSS用于系列内容的结构定义,其他的网页元素代码,该怎么着就怎么着显示内容吧。

时间: 2024-10-02 22:56:21

为什么要进行WEB“标准”的相关文章

学习web标准:Web标准中的特殊字符

在最开始学习web标准的时候有这么一条: 把所有<和&特殊符号用编码表示 :任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ;任何与号(&),不是实体的一部分的,都必须被编码为& a m p;注:以上字符之间无空格. 而在我们平时的工作中经常会遇到这种情况: 更多>> 国内的同行大多是写两个大于号>>或者干脆就写>>(更夸张的是有人为

Web标准:文档类型和网页浏览器

原文: http://www.alistapart.com/articles/beyonddoctype 作者:Aaron Gustafson .Com  译者:zhaozy in 3user.com .Com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了一个新版本, 然后又修正了之前版本的一些错误和对规范的误

使用Web标准建站第6天:XHTML代码规范

web|web标准|xhtml|规范 在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范.了解这些规范可以帮助你少走弯路,尽快通过代码校验.1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们.但在XHTML中这是不合法的.XHTML要求有严谨的结构,所有标签必须关闭.如果是单独不成对的标签,在标签最后加一个"/"来关闭它.例如

样式表在web标准应用存在的问题

web|web标准|问题|样式表 一.CSS校验的问题 首先根据比赛要求,参赛作品必须符合XHTML标准,提交的CSS必须通过W3C的校验.CSS校验的情况比较理想,参赛作品中只有8份作品未通过CSS2.0校验,主要校验错误都是:"Line : 0 font-family: 建议你指定一个种类族科作为最后的选择" W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束.例如"sans-serif"就,以保证在不同操作系统下,网页字体都能被显示.

web标准建站:CSS入门教程

css|web|web标准|教程|入门教程 原创教程,转载请注明出处:网页教学网 CSS是"Cascading Style Sheets"的简称,中文翻译为"串接样式表",也有人翻译 为"样式表".CSS用以作为网页的排版和风格设计,在web标准建站中,对CSS的熟悉和使用 是相当重要的一个内容.CSS的作用是弥补HTML的不足,让网页的设计更为灵活. 这个文章只是为您介绍CSS的基础应用,指引您的一个入门的基础教程,主要目的是为 推进web标准

WEB标准中使用CSS的基础教程

css|web|web标准|基础教程 CSS过去经常被用来定义字体的属性,而现在可以用它来控制整个文档的布局.然而,为了有效的用CSS来控制布局,需要做一些不同的处理,这种不同是跟用表格布局相对比的. 为了CSS可以高效的控制布局,结构化.语义化的XHTML是必不可少的. 浏览器的支持 在过去几年,浏览器对CSS的支持程度已经改进了很多.不幸的是,浏览器的开发商好象对实施开放的标准并不感兴趣,所以不同浏览器对CSS的支持程度也大相径庭.就算是支持程度最好的浏览器,在软件中仍然有一些bug,使得浏

利用WEB标准创建两栏页面布局

web|web标准|创建|页面 使用 Web 标准进行页面设计,有一种信仰就是不使用表格兰进行基本的页面排版. 网页常见的两栏布局,我们往往就是通过一个 1 行 2 列的表格来实现.例如:<table border="0" width="760">    <tr>        <td style="width: 30%;">左侧栏</td>        <td style="wi

web标准,我们去向何方?

web|web标准 原文作者:Veerle  原文出处:http://veerle.duoh.com 译者注:本文是"你应该关注web标准的真正原因"一文发表后veerle写的一篇感想文章,作者提了2个想法,却引来各种意见和建议,我将部分评论附在文后.可以看到国外技术类blog讨论的气氛也是非常好的,至少参与的人很多.有兴趣的建议看看原文. 译文 关于web标准,我已经了解很多,并且正在使用.我也很清楚的认识到,使用web标准不是为了能够骄傲的说"嗨,你的站点通过标准校验了吗

WEB标准:Div布局与Table布局

web|web标准 前几天在做个网站,想全部用Div布局,起初控制得还好,代码也很整洁,但是Div没有垂直居中对齐(至少我没有过找到相关属性),后到不结合Table,如下代码: 1.无Table <div class="sectionItem">     <div class="image">         <a href="RoadWarningLamp/default.aspx"><img src=

学习一种符合WEB标准的导航菜单例子

web|web标准|菜单|导航 <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜单演示</title><style type=