xhydts's blog__虚幻的蓝

每一个网页或者说是web页都有其固定的后缀名，不同的后缀名对应着不同的文件格式和不同的规则、协议、用法，最常见的web页的后缀名是.html和.htm，但这只是web页最基本的两种文件格式，今天我们来介绍一下web页的其它一些文件格式。 

　　首先介绍一下html与htm 

　　关于HTML，HTML(HyperTextMark-upLanguage)即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 

　　关于HTM，实际上HTM与HTML没有本质意义的区别，只是为了满足DOS仅能识别8+3的文件名而已，因为一些老的系统(win32)不能识别四位文件名，所以某些网页服务器要求index.html最后一个l不能省略。MSIE能自动识别和打开这些文件，但编写网页地址的时候必须是完全对应的，也就是说index.htm和index.html是两个不同的文件，对应着不同的地址。值得一提的是UNIX系统中对大小写敏感，不吻合的话就可能报没有文件或者找不到文件。 

　　其次介绍一下shtml和shtm 

　　关于shtml，shtml是一种基于SSI技术的文件，也就是Server Side Include--SSI 服务器端包含指令，一些Web Server如果有SSI功能的话就会对shtml文件特殊招待，服务器会先扫一次shtml文件看没有特殊的SSI指令存在，如果有的话就按Web Server设定规则解释SSI指令，解释完后跟一般html一起调去客户端。 

　　关于shtm，shtm与shtml的关系和htm与html的关系大致相似，这里就不多说了。 

　　html或htm与shtml或shtm的关系是什么 

　　html或者htm是一种静态的页面格式，也就是说不需要服务器解析其中的脚本，或者说里面没有服务器端执行的脚本，而shtml或者shtm由于它基于SSI技术，当有服务器端可执行脚本时被当作一种动态编程语言来看待，就如asp、jsp或者php一样。当shtml或者shtm中不包含服务器端可执行脚本时其作用和html或者htm是一样的。 

出处:站长资讯

定义
　　IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

　　给元素固有属性赋值

　　例如，你可以依照浏览器的大小来安置一个元素的位置。

#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth - 110 + "px");
top: expression(document.body.offsetHeight - 110 + "px");
background: red;
}

　　给元素自定义属性赋值

　　例如，消除页面上的链接虚线框。 通常的做法是：

<a href="link1.htm" onfocus="this.blur()">link1</a>
<a href="link2.htm" onfocus="this.blur()">link2</a>
<a href="link3.htm" onfocus="this.blur()">link3</a>

　　粗看或许还体现不出采用expression的优势，但如果你的页面上有几十甚至上百个链接，这时的你难道还会机械式地Ctrl+C，Ctrl+V么，何况两者一比较，哪个产生的冗余代码更多呢？

　　采用expression的做法如下：

<style type="text/css">
a {star : expression(onfocus=this.blur)}
</style>
<a href="link1.htm">link1</a>
<a href="link2.htm">link2</a>
<a href="link3.htm">link3</a>

　　说明：里面的star就是自己任意定义的属性，你可以随自己喜好另外定义，接着包含在expression()里的语句就是JS脚本，在自定义属性与expression之间可别忘了还有一个引号，因为实质还是CSS，所以放在style标签内，而非s cript内。OK，这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意，如果触发的特效是CSS的属性变化，那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改，你可能想当然的会认为应该写为

<style type="text/css">
input
{star : expression(onmouseover=this.style.backgroundColor="#FF0000";
onmouseout=this.style.backgroundColor="#FFFFFF")}
</style>
<style type="text/css">
input {star : expression(onmouseover=this.style.backgroundColor="#FF0000";
onmouseout=this.style.backgroundColor="#FFFFFF")}
</style>
<input type="text">
<input type="text">
<input type="text">

　　可结果却是出现脚本出错，正确的写法应该把CSS样式的定义写进函数内，如下所示：

<style type="text/css">
input {star : expression(onmouseover=function()
{this.style.backgroundColor="#FF0000"},
onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) }
</style>
<input type="text">
<input type="text">
<input type="text">

　　注意

　　不是非常需要，一般不建议使用expression，因为expression对浏览器资源要求比较高。

 １、帮助主页被各大搜索引擎登录
２、定义页面的使用语言
３、自动刷新并指向新的页面
４、实现网页转换时的动画效果
５、网页定级评价
６、控制页面缓冲
７、控制网页显示的窗口。
meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta 的属性有两种：name和http-equiv。
name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。

name 属性
1、<meta name="Generator" contect="editplus">用以说明生成工具（如Microsoft FrontPage 4.0）等；
2、<meta name="KEYWords" contect="cnbruce,cnrose">向搜索引擎说明你的网页的关键词；
3、<meta name="Description" contect="cnbruce's blog">告诉搜索引擎你的站点的主要内容；
4、<meta name="Author" contect="cnbruce">告诉搜索引擎你的站点的制作的作者；
5、<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
其中的属性说明如下：
设定为all：文件将被检索，且页面上的链接可以被查询；
设定为none：文件将不被检索，且页面上的链接不可以被查询；
设定为index：文件将被检索；
设定为follow：页面上的链接可以被查询；
设定为noindex：文件将不被检索，但页面上的链接可以被查询；
设定为nofollow：文件将不被检索，页面上的链接可以被查询。

