WEB标准化势在必行

  前 言
我这里讲的标准化非完全现在流行的讲的DIV XHTML，而是在近来部门内部经常出现程序员和设计师之间的工作发生冲突，而想到应该在一个部门的成员之间制定的一些标准；当然对于成熟的程序员和设计师来说，标准在他们眼中已经成为了一种习惯，在工作中做的任何一步都会想到与之合作的人是否能够利用很短的时间而适用你的设计方法或者是程序代码。而对于更多的刚来公司不久的员工，或者是以前做动态页面较少的同事来说，这一块可能比较生疏；很多人还是停留在一个图切成几个小图，然后嵌成一个页面，这样的做法在一些小的网站，只有一个首页，几个内页的网站中也许还用得着，但是对于我们的大中型客户来说很明显是不现实的；因此为了以后工作方便，我把自己的一些经验总结出来，供大家选用，当然不一定我的都是好的方法，但是我想总会对大家的工作带来一些影响，当然我希望更多的是好影响。
我想在以后陆续推出一些标准化的设计或者开发方法，设计中包括CSS，网页框架，网页整体的布局作一些标准化的建议，这里为什么说一些，其主要目的也是为了不限制大家的设计思路，很多时候对于同一个客户我们可以选用不同的方式来表达客户想要达到的效果，当然具体选用那一种就可以根据设计师的喜好或者是特长来定；也许我说到这已经有人不愿意看下去，会认为给设计师太多的限制那还设计什么？确实说的对，我们提倡设计的时候个性化，但是我们究竟是在商业化运作，我们更多是需要效率，需要在最短的时间内完成客户所需求，只有这样，我们才能做到小到个人完成工作量拿提成，大到公司按期完成任务而给客户留下良好的印象。
下面我将对每一块如何进行标准化作一些具体的说明：
一、CSS标准化
1、 CSS的定义
2、 ＣＳＳ的应用方式
3、 ＣＳＳ的应用补充
二、网页框架标准化
三、网页整体布局标准化

1、CSS定义
ＣＳＳ是『Cascading Style Sheets』的简称，中文翻为「串接样式表」，也有人只翻为「样式表」。ＣＳＳ用以作为网页的排版与风格设计，在所谓的「新式网页」里 ，ＣＳＳ不容置疑是相当重要的一环。ＣＳＳ是以既有的基础，用以弥补既存ＨＴＭＬ 规格里的不足，也让网页的设计更为灵活。
我在这边并不介绍ＣＳＳ的所有规格，仅在网页制作上较常用到，较可能用到的语法部份及应用的方法来作介绍。假如需要更多的请查阅我们的商务网上里对CSS有很多详尽的诠释。
2、ＣＳＳ的应用方式
应用ＣＳＳ并不困难，但是请您先参考这里的基本熟悉，对一些用语有了一点基本概念后，对于看後面的内容会有帮助，看起来也才不会太吃力！

一、基本用语的熟悉：
元件(element)：亦即HTML基本语法中的标签(tag)。
属性(attribute)：用以描述标签特性的属性。
例如：
<HR WIDTH="90%">中，HR为标签，WIDTH为属性，而80%即为WIDTH属性的值。
性质(property)：用以描述元件的特性。相当於HTML基本 语法中的属性。
样式(style)：拥有一组或数组的性质，用以描述元件特性。
挑选者(selector)：套用样式的元件。
例如：
H3{ COLOR : BLUE }中，H3为挑选者，COLOR为性质，BLUE为COLOR性质的值。

二、基本单位的熟悉：
有相对单位与绝对单位两种单位 表达方式。
相对单位：
『em』：相对於字母高度的比例因子。
『en』：相对於字型大小的比例因子。
『%』：相对於长度单位（通常是目前字型的大小）的百分比例。
绝对单位：
『in』：英寸。
『cm』：公分。
『mm』：公厘。
『px』：像素（系统预设单位）。
『pc』：pica，印刷活字单位。
『pt』：像点。
相对关系：1in= 6pc= 72pt= 2.54cm= 25.4mm

三、颜色使用的熟悉：

颜色的表示共有五种方式。
『#RRGGBB』：
共5页: 上一页 1 [2] [3] [4] [5] 下一页

评论加载中…