http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定时让网页在指定的时间n秒内，跳转到页面http;//yourlink；
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

作者：阿捷
在开始正式内容制作之前，我们必须先了解一下 web 标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。

1. 所有的标记都必须要有一个相应的结束标记

　　以前在 HTML 中，你可以打开许多标签，例如 <p> 和 <li> 而不一定写对应的 </p> 和 < /li> 来关闭它们。但在 XHTML 中这是不合法的。XHTML 要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个 "/" 来关闭它。例如:

<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />

2. 所有标签的元素和属性的名字都必须使用小写

　　与 HTML 不一样，XHTML 对大小写是敏感的，<title> 和 <TITLE> 是不同的标签。XHTML 要求所有的标签和属性的名字都必须使用小写。例如： <BODY> 必须写成 <body> 。大小写夹杂也是不被认可的，通常 dreamweaver 自动生成的属性名字 "onMouseOver" 也必须修改成 "onmouseover"。

3. 所有的XML标记都必须合理嵌套

　　同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：

<p><b></p>/b>

必须修改为：

<p><b></b>/p>

　　就是说，一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号""括起来

　　在 HTML 中，你可以不需要给属性值加引号，但是在 XHTML 中，它们必须被加引号。例如:

<height=80>

　　必须修改为：

<height="80">

　　特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：

<alt="say'hello'">

5.把所有<和&特殊符号用编码表示

任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
任何大于号（>），不是标签的一部分，都必须被编码为& g t ;
任何与号（&），不是实体的一部分的，都必须被编码为& a m p;

注：以上字符之间无空格。

6.给所有属性赋一个值

XHTML 规定所有属性都必须有一个值，没有值的就重复本身。例如：

<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>

必须修改为：

<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使“--”

“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:

<!--这里是注释-----------这里是注释-->

用等号或者空格替换内部的虚线。

<!--这里是注释============这里是注释-->

　　以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。

CSS中最後指定的會獲得優先權,但除了IE瀏覽器以外
標示為!important將獲得最高的優先權
也就是說!important會被IE瀏覽器所忽略

<style type="text/css">
<!--
.slide{color:#f69 !important;color:#6c0}
-->
</style>
<span class="slide"> TEXT </span>
前者為粉紅色後者為綠色
如果你用的是IE瀏覽器這行文字你會看到綠色因為IE忽略了!important
若你用的是Netscape、Mozilla、Opera等瀏覽器你將會看到粉紅色的文字
您可能會想大多數人使用IE,而!important又會被IE忽略
所以沒有用處...好像是這樣...
嗯~其實不然喔!如果您做網站是一個能照顧到其他瀏覽器訪客的人
這將會是非常實用的

 lbs官方模板.  看著不錯就仿制了一個.

原版在這:http://www.voidland.com/blog/

原作者:sic

個人ftp下載:ftp://Fxhydts1@769.cc/blogskin/sic.zip

因為不曉得模板原名 就用作者的名字當模板名了

原本是pj blog上的模板 作者是:虫虫

昨天去pjblog看他们的模板风格比赛时发现的,

花了一点时间仿制成了oblog模板

o blog官方下载:http://skin.oblog.cn/ViewDownInfo.asp?ID=88

个人ftp下载:ftp://Fxhydts1769.cc/blogskin/书香for oblog.rar

截图:

 刚在oblog官方论坛发布的

oblog官方下载:http://skin.oblog.cn/ViewDownInfo.asp?ID=86

个人ftp下载:ftp://Fxhydts1@769.cc/blogskin/X_blue.rar

截图:

1. ul 标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
2. 同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效。
   
   • 一个兼容性调整(IE和Mozilla)的笨办法：
     初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
   • 临时解决方法:选择符 {属性名:B !important ; 属性名:A;}
3. 如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding
4. li 标签前面的图标推荐使用background-image 而不是list-style-image
5. IE分不清继承关系和父子关系的差别，全部都是继承关系。
6. 在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。 等你以后修改你的CSS的时候就知道为什么要这么做了。
7. 如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。
8. 定义链接的四种状态要注意先后顺序: Link Visited Hover Active
9. 与内容无关的图片请使用background
10. 定义颜色可以缩写#8899FF = #89F
11. table 在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。
12. <script>没有language这个属性，应该写成这样:
    <script type="text/javascript">
13. 标题是标题，标题的文字是标题的文字。有时候标题不一定需要显示文字，所以:<h1>标题内容</h1> 改成 <h1><span>标题内容</span></h1>
14. 完美的单象素外框线表格（在IE5.0　IE6.0及FF1.0.4中均可通过测试，其它夫测试）
    table {border-collapse:collapse;}
    td {border:#000 solid 1px;}
15. margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left:XXpx这个属性。 把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。
16. 绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。

 仿照 pj blog 程序模板制作的.

在 洗秋 的blog看见的这款模板,

非常喜欢,可惜不能用在o blog 上面.

只好自己做了,刚开始是用 层来定位,可惜,boxtop.gif和boxbottom.gif两张图片老是对不齐,

只好删了重新用表格来定位,这下才弄好,

虽说以前下过决心 今后做网页绝不用表格来定位的.

花了一个下午的时间,

放在blog里预览了一下

感觉还不错.

 

#isubb#[size=3]前天重新做了个[URL=http://home.goofar.com/xuhuanyun]个人主页[/URL]完成后.觉得主页的风格和blog不配,心想,再做个模板吧.花了几个小时才做好,在自己的机子显示好好的,一放到blog模板里面就乱了, 侧边栏的前面无故多出一大截空白.可本地显示是好的呀?不管了.从新再来.结果.还是老问题. 不行,再来......把代码看了几遍 ,没啥问题呀? RP问题? 不会吧. .前几天还帮人家做logo. 把 padding-top定义为 0 也不行.找来找去 本菜鸟只好拿出最后手段,看别人网页的源文件了. 经过分析 发现 是单元格没有加 valign="top" 的原故. 嘿嘿.咧回记得了.[/size]

#isubb#[size=3] 作者：forg 文章来源：媒体中国 点击数：103 更新时间：2005-6-11 标志的意义 在科学技术飞速发展的今天，印刷、摄影、设计和图像传送的作用越来越重要，这种非语言传送的发展具有了和语言传送相抗衡的竞争力量。标志，则是其中一种独特的传送方式。 人们看到烟的上升，就会想到下面有火。烟就是有火的一种自然标记。在通讯不发达的时代，人们利用烟（狼烟）作为传送与火的意义有关联的（如火急、紧急、报警求救等）信息的特殊手段。这种人为的烟，既是信号，也是一种标志。它升得高、散得慢，形象鲜明，特征显著人们从很远的地方都能迅速看到。这种非语言传送的速度和效应，是当时的语言和文字传送所不及的。今天，虽然语言和文字传送的手段已十分发达，但像标志这种令公众一目了然，效应快捷，并且不受不同民族、国家语言文字束缚的直观传送方式，更回适应生活节奏不断加快的需要其特殊作用，仍然是任何传送方式都无法替代的。标志，是表明事物特征的记号。它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除标示什么、代替什么之外，还具有表达意义、情感和指令行动等作用。 标志，作为人类直观联系的特殊方式，不但在社会活动与生产活动中无处不在，而且对于国家、社会集团乃至个人的根本利益。越来越显示其极重要的独特功用。例如：国旗、国徽作为一个国家形象的标志，具有任何语言和文字者难以确切表达的特殊意义。公共场所标志、交通标志、安全标志、操作标志等，对于指导人们进行有秩序的正常活动、确保生命财产安全，具有直观、快捷的功效。商标、店标、厂标等专用标志对于发展经济、创造经济效益、维护企业和消费者权益等具有重大实用价值和法律保障作用。各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体及至个人（图章、签名）等几乎都有表明自己特征的标志，这些标志从各种角度发挥着沟通、交流宣传作用，推动社会经济、政治、科技、文化的进步，保障各自的权益。随着国际交往的日益频繁，标志的直观、形象、不受语言文字障碍等特性极其有利于国际间的交流与应用，因此国际化标志得以迅速推广和发展，成为视觉传送最有效的手段之一，成为人类共通的一种直观联系工具。 标志的起源 标志的来历，可以追溯到上古时代的图腾。那时每个氏族和部落都选用一种认为与自己有特别神秘关系的动物或自然物象作为本氏族或部落的特殊标记（即称之为图腾）。如女娲氏族以蛇为图腾，夏禹的祖先以黄熊为图腾，还有的以太阳、月亮、乌鸦为图腾。最初人们将图腾刻在居住的洞穴和劳动工具上，后来就作为战争和祭祀的标志，成为族旗、族徽。国家产生以后，又演变成国旗、国徽。 古代人们在生产劳动和社会生活中，为方便联系、标示意义、区别事物的种类特征和归属，不断创造和广泛使用各种类型的标记，如路标、村标、碑碣、印信纹章等。广义上说，这些都是标志。在古埃及的墓穴中曾发现带有标志图案的器皿多半是制造者的标志和姓名，后来变化成图案。在古希腊，标志已广泛使用。在罗马和庞贝以及巴勒斯坦的古代建筑物上都曾发现刻有石匠专用的标志，如新月车轮、葡萄叶以及类似的简单图案。中国自有作坊店铺，就伴有招牌、幌子等标志。在唐代制造的纸张内已有暗纹标志。到宋代，商标的使用已相当普遍。如当时济南专造细针的刘家针铺，就在商品包装上印有兔的图形和认门前白兔儿为记字样的商标。欧洲中世纪士兵所戴的盔甲，头盖上都有辨别归属的隐形标记，贵族家族也都有家族的徽记。 到本世纪，公共标志、国际化标志开始在世界普及。随着社会经济、政治、科技、文化的飞跃发展，到现在，经过精心设计从而具有高度实用性和艺术性的标志，已被广泛应用于社会一切领域，对人类社会性的发展与进步发挥着巨大作用和影响。一门新兴的科学--符号标志学应运而生已是历史必然。 标志的特点 1． 功用性 标志的本质在于它的功用性。经过艺术设计的标志虽然具有观赏价值，但标志主要不是为了供人观赏，而是为了实用。标志是人们进行生产活动、社会活动必不可少的直观工具。 标志有为人类共用的，如公共场所标志、交通标志、安全标志、操作标志等；有为国家、地区、城市、民族、家族专用的旗徽等标志；有为社会团体、企业、仁义、活动专用的，如会徽、会标、厂标、社标等；有为某种商品产品专用的商标；还有为集体或个人所属物品专用的，如图章、签名、花押、落款、烙印等，都各自具有不可替代的独特功能。具有法律效力的标志尤其兼有维护权益的特殊使命。 2． 识别性 标志最突出的特点是各具独特面貌,易于识别.显示事物自身特征,标示事物间不同的意义、区别与归属是标志的主要功能。各种标志直接关系到国家、集团乃至个人的根本利益，决不能相互雷同、混淆，以免造成错觉。因此标志必须特征鲜明，令人一眼即可识别，并过目不忘。 3． 显著性 显著是标志又一重要特点，除隐形标志外，绝大多数标志的设置就是要引起人们注意。因此色彩强烈醒目、图形简练清晰，是标志通常具有的特征。 4． 多样性 标志种类繁多、用途广泛，无论从其应用型式、构成形式、表现手段来看，都有着极其丰富的多样性。 其应用形式，不仅有平面的（几乎可利用任何物质的平面），还有立体的（如浮雕、园雕、任意形立体物或利用包装、容器等的特殊式样做标志等）。 其构成形式，有直接利用物象的，有以文字符号构成的，有以具象、意象或抽象图形构成的，有以色彩构成的。多数标志是由几种基本形式组合构成的。 就表现手段来看，其丰富性和多样性几乎难以概述，而且随着科技、文化、艺术的发展，总在不断创新。 5． 艺术性 凡经过设计的非自然标志都具有某种程度的艺术性。既符合实用要求，又符合美学原则，给予人以美感，是对其艺术性的基本要求。一般来说，艺术性强的标志更能吸引和感染人，给人以强烈和深刻的印象。 标志的高度艺术化是时代和文明进步的需要，是人们越来越高的文化素养的体现和审美心理的需要。 6． 准确性 标志无论要说明什么、指示什么，无论是寓意还是象征，其含义必须准确。首先要易 懂，符合人们认识心理和认识能力。 其次要准确，避免意料之外的多解或误解，尤应注意禁忌。让人在极短时间内一目了然、准确领会无误，这正是标志优于语言、快于语言的长处。 7． 持久性 标志与广告或其它宣传品不同，一般都具有长其使用价值，不轻易改动。 标志设计的原则 标志设计不仅是实用物的设计，也是一种图形艺术设计。它与其它图形艺术表现手段既有相同之处，又有自己的艺术规律。它必须体现前述的特点，才能更好地发挥其功能。 由于对其简练、概括、完美的要求十分苛刻，即要成功到几乎找不至更好的替代方案的程度，其难度比之其它任何图形艺术设计都要大得多。 1．设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。 2．设计须充分考虑其实现的可行性，针对其应用型式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式（如印刷、广告、映像等）或放大、缩小时的视觉效果。 3．设计要符合作用对象的直观接受能力、审美意识、社会心理和禁忌。 4．构思须慎重推调皮，力求深刻、巧妙、新颖、独特，表意准确，能经受住时间的考验。 5．构图要凝练、美观、适形（适应其应用物的形态）。 6．图形、符号既要简练、概括，又要讲究艺术性。 7．色彩要单纯、强烈、醒目。 8． 遵循标志艺术规律，创造性的探求恰切的艺术表现形式和手法，锤炼出精当的艺术语言使设计的标志具有高度整体美感、获得最佳视觉效果，是标志设计艺术追求的准则。 标志艺术规律 标志艺术除具有一般设计艺术规律（如装饰美、秩序美等）之外，还有独特的艺术规律。 1．符号美 标志艺术是一种独具符号艺术特征的图形设计艺术。它把来源于自然、社会以及人们观念中认同的事物形态、符号（包括文字）、色彩等，经过艺术提炼和加工，使之结构成具有完整艺术性的图形符号，从而区别于装饰图和其它艺术设计。 标志图形符号在某种程度上带有文字符号式的简约性、聚集性和抽象性，甚至有时直接利用现成的文字符号，但却完全不同于文字符号。它是以图形形式体现的（现成的文字符号须经图形化改造），更具鲜明形象性、艺术性和共识性的符号。 符号美是标志设计中最重要的艺术规律。标志艺术就是图形符号艺术。 2．特征美 特征美也是标志艺术独特的艺术特征。 标志图形所体现的不是个别事物的个别特征（个性），而是同类事物整体的本质特征（共性），或说是类别特征。通过对这些特征的艺术强化与夸张，获得共识的艺术效果。这与其它造型艺术通过有血有肉的个性刻划获得感人艺术效果是迥然不同的。 但它对事物共性特征的表现又不是千篇一律和概念化的，同一共性特征在不同设计中可以而且必须各具不同的个性形态美，从而各具独特艺术魅力。 3．凝练美 构图紧凑、图形简练，是标志艺术必须遵循的结构美原则。标志不仅单独使用，而且经常用于各种文件、宣传品、广告、映像等视觉传播物之中。具有凝练美的标志，不仅在任何视觉传播物中（不论放得多大或缩得多小）都能显现出自身独立的完整的符号美，而且还对视觉传播物产生强烈的装饰美感。凝练不是简单，凝练的结构美只有经过精到的艺术提练和概括才能获得。 4．单纯美 标志艺术语言必须单纯而又单纯，力戒冗杂。一切可有可无、可用可不用的图形、符号、文字、色彩坚决不用；一切非本质特征的细节坚决剔除；能用一种艺术手段表现的就不用两种；能用一点一线一色表现的决不多加一点一线一色。高度单纯而有又具有高度美感，正是标志设计艺术难度之所在。 标志设计的表现手段 标志设计的表现手段极其丰富多样，并且不断发展创新，仅举常见手段概述如下： 标志构思手法 1、表象手法：采用与标志对象直接关联而具典型特征的形象，直述标志目瞪口呆的。这种手法直接、明确、一目了然，易于迅速理解和记忆。如表现出版业以书的形象、表现铁路运输业以火车头的形象、表现银行业以钱币的形象为标志图形等等。 2、象征手法：采用与标志内容有某种意义上的联系的事物图形、文字、符号、色彩等，以比喻、形容等方式象征标志对象的抽象内涵。如用交叉的镰刀斧头象征工农联盟，用挺拔的幼苗象征少年儿童的茁壮成长等。象征性标志往往采用已为社会约定俗成认同的关联物象作为有效代表物。如用鸽子象征和平，用雄狮、雄鹰象征英勇，用日、月象征永恒，用松鹤象征长寿，用白色象征纯洁，用绿色象征生命等等。这种手段蕴涵深邃，适应社会心理，为人们喜闻乐见。 3、寓意手法：采用与标志含义相近似或具有寓意性的形象，以影射、暗示、示意的方式表现标志的内容和特点。如用伞的形象暗示防潮湿，用玻璃杯的形象暗示易破碎，用箭头形象示意方向等。 4、模拟和法：用特性相近事物形象模仿或比拟所标志对象特征或含义的手法。如日本全日空航空公司采用仙鹤展翅的形象比拟飞行和祥瑞，日本佐川急便车采用奔跑的人物形象比拟特快专递等。 5、视感手法：采用并无特殊含义的简洁而形态独特的抽象图形、文字或符号，给人一种强烈的现代感、视觉冲击感或舒适感，引起人们注意并难以忘怀。这种手法不靠图形含义而主要靠图形、文字或符号的视感力量来表现标志。如日本五十铃公司以两个棱形为标志，李宁牌运动服将拼音字母L横向夸大为标志等。为使人辨明所标志的事物，这种标志往往配有少量小字，一旦人们认同这个标志，去掉小字也能辨别它。 标志图形表现形式 1．具象形式：基本忠实于客观物象的自然形态，经过提炼、概括和得化，突出与夸张其本质特征，作为标志图形。这种形式具有易识别的特点。 2．意象形式：以某种物象的形态为基本意念，以装饰的、抽象的图形或文字符号来表现的形式。如中国民航的标志图形就是以凤凰形态为意念，以抽象图形来表现的。这种形式往往更高的艺术格调和现代感。 3．抽象形式：以完全抽象的几何图形、文字或符号来表现的形式。这种图形往往具有深邃的抽象含义、象征意味或神秘感。如联想集团的标志用方中套园几何图形来象征博大深远的联想空间。也可没有更深刻含义仅表特征的，如夸大英文名称（或拼音字句称）的字头等。这种形式往往具有更强烈的现代感和符号感，易于记忆。 标志构成的表现手法 1．秩序化手法：均衡、均齐、对称、放射、手大或缩小、平行或上下移动、错位等有秩序、有规律、有节秦有韵律地构成图形，给人以规整感。 2．对比手法：色与色的对比，如黑白灰、红黄蓝等；形与形的对比，如大中小、粗与细、方与园、曲与直、横与竖等，给人以鲜明感。 3．点线面手法：可全用大中小点构成，阴阳调配变化；也可全用线条构成，粗细方园曲直错落变化；也可纯粹用块面构成；也可点线面组合交织构成，给人以个性感和丰富感。 4．矛盾空间手法：将图形位置上下左右正反颠倒、错位后构成特殊空间，给人以新颖感。 5．共用形手法：两个图形合并在一起时，相互边缘线是共用的，仿佛你中有我，我中有你，从而组成一个完整的图形（1+1=1），如太极图的阴阳边缘线共用，a中间套个地球，a的内沿线与地球边线共用等，给人以奇异感。 前列仅为常见手法，设计中还需不断发现和创造成新手法。 有了好的构思，好的表现形式和手法，如忽略整体的美感，也是不完美的。一个成功的标志，既要有独创性，又须具有强烈的艺术美。[/size]

#isubb#翻译：阿捷 原文作者：Roger Johansson 作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名 原文出处：www.456bereastreet.com 原文发表时间：2005年3月15日 阿捷说明：此文原名"CSS tips and tricks"，有2篇，我将它们合并翻译在本文中。 最近，经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。 本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。 三.区分大小写 当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。 四.取消class和id前的元素限定 当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如： div#content { /* declarations */ } fieldset.details { /* declarations */ } 可以写成 #content { /* declarations */ } .details { /* declarations */ } 这样可以节省一些字节。 五.默认值 通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样： * { margin:0; padding:0; } 六.不需要重复定义可继承的值 CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。但是要注意，浏览器可能用一些默认值覆盖你的定义。 七.最近优先原则 如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码 Update: Lorem ipsum dolor set 在CSS文件中，你已经定义了元素p，又定义了一个class"update" p { margin:1em 0; font-size:1em; color:#333; } .update { font-weight:bold; color:#600; } 这两个定义中，class="update"将被使用，因为class比p更近。你可以查阅W3C的《 Calculating a selector’s specificity》 了解更多。 八.多重class定义 一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10 px的边框。 .one{width:200px;background:#666;} .two{border:10px solid #F00;} 在页面代码中，我们可以这样调用 这样最终的显示效果是这个div既有#666的背景，也有10px的边框。是的，这样做是可以的，你可以尝试一下。 九.使用子选择器(descendant selectors) CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码： 这段代码的CSS定义是： div#subnav ul { /* Some styling */ } div#subnav ul li.subnavitem { /* Some styling */ } div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ } div#subnav ul li.subnavitemselected { /* Some styling */ } div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ } 你可以用下面的方法替代上面的代码

• Item 1
• Item 1
• Item 1

样式定义是： #subnav { /* Some styling */ } #subnav li { /* Some styling */ } #subnav a { /* Some styling */ } #subnav .sel { /* Some styling */ } #subnav .sel a { /* Some styling */ } 用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。 十.不需要给背景图片路径加引号 为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如： background:url("images/***.gif") #333; 可以写为 background:url(images/***.gif) #333; 如果你加了引号，反而会引起一些浏览器的错误。 十一.组选择器(Group selectors) 当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。 例如：定义所有标题的字体、颜色和margin，你可以这样写： h1,h2,h3,h4,h5,h6 { font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif; color:#333; margin:1em 0; } 如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如： h1 { font-size:2em; } h2 { font-size:1.6em; } 十二.用正确的顺序指定链接的样式 当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺序，正确的顺序是：:link :visited :hover :active。抽取第一个字母是"LVHA"，你可以记忆成"LoVe HAte"(喜欢讨厌)。为什么这么定义，可以参考Eric Meyer的《Link Specificity》。 如果你的用户需要用键盘来控制，需要知道当前链接的焦点，你还可以定义:focus属性。:focus属性的效果也取决与你书写的位置，如果你希望聚焦元素显示:hover效果，你就把:focus写在:hover前面；如果你希望聚焦效果替代:hover效果，你就把:focus放在:hover后面。 十三.清除浮动 一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。 通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear: both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《How To Clear Floats Without Structural Markup》(注：本站将尽快翻译此文)。 上面2种方法可以很好解决浮动超出的问题，但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办？一种简单的方法就是用overflow属性，这个方法最初的发表在《Simple Clearing of Floats》，又在《Clearance》和《Super simple clearing floats》中被广泛讨论。 上面那一种clear方法更适合你，要看具体的情况，这里不再展开论述。另外关于float的应用，一些优秀的文章已经说得很清楚，推荐你阅读：《Floatutorial》、《Containing Floats》和《Float Layouts》 十四.横向居中(centering) 这是一个简单的技巧，但是值得再说一遍，因为我看见太多的新手问题都是问这个：CSS如何横向居中？你需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样： 你可以这样定义使它横向居中： #wrap { width:760px; /* 修改为你的层的宽度 */ margin:0 auto; } 但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性。就象这样： body { text-align:center; } #wrap { width:760px; /* 修改为你的层的宽度 */ margin:0 auto; text-align:left; } 第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。 十五.导入(Import)和隐藏CSS 因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如： @import url("main.css"); 然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法： @import "main.css"; 这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明，可以看这里《centricle’s css filter chart》 十六.针对IE的优化 有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE7 beta版里是否更好的支持CSS，这两种方法都是最安全的。 1.注释的方法 (a)在IE中隐藏一个CSS定义，你可以使用子选择器(child selector): html>body p { /* 定义内容 */ } (b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏) * html p { /* declarations */ } (c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用"反斜线"技巧： /* \*/ * html p { declarations } /* */ 2.条件注释(conditional comments)的方法 另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样： 十七.调试技巧：层有多大？ 当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。 另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。 十八.CSS代码书写样式 在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式： selector1, selector2 { property:value; } 当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。 我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好。 最后，关闭的大括号}单独写一行。 空格和换行有助与阅读。

作者：cancan

以前在上广的时候就被总监骂，说我的字体应用得非常有问题，当时死不悔改，觉得自己做得还算不错吧。现在看看以前的东西"觉悟"了，那时怎么会用那样的字体呢……字体说话，一句一句来。

很多LOGO的字体都是标志设计师专门设计的，所以不要问比如"中国银行的中文书法字体叫什么？"这样的问题。但是很多国际公司都有自己专用的一套字体，比如迪斯尼。品牌字体这里有一些 ：http://www.typenow.net/themed.htm

有些图片上的字体你很喜欢很想知道它是什么什么字体，这个网站可以告诉你答案。上传包含你喜欢字体的图片，剩下的问题它帮你解决，仅限于英文：http://www.myfonts.com/WhatTheFont/

将下载的字体文件拷到/控制面板/字体文件夹下面就可以安装好字体。更好的办法是你把字体放在非系统盘里面自建的Font文件夹内，安装的时候进入/控制面板/字体，点菜单文件/安装新字体/找到你需要安装字体的路径，然后将"将字体复制到 Fonts 文件夹(C)"前面的选项去掉。两个好处：第一、系统崩溃，自己辛苦安装的字体都还在其他盘保存着；第二、系统干净速度快。

如果你需要知道自己安装的字体都是什么样的效果，可以使用 AMP Font Viewer 这个软件，一款小巧精悍但功能强大的纯绿色字体管理工具。你自己定义示例文本，然后你安装的各种字体效果就依次排队出现你的面前，这是我最喜欢的功能。当然还有其他很不错的功能，你可以慢慢去发现。

对应的还有一个在线的字库浏览器，不用字库字体下载，直接输入文字就可以查看各种字体显示的效果，是字体下载前的查询工具。换句话说你可以把它可以当成字体字形查询的字典和字帖使用 ：http://www.youmade.com/font/

一个功能十分强大的中文字体搜索引擎，看看除了电脑字库，中文字还可以怎么写，不但搜出来关键词的许多艺术字体 、书法字体、英文字体等，还有许多关键词相关的logo资源 ：http://ziti.cndesign.com/

字体的选择是严肃而又复杂的工作，在目前字库已经多得已经让你无法适从地状态下，需要的是敏锐的目光和清醒的头脑，人云亦云或是哗众取宠都不可能是到达目标的方式。于是有人写了"四大英文滥用字体 "和"四大中文滥用字体 "。非常客观和有启发的观点，推荐。

字库多得让你无法选择，这时你应该多用用几种经典的字体，慢慢就能掌握好调性。我来推荐一下几种：Verdana、Helvetica、Trebuchet、Gill Sans、Futura、Georgia、Times、Palatino、Garamond、Optima等都是非常优秀的字体。中文里面还是出于传统的几种字体比如各种黑体、宋体、楷体、圆体、等线体等都是非常耐看的基础字体，多用用可以把握它们的调性和气质，这对于编排是非常有帮助的。

书法字体和手写字体以及自己设计的字体是对字体过于雷同的一种好的解决方法，某些特别的版面上，使用这种很自我的字体能让版面产生灵气和个性。有关编排的延伸阅读：http://www.blueidea.com/design/doc/2005/2674_2.asp

这是一个常识问题，中文编排中的数字以及英文字母等最好使用英文字体，因为一般来说中文字库中的数字和英文字体都相当难看。

推荐字体下载站点---英文字体 ：http://fonts.goldenweb.it/index_file/l/it 中文字体 ： http://www.xfbbs.com/Font/

后缀的选择:
.com
 .com的注册量绝对第一,如果你要注册的域名.com空着的话,那么它基本上应该作为你的首选.如果把一系列域名后缀看作你要收集的一套邮票的话,.com 无疑是其中最难收集的一枚,因而它的价值也最高.当之无愧的域名后缀之王,缺点是现在已经很难注册到好的名字--大都被抢光了.
.net
曾经有人说过,选择.com是因为它的价值,选择.org 是因为它的使用价值..net 在这里就难免处于一个比较尴尬的境地,一般的公司对这种后缀兴趣不大. 但是如果建个人站点自用,那这是最值得推荐的一款后缀..net 在中国还有另外一项好处,就是我们已经习惯了把某个网站叫做XXXX网,这样用.net 显得就很名正言顺,容易被接受.
.net域名一般留给有网络背景的公司。虽然任何一家公司都可以注册，但这极容易引起混淆，使访问者误认为访问的是一家具有网络背景的公司。企业防止他人抢注造成损失的一个解决办法是，对.net域名进行预防性注册，但不用作企业的正规域名。
.org
资源较上面两个都要丰富的多,不过不像.net 和.com ,.org 没有商业性,个人感觉如果是想做域名投资的话,.org 没有什么太大的前途,但是他也有自己的用途,就是非赢利性组织,比如说清华的校友网就是www.tsinghua.org.cn, 合适的就是最好的,像这种校友录一类的站点,如果用.com不免铜臭味太重了.
.biz
是business 的简写,可以看作是通俗化的.com,没有.com 正规,有俚语的味道,大概相当于我们说的'买卖'
.name
个人域名,数字不能注,有人正在用的三级域名, 那该二级域名也不能注册.
.info
这个域名好像老外比较喜欢,info 是infomation 的缩写
.pro
医师、律师等专业人士专属域名,属于那种有特殊意义的域名,适用面不广,但对于这类职业的人士来说,不啻是一个不错的选择.
.cn
中国国家域名,禁止以个人身份注册,不过你可以挂靠在域名服务商的公司名义下(不建议这样做). 一般有三种3级域名可以选择,.com.cn,.net.cn和,org.cn ,很多公司比较喜欢com.cn 而放出.cn 不用,cn 最近有一次大降价,20元左右就可以注到.
其他国家域名
一些有意义的后缀比如.us.in.to.ws 和所在国家比较有实力的国家域名比较热门,注册费一般比较高,有一些这类域名可以做相当巧妙的转发域名,比如go.to 和i.am

名称的选择:
域名名称的选择是很重要的,一个好域名本身就是一个品牌,很多人喜欢用 type-in这种说法,就是说一个人在没有任何提示的情况下会尝试去登陆你的域名,最典型的例子莫过于www.sex.com,几乎不需要做什么宣传就能带来巨大流量.

当然能够有type-in的终归是稀缺资源,更多的人还是自己起一些有自己创意的名字, 域名应该是好记并且和网站的内容关联度高,因为越短的域名越容易记忆,所以可以说域名越短越好,不过这里这个因果关系要想清楚,容易记忆是重点. 名字长短是次要的.

如果选域名作长线投资,域名长短的重要性会高一些,毕竟长短是个硬件,而意义是软件,域名短的更具有潜力相,名称短就意味着可塑性强,比如说sedo 上曾经看到过这样一个例子,一个人起了一个域名,却因为域名的另外一种解释卖了出去,这种情况在短域名的情况下更容易出现.

在domain 交易论坛上经常看到很多人解释自己域名是怎样怎样的含义, 如果一个域名需要解释,那它在信息传递方面不免弱了一筹. 一个名字至少让看到的人第一眼就知道它是什么意思,比如 www.cosylink.com ,但并不是最好认的就是最适合的,比如像 www.pig.com [这个域名好像正在出售],好认是好认, 但也许就是因为它太familar了,所以很难向来客传递其所有者的个性信息.

大一些公司一般喜欢使用含义比较抽象的短域名,可塑性很强,比如lenovo,读起来也不顺口,易记性还不如我的filalu,但是凭借强大的营销能力可以建立稳定的品牌; 营销能力比较弱些的公司比较喜欢使用那些寓义比较明显的域名,比如上面的cosylink.

使用合适的缩写作为前缀后缀可以有效的缩短域名长度,前缀如e-表示电子  www.ebank.com, 后缀如 -er表示人 www.pkuer.net [不要告诉我你不知道pku 是什么意思--这也是一个缩写],常用的前缀有e、i、net,pro. 后缀有er,net、web、line,link等, 不建议使用横线,除非如果不使用横线会出现词义混淆.

用汉语拼音作为域名,目前国内的企业大部分都是采用这种方式,比如haier,www.changhong.com,这样比较容易被国人记住,但是汉语拼音因为实在太多了,并且翻译成中文本身就多了一层过滤,很难让别人感觉得到你的优势.
 
另外,注册要小心不要注册到成名公司的商标,非常有名的站点比如google 的误敲名字(某一个字母由其键盘上相邻的另外一个字母代替)也是受保护的.但是这也不绝对,毕竟和成名企业相关相似的域名一般会带来很稳定的流量,[前段时间download的三个误拼域名卖了一个高价],并且相似也是一个很主观的概念,看个人把握了,前段时间注册了一个域名是 www.ali99.com, 打的是 ali88的擦边球. :)毕竟和成名品牌相似很容易被来客记住和接受...

最后更正一个概念,比如 www.google.com,这是一个主机名,google.com 才是域名.很多人容易搞混.

#isubb# <-- 说明: 这里所提的技巧主要是减少文件的大小,一定程度上也确实会提高 浏览器处理页面的速度, 有些不符合标准的写法,比如option的简写 过于取巧,因此没有收录 --> 1. 尽量不使用Word编写HTML页面 2. Dreamweaver可以自动优化HTML代码,当然效果不会是尽善尽美的 3. 去除可有可无的内容,这包括: .a 删除多余空格 .b 删除空语句(比如 .c 删除对默认属性的赋值(align=left,valign=middle,size=3,target=_self) .d 不过分使用缩进 4. 使用自建的属性作为注释: 浏览器不会处理非标准的属性,因此可以利用这一点加上注释 比如可以被替换成: 不会有任何问题 5. 用一个代替语句 6. 用

代替
• 比如:
  • 目录1
  • 目录2 ...
  7. 用
  语句使小字号文字的行距恢复正常 在一段文字的后面,添加一个
  语句,即可使最后两行之间的行距恢复正常 8. 用短语句替换网页效果相同的长语句 --> --> -->
  -->

  9. color属性建议使用英文单词,特殊字符建议采用英文单词编码 10. 同时使用高,低分辨率图像: (netscape) 使用分割图像技术,使得浏览器逐块显式图像 11. 保存GIF图像时使用Interlaced模式,使得图像一条一条显式 12. 将一个大表格拆分成多个小表格,可以依次显式大表格的一部分,避免浏览器 要等待所有表格数据下载完才显式 13. 有时可以使用

  和

  代替表格对齐    
      如:
      
      Name:    
      Email:   
      ...
      
  
  14. 优先使用100%宽度的表格,加速浏览器显式
  
  15. 将align=center/right属性,valign=bottom/top属性放入语句中
  
  16. 几个有用的header属性:
      
      
      
  
  17. 用将绝对网址转换为相对网址,可以放在header中,对所有链接有效
  
  18. 用history.back()加快网页后退速度
  
  19. 不要让访问者知道js代码发生错误
      
  
  20. 用css将汉字的大小固定:
      ...
      或者:
      
      ...
      较大的汉字建议使用12pt,较小的使用9pt
  
  21. 将一组相同属性的css语句合并成一条,如：
      
      可以替换成:
      
  
  22. 尽量采用css语句的简化写法
      根据css的语言规则，可以使用一概新的font属性，将原来多个属性的内容作为
      新的font属性的内容。每项之间用一概和多个空格分开，比如：
      
      可以用以下写法代替:
      
      关键是属性的顺序不能搞错。
      还有8个支持这种写法的属性是:
      background,border,border-bottom,border-left,border-right,border-top,list-style,outline
      
  23. 将email地址转换成16进制编码，防止某些程序的恶意检索
      .a 将ZZZ加入document.write("
         eval(unescape("MY ENCODED STRING"))