<![CDATA[Waiting 吧]]> http://www.waitingba.com/ zh-cn PBlog2 v2.4 Waiting 吧 http://www.waitingba.com/images/logos.gif http://www.waitingba.com/ Waiting 吧 http://www.waitingba.com/article.asp?id=145 <![CDATA[IE7和IE8的CSS样式不兼容]]> eric.csa@163.com(午夜鬼魅) Sun,04 Apr 2010 02:09:30 +0800 http://www.waitingba.com/default.asp?id=145
1、起始座標位置

先天上，IE 7与IE 8在预设网页版面的起始位置就不同，以下面的代码来说，在IE 7及IE 8上启始的位置就有差异。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:100px;width:200px; border: solid 1px black">
<div>
<a href="http://www.hinet.net">Hinet</a>
</div>
</div>
</body>
</html>

不过由于是整个偏移，对网页的影响相当小。

2、DIV中的P

下面的执行结果呈现了IE 7及IE 8在处理DIV中的P之差异性。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:100px;width:200px; border: solid 1px black">
<div>
<p>TEST Font</p>
</div>
</div>
</body>
</html>

很明显的，IE 8中对于DIV中的P预设位置与IE 7不同，IE 7是将margin-top预设为0px，排在最上方，，IE 8却未预设margin-top，

解决方法是将margin-top加上。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:100px;width:200px; border: solid 1px black">
<div>
<p style="margin-top:0px">TEST Font</p>
</div>
</div>
</body>
</html>

(IE 8 With margin-top)

3、负数margin

许多网页设计师常常以负数的margin来定位HTML元素的位置，目的是让该元素与图形对齐，IE 7及IE 8对于负数的解释有蛮大的差异性。

程式4

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:100px;width:200px; border: solid 1px black">
<div style="background-color:Red;margin: -5px 6px 7px 8px">
<a href="http://www.hinet.net" >Hinet</a>
</div>
</div>
</body>
</html>

由比较图可看出，IE 7遭遇负数时，并不会移出DIV的范围，而IE 8会，在笔者撰写本文之时，大多数的不相容IE8网页错误都源自于此。

4、Table With Border Style

元素的Layout在每个浏览器上都会有些许差异的表现，下面的代码是一个在IE 7及IE 8上呈现相异的范例。 Table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<table style="border: double 7px green">
<tr>
<td style="border: double 1px green">a</td>
<td style="border: double 1px green">a</td>
<td style="border: double 1px green">a</td>
</tr>
<tr>
<td style="border: double 1px green">a</td>
<td style="border: double 1px green">a</td>
<td style="border: double 1px green">a</td>
</tr>
<tr>
<td style="border: double 1px green">a</td>
<td style="border: double 1px green">a</td>
<td style="border: double 1px green">a</td>
</tr>
</table>
</body>
</html>

很明显的，IE 7的border宽度计算比IE 8高，不过由于这是整体偏移，加上我们很少会设定太大的border宽度，影响程度几乎等于0。

5、bottom、top

当使用绝对位置时，IE 7与IE 8会产生些许的偏移，这些偏移是整体性的，所以影响很小

例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:100px;width:200px; border: solid 1px black">
<div style="background-color:Red; bottom:5px; top:5px; position:absolute;height:40px" >
TEST
</div>
</div>
</body>
</html>

很难看出来吧，因为偏移很小，不过确实是偏移了。

6、li + float

UL、LI加上float，在IE 7于IE 8有相当大的差异，见：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div>
<div>
<ul>
<li style="cursor: hand;float:left; " >
TEST1 </li>
<li style="cursor: hand;float:left; ">
TEST2 </li>
<li style="cursor: hand;float:left; ">
TEST3 </li>
<li style="cursor: hand;float:left; ">
TEST4 </li>
<li style="cursor: hand;float:left; ">
TEST5 </li>
</ul>
</div>
</div>
</body>
</html>

在IE 7上，LI的项目符号被取消了，而在IE 8上则正常显示，但却因为是float，所以后面的项目符号盖到前一项目了。修改为程式8的模样后

，两者就趋近相同了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div>
<div>
<ul style="list-style-type:none">
<li style="cursor: hand;float:left; " >
TEST1 </li>
<li style="cursor: hand;float:left; ">
TEST2 </li>
<li style="cursor: hand;float:left; ">
TEST3 </li>
<li style="cursor: hand;float:left; ">
TEST4 </li>
<li style="cursor: hand;float:left; ">
TEST5 </li>
</ul>
</div>
</div>
</body>
</html>

在尝试寻找CSS相异点时，许多网站都有这类问题，因为我们常用这种手法来处理页签类的显示。

PS: list-style-type在IE7时，只要li是float，就会被完全忽略。

7、div + height with ul and image

当DIV设定了固定大小，而内容超出所定大小，然后后方跟着IMG时，在IE 7及IE 8会有相当大的差异。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div>
<div style="width:300px;height:22px; margin-top:5px">
<ul style="list-style-type:none">
<li style="cursor: hand;float:left; " >
TEST1 </li>
<li style="cursor: hand;float:left; ">
TEST2 </li>
<li style="cursor: hand;float:left; ">
TEST3 </li>
<li style="cursor: hand;float:left; ">
TEST4 </li>
<li style="cursor: hand;float:left; ">
TEST5 </li>
<li style="cursor: hand;float:left; ">
TEST6 </li>
</ul>
</div>
<a href="http://www.hinet.net>">
<img src="21565.jpg" width="300px" height="200px" />
</a>
</div>
</body>
</html>

很明显的，IE 7会尊重DIV所制定的大小来安排后面的IMG位置，所以在图14上看不出有何问题，但是在IE 8里，当内容超出制定大小时，

IMG位置会顺移开，所以就造成了此问题。在实务上，这算是相当常见的相容性错误。

解决方法很简单，将要被盖住的那个LI移掉就好了，这本来就是错误的设计。

8、p的子控件对齐

有些网页设计师习惯使用P加上子控件来描绘单行输入+按纽的样式，这些网页在IE 8上会有或许的差异，如果里面使用的IMG太多，

差异就会大到很难忽视。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<p>
<input type="text" />
<img src="add2.png" height="16px" width="16px" />
</p>
</body>
</html>

很明显，IE 7会对IMG置中于P，但IE 8不会。这类问题很难解决，需要透过CSS判断IE版本来提供不同的CSS，让两者趋近相同。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!--[if gte IE 8]>
<style type="text/css">
.c1
{
position:relative;top:3px
}
</style>
<![endif]-->
<!--[if lt IE 8]>
<style type="text/css">
.c1
{

}
</style>
<![endif]-->
</head>
<body>
<p>
<input type="text"/>
<img src="add2.png" height="16px" width="16px" class="c1" />
</p>
</body>
</html>]]> http://www.waitingba.com/article.asp?id=144 <![CDATA[古典韵味的MM照片]]> eric.csa@163.com(午夜鬼魅) Sat,19 Dec 2009 16:36:05 +0800 http://www.waitingba.com/default.asp?id=144



效果图：



1、打开原图复制一份。

2、选择菜单：图像 > 应用图像，选择蓝通道，混合选项为滤色，再点选蒙版选项，选择红通道。

3、创建通道混合器调整图层，对蓝色通道进行设置，参数为：-112，+194，+8，0。

4、新建一个图层填充颜色：#CABE6E，然后点通道面版，按Ctrl点红色通道调出红色通道选区，然后回到图层面版，按蒙版按钮把选区加为蒙版，再把图层不透明度改为：40%.

5、先建一个图层按Ctrl + Alt + Shift + E盖印图层，选择菜单：图像 > 应用图像。通道选择RGB，混合模式选择为“正片叠加”，点选反相，再点选蒙版选项，选择红通道。

6、创建色彩平衡调整图层，参数设置：中间调：+18，+14，+22；暗调：-13，+6，0。不选择报纸亮度。

7、创建色阶调整图层，参数设置：0，108，230。

8、先建一个图层按Ctrl + Alt + Shift + E盖印图层，选择菜单：图像 > 应用图像，选择红通道与RGB通道以正片叠底混合模式，点选蒙版选择红通道。不透明度设为51%，确定后使用Topaz滤镜锐化一下，完成最终效果。
]]> http://www.waitingba.com/article.asp?id=143 <![CDATA[糖水片的详细制作]]> eric.csa@163.com(午夜鬼魅) Sat,19 Dec 2009 16:28:56 +0800 http://www.waitingba.com/default.asp?id=143


效果图：




第一步：转入LAB模式 复制A通道至B通道 然后改变模式为屏幕（现在cs版本里叫虑色） 不透明度自定.




第二步:新建曲线调整层 对A通道进行调整，B通道可有可无 看图.






第三步：新建色阶层 对A通道调整."




第四步：转回RGB 磨皮. 我用滴软件磨滴




第五步：新建可选颜色层 着重对红色 黄色 青色进行调整 .. 看图








第六步：新建色相饱和度层 整体加饱和 黄色减饱和.






第七步：调整曲线 加强对比 最后修饰下细节 合层收工. （注：本次调整的具体数值仅限本片）.





]]> http://www.waitingba.com/article.asp?id=140 <![CDATA[CSS兼容IE6,IE7,FF的技巧]]> eric.csa@163.com(午夜鬼魅) Fri,18 Dec 2009 17:58:31 +0800 http://www.waitingba.com/default.asp?id=140 以下两种方法几乎能解决现今所有HACK.翻阅很多资料，已测试可以使用。

1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

PLAIN TEXT
CSS:

#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}

2, IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

PLAIN TEXT
CSS:

#wrapper
{
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
}

注意:
*+html 对IE7的HACK 必须保证HTML顶部有如下声明：

PLAIN TEXT
HTML:

&lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”　”http://www.w3.org/TR/html4/loose.dtd”&gt;
二、万能 float 闭合(非常重要!)

关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽.

PLAIN TEXT
CSS:

/* Clear Fix */

.clearfix:after{
content:“.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
三、其他兼容技巧(再次啰嗦)

1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)
2, 居中问题.
1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)
2).水平居中. margin: 0 auto;(当然不是万能)
3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签)
4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.
5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)
6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.
7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.

1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：

PLAIN TEXT
CSS:

#1 { color: #333; } /* Moz */
* html #1 { color: #666; } /* IE6 */
*+html #1 { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。

2 css布局中的居中问题
主要的样式定义如下：

PLAIN TEXT
CSS:

body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
说明：
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。
但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，
只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

3 盒模型不同解释.

PLAIN TEXT
CSS:

#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}
#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}
4 浮动ie产生的双倍距离

PLAIN TEXT
CSS:

#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,…不可控制(内嵌元素);

PLAIN TEXT
CSS:

#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的的效果 diplay:table;
5 IE与宽度和高度的问题

IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，
正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。
比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：

PLAIN TEXT
CSS:

#box{ width: 80px; height: 35px;}html&gt;body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
6 页面的最小宽度

min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，
而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类：
然后CSS这样设计：

PLAIN TEXT
CSS:

#container{ min-width: 600px; width:e­xpression(document.body.clientWidth &lt;600? “600px”: “auto” );}
第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

7 清除浮动

PLAIN TEXT
CSS:

.hackbox{ display:table; //将对象作为块元素级的表格显示}或者.hackbox{ clear:both;}
或者加入:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，
所以并不影响到IE/WIN浏览器。这种的最麻烦的……

PLAIN TEXT
CSS:

#box:after{ content: “.”; display: block; height: 0; clear: both; visibility: hidden;}
8 DIV浮动IE文本产生3象素的bug

左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.

PLAIN TEXT
CSS:

#box{ float:left; width:800px;}#left{ float:left; width:50%;}#right{ width:50%;}*html #left{ margin-right:-3px; //这句是关键}
HTML代码&lt;div id=“box”&gt; &lt;div id=“left”&gt;&lt;/div&gt; &lt;div id=“right”&gt;&lt;/div&gt;&lt;/div&gt;
9 属性选择器(这个不能算是兼容,是隐藏css的一个bug)

PLAIN TEXT
CSS:

p[id]{}div[id]{}
这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用
属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.

10 IE捉迷藏的问题

当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。
有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。
解决办法：对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。

11 高度不适应

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用
margin 或paddign 时。
例：

PLAIN TEXT
CSS:

&lt;div id=“box”&gt;
&lt;p&gt;p对象中的内容&lt;/p&gt;
&lt;/div&gt;
CSS：#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。

网页常用代码-未整理
27 Jun, 2008 No Comment

如内容超出单元格，则隐藏
style=”TABLE-LAYOUT: fixed”

让弹出窗口总是在最上面: <body onblur=”this.focus();”>
不要滚动条? 让竖条没有: <body style=’overflow:scroll;overflow-y:hidden’> </body>
让横条没有: <body style=’overflow:scroll;overflow-x:hidden’> </body>
两个都去掉？更简单了 <body scroll=”no”> </body>
怎样去掉图片链接点击后，图片周围的虚线？ <a href=”#” onFocus=”this.blur()”><img src=”logo.jpg” border=0></a>
电 子邮件处理提交表单 <form name=”form1″ method=”post” action=”mailto:****@***.com” enctype=”text/plain”> <input type=submit> </form>
在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload()
如何设定打开页面的大小 <body onload=”top.resizeTo(300,200);”>
在 页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 <html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties=”fixed” > </body> </html>

各种样式的光标 auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize

本机ip<%=request.servervariables(”remote_addr”)%>
服务器名<%=Request.ServerVariables(”SERVER_NAME”)%>
服务器IP<%=Request.ServerVariables(”LOCAL_ADDR”)%>
服务器端口<%=Request.ServerVariables(”SERVER_PORT”)%>
服务器时间<%=now%> IIS
版本<%=Request.ServerVariables”SERVER_SOFTWARE”)%>
脚本超时时间<%=Server.ScriptTimeout%>
本文件路径<%=server.mappath(Request.ServerVariables(”SCRIPT_NAME”))%>
服务器CPU数量<%=Request.ServerVariables(”NUMBER_OF_PROCESSORS”)%>
服 务器解译引擎<%=ScriptEngine & “/”& ScriptEngineMajorVersion &”.”&ScriptEngineMinorVersion&”.”& ScriptEngineBuildVersion %>
服务器操作系统<%=Request.ServerVariables(”OS”)%>

文本竖排方式
<style type=”text/css”>
<!–
.shupai {Writing-mode:tb-rl}
–>
</style>
超链接去虚线边框
在链接中加上onfocus=”this.blur()”

网页搜索关键字 头里插入
<META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”>

收藏夹图标
<link rel = “Shortcut Icon” href=”favicon.ico”>

我的电脑
file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}
网上邻居
file:///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D%7D
我的文档
file:///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103%7D
控制面板
file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/::{21EC2020-3AEA-1069-A2DD-08002B30309D}
回收站
file:///::%7B645FF040-5081-101B-9F08-00AA002F954E%7D

鼠标控制图片隐现效果
把如下代码加入＜body＞区域中：
<SCRIPT language=”javascript”>
<!–
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//–>
</SCRIPT>
2、把如下代码加入＜body＞区域中：
<img src=”2.gif” style=”filter:alpha(opacity=20)”
onMouseOver=”makevisible(this,0)”
onMouseOut=”makevisible(this,1)”>

禁止图片下载
<A HREF=”javascript:void(0)” onMouseover=”alert(’对不起,此图片不能下载!’)”>
<IMG SRC=”2.gif” Align=”center” Border=”0″ width=”99″ height=”50″></A>

页嵌页
<iframe width=291 height=247 src=”main.files/news.htm” frameBorder=0></iframe>

隐藏滚动条
<body style=”overflow-x:hidden;overflow-y:hidden”

CSS文字阴影（定义在<TD>中）
.abc{
FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: “宋体”; FONT-SIZE: 9pt;COLOR: #ffffff;
}

列表/菜单
onchange=”location=this.options[this.selectedIndex].value”

<iframe id=”frm” src=”k-xinwen.html” scrolling=”no” width=”314″ height=”179″></iframe>
<img src=”xiangshang.jpg” onMouseOver=”sf=setInterval(’frm.scrollBy(0,-2)’,1)” onMouseOut=”clearInterval(sf)” width=”31″ height=”31″>
<img src=”xiangxia.jpg” onMouseOver=”sf=setInterval(’frm.scrollBy(0,2)’,1)” onMouseOut=”clearInterval(sf)” width=”31″ height=”31″ >

reurl=server.htmlencode(request.ServerVariables(”HTTP_REFERER”))

服务器上如何定义连接
MM_www_STRING =”driver={Microsoft access Driver (*.mdb)};dbq=” & server.mappath(”../data/www.mdb”)

链接到
response.redirect”login.asp”
location.href=”xx.asp”

onClick=”window.location=’login.asp’”
onClick=”window.open(”)”

取得IP
userip = Request.ServerVariables(”HTTP_X_FORWARDED_FOR”)
If userip = “” Then userip = Request.ServerVariables(”REMOTE_ADDR”)

sql=”update feedbak set hit=hit+1 where id=”&request(”id”)
conn.execute(sql)

截取字符是否加…
function formatStr(str,len)
if(len(str)>len)
str = left(str,len) + “…”
end if
formatStr = str
end function

接收表单
If Ucase(Request.ServerVariables(”REQUEST_METHOD”)) = “POST” then
end if

图片宽度
<script language=”javascript”>
<!–
var flag=false;
function DrawImage(ckp){
var image=new Image();
image.src=ckp.src;
if(image.width>0 && image.height>0)
{flag=true;
if(image.width>120){
ckp.width=120;
}else{
ckp.width=image.width;
}
ckp.alt=image.width+”×”+image.height;
}
}
//–>
</script>
I’ll be Back 22:18:06
<img src=”<%=formPath%>/<%=rs(”photoname”)%>” border=”0″ onload=”javascript:DrawImage(this);”>

跳转
<meta http-equiv=refresh content=’0; url=/distributor/distributor.aspx’>

溢出栏的设制
visible：超出的部分照样显示；
hidden：超出的部分隐藏；
scrool：不管有否超出，都显示滚动条；
auto：有超出时才出现滚动条；

onMouseOver：鼠标移到目标上；
onMouseUp：按下鼠标再放开左键时；
onMouseOut：鼠标移开时；
onMouseDown：按下鼠标时（不需要放开左键）；
onClink：点击时；
onDblClick：双击时；
onLoad：载入网页时；
onUnload：离开页面时；
onResize：当浏览者改变浏览窗口的大小时；
onScroll：当浏览者拖动滚动条的时。

CSS样式
a:link：表示已经链接；
a:hover：表示鼠标移上链接时；
a:active：表示链接激活时；
a:visited：表示己点击过的链接。

跳出对话框链接
javascript:alert(’lajflsjpjwg’)
后退：javascript:history.back(1)
关闭窗口：javascript:window.close();
窗口还原
function restore(){
window.moveTo(8,8);
window.resizeTo(screen.width-24,screen.availHeight-24);
}

head区是指首页HTML代码的<head>和</head>之间的内容。
必须加入的标签

1.公司版权注释
<!— The site is designed by Maketown,Inc 06/2000 —>

2.网页显示字符集
简体中文：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″>
繁体中文：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″>
英 语：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8859-1″>

3.网页制作者信息
<META name=”author” content=”webmaster@maketown.com”>

4.网站简介
<META NAME=”DESCRIPTION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”>

5.搜索关键字
<META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”>

6.网页的css规范
<LINK href=”style/style.css” rel=”stylesheet” type=”text/css”>
(参见目录及命名规范)

7.网页标题
<title>xxxxxxxxxxxxxxxxxx</title>

.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
<META HTTP-EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”>

2.禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV=”Pragma” CONTENT=”no-cache”>

3.用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV=”Window-target” CONTENT=”_top”>

4.自动跳转。
<META HTTP-EQUIV=”Refresh” CONTENT=”5;URL=http://www.yahoo.com”>
5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
<META NAME=”robots” CONTENT=”none”>
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标
<link rel = “Shortcut Icon” href=”favicon.ico”>

所有的javascript的调用尽量采取外部调用.
<SCRIPT LANGUAGE=”javascript” SRC=”script/xxxxx.js”></SCRIPT>

附<body>标签：
<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor=”#FFFFFF”>

flash透明
在flash的源代码中加上：<param name=”wmode” value=”transparent”>表格透明
style=”FILTER: alpha(opacity=72)”

网址前添加icon的方法
1、上http://www.favicon.com上用他的icon editor online制作一个图标。他会将做好的图标通过email即时发送给你。
2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。就可以了。
作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“＜head＞＜/head＞”之间添加如下代码：
＜Link Rel=”SHORTCUT ICON” href=”http://图片的地址（注意与刚才的目录对应）”＞
其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，自动识别

可以在收藏夹中显示出你的图标<link rel=”Bookmark” href=”favicon.ico”>

状态栏连接说明
<A HREF=”链接到某处” onmouseOver=”window.status=’连接说明’;return true;” onMouseOut=”window.status=’ ‘;”>某某链接</a>

链接说明
<a href=“”Title=链接说明>

禁止鼠标右键
在<body>标签中加入 <body oncontextmenu=”return false”>

DW里输入空格
插入N个&nbsp;

水平线
<hr width=”长度” size=”高度” color=”颜色代码” noshade> noshade为有无阴影

表单电子邮件提交
< form name=”content” method=”post” action=”mailto:电子邮箱” >< /form>
文本域名为Subject 为邮件的标题

邮件链接定制
Mailto:地址 ? Subject=邮件的标题 &bc=抄送 &bcc=密件抄送

背景音乐
<bgsound src=地址 loop=”-1″>

禁止页面正文选取
<body oncontextmenu=”return false” ondragstart=”return false” onselectstart =”return false” onselect=”document.selection.empty()” oncopy=”document.selection.empty()” onbeforecopy=”return false”onmouseup=”document.selection.empty()”>

消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .
<IMG SRC=”mypicture.jpg” HEIGHT=”100px” WIDTH=”100px” GALLERYIMG=”no”>

防止点击空链接时，页面往往重置到页首端。
代码“javascript:void(null)”代替原来的“#”标记

如何避免别人把你的网页放在框架中
<script language=“javascript”><!–if (self!=top){top.location=self.location;} –>< /script>

页面定时刷新
<meta http-equiv=”Refresh” content=”秒” >

页面定时转向新的地址
<meta http-equiv=”refresh” content=”秒;URL=url”>

显示日期
<script language=”javascript”><!–
today=new Date();
var week; var date;
if(today.getDay()==0) week=”星期日”
if(today.getDay()==1) week=”星期一”
if(today.getDay()==2) week=”星期二”
if(today.getDay()==3) week=”星期三”
if(today.getDay()==4) week=”星期四”
if(today.getDay()==5) week=”星期五”
if(today.getDay()==6) week=”星期六”
date=(today.getYear())+”年”+(today.getMonth()+1)+”月”+today.getDate()+”日”+” ”
document.write(”<span style=’font-size: 9pt;’>”+date+week+”</span>”);
// –>
</script>

设为首页
<A href=# onclick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(’url’);”>设为首页</A>

添加收藏
<A href=”javascript:window.external.AddFavorite(’url’,'title’)”>收藏本站</A>

文字滚动
插入边框为0的1行1列的表格，在表格中输入文字，选中文字，
按ctrl+t输入marquee direction=”up”, 回车即可让文字在表格区域内向上滚动。
（right、down可用于让文字或图象向右及向下滚动，修改html原代码还可以得到需要的滚动速度。
表单验正
<SCRIPT language=javascript>
function checkform(theform){
if(theform.name.value==”"){
alert(”姓名不能为空!”);
theform.name.focus();
return false;
}
if(theform.tel.value==”"){
alert(”电话不能为空!”);
theform.tel.focus();
return false;
}
}
</SCRIPT>

定义鼠标
body{cursor: url(cur.ani或cur);}

以图片方式插视频
<IMG height=240 loop=infinite dynsrc=http://amedia.efu.com.cn/EFUADD0001.rmvb width=320>

层在flash上面
< param name=”wmode” value=”opaque” >

延迟跳转
<meta http-equiv=refresh content=’3; url=javascript:window.close();’>

导航条变色：
单元格<TR后面插入onmouseover=”javascript:this.bgColor=’#57AE00′” onmouseout=”javascript:this.bgColor=’#99CCFF’”

居中
<CENTER></CENTER>

空链接
javascript:;

标题表格
<fieldset>
<legend>表格的说明</legend>
</fieldset>

细线表格
style=”BORDER-COLLAPSE: collapse;”

滚动条颜色代码
BODY{
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;
SCROLLBAR-BASE-COLOR: #FFFFFF
}

连续的英文或者一堆感叹号!!!不会自动换行的问题
只要在CSS中定义了如下句子，可保网页不会再被撑开了

table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}

注释一下：

1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。

2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。

1、控制横向和纵向滚动条的显隐？
<body style=”overflow-y:hidden”> 去掉x轴
<body style=”overflow-x:hidden”> 去掉y轴
<body scroll=”no”>不显
2、表格变色
<TD onmouseover=”this.style.backgroundColor=’#FFFFFF’”
onmouseout=”this.style.backgroundColor=””
style=”CURSOR: hand”>
3、 禁止复制，鼠标拖动选取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
4、 普通iframe页面
<iframe name=”name” src=”main.htm” width=”450″ height=”287″ scrolling=”Auto” frameborder=”0″></iframe>
5、iframe自适应高度
<iframe name=”pindex” src=”index.asp” frameborder=false scrolling=”auto” width=”100%” height=”100%” frameborder=no onload=”document.all['pindex'].style.height=pindex.document.body.scrollHeight” ></iframe>
6、IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
<link rel=”Shortcut Icon” href=”favicon.ico”>
<link rel=”Bookmark” href=”favicon.ico”>
7、字号缩放
越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。
<script type=”text/javascript”>
function doZoom(size)
{document.getElementById(’zoom’).style.fontSize=size+’px’;}
</script>
<span id=”zoom”>需要指定大小的文字</span>
<a href=”javascript:doZoom(16)”>大</a> <a href=”javascript:doZoom(14)”>中</a> <a href=”javascript:doZoom(12)”>小</a>
8、select挡住div的解决方法
在div里加入下面的代码，根据需要调整就可以了。
<iframe src=”javascript:false” scrolling=”no” frameborder=”0″ style=”z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;”>
</iframe>
9、iframe(嵌入式帧)自适应高度
填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！”。对跨域引用有权限问题，请查阅其他资料。
<iframe name=”guestbook” src=”gbook/index.asp” scrolling=no width=”100%” height=”100%” frameborder=no onload=”document.all['guestbook'].style.height=guestbook.document.body.scrollHeight”></iframe>
10、 跳转菜单新窗口
<select name=”select” onchange=”window.open(this.options[this.selectedIndex].value)”>
<option value=”http://www.microsoft.com/ie”> Internet Explorer</option>
<option value=”http://www.microsoft.com”> Microsoft Home</option>
<option value=”http://msdn.microsoft.com”> Developer Network</option>
</select>
11、flash透明选项
<param name=”wmode” value=”transparent”>
12、添加到收藏夹和设为首页
<a href=# onclick=”this.style.behavior=’url(#default#homepage)’; this.setHomePage(’http://www.makewing.com/lanren/’);”>设为首页</a>

<a href=”javascript:window.external.AddFavorite(’http://www.makewing.com/lanren/’,'懒人图库’)”>收藏本站</a>
13、记录并显示网页的最后修改时间
<script language=JavaScript>
document.write(”最后更新时间: ” + document.lastModified + “”)
</script>
14、节日倒计时
<Script Language=”JavaScript”>
var timedate= new Date(”October 1,2002″);
var times= “国庆节”;
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time >= 0)
document.write( “现在离”+times+”还有: “+time +”天”)
</Script>
15、加在HEAD里
禁止缓存
<meta http-equiv=”Expires” CONTENT=”0″>
<meta http-equiv=”Cache-Control” CONTENT=”no-cache”>
<meta http-equiv=”Pragma” CONTENT=”no-cache”>
16、 让IFRAME框架内的文档的背景透明
<iframe src=”about:<body style=’background:transparent’>” allowtransparency></iframe>
17、打开窗口即最大化
<script language=”JavaScript”>
<!– Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End –>
</script>
18、加入背景音乐
<bgsound src=”mid/windblue[1].mid” loop=”-1″> 只适用于IE
<embed src=”music.mid” autostart=”true” loop=”true” hidden=”true”> 对Netscape ,IE 都适用
19、 滚动
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息
</marquee>
20、防止点击空链接时，页面往往重置到页首端
代码“javascript:void(null)”代替原来的“#”标记
21、文字或图片弹出指定大小的窗口
在body中加入
<script language=”JavaScript” type=”text/JavaScript”>
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
弹出代码
<a href=”#” target=”_self” onClick=”MM_openBrWindow(’windows01.htm’,”,’width=550,height=380′)” width=”550″ height=”380″ border=”0″>图片或文字</a>
22、 flash按钮加链接
on (press) {
getURL(”http://www.makewing.com”,”_blank”);
}
23、跳转页面代码
<meta http-equiv=”refresh” content=”5;url=http://www.makewing.com”>
24、细线分隔线
<hr noshade size=0 color=#C0C0C0>
25、网页中的自动换行
<td style=”word-break:break-all”>就搞定了。
完整的是
style=”table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word”
26、消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .
<IMG SRC=”mypicture.jpg” HEIGHT=”100px” WIDTH=”100px” GALLERYIMG=”no”>
27、禁止页面正文内容被选取
<body oncontextmenu=”return false” ondragstart=”return false” onselectstart =”return false” onselect=”document.selection.empty()” oncopy=”document.selection.empty()” onbeforecopy=”return
false”onmouseup=”document.selection.empty()”>
28、不能点右键，不用CTRL+A，不能复制作!
<body oncontextmenu=”window.event.returnValue=false”
onkeypress=”window.event.returnValue=false”
onkeydown=”window.event.returnValue=false”
onkeyup=”window.event.returnValue=false”
ondragstart=”window.event.returnValue=false”
onselectstart=”event.returnValue=false”>
</body>
29、IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
<Body Background=”图片文件” bgproperties=”fixed”>
30、随机变换背景图象（一个可以刷新心情的特效）
<Script Language=”JavaScript”>
image = new Array(4); //定义image为图片数量的数组
image [0] = ‘tu0.gif’ //背景图象的路径
image [1] = ‘tu1.gif’
image [2] = ‘tu2.gif’
image [3] = ‘tu3.gif’
image [4] = ‘tu4.gif’
number = Math.floor(Math.random() * image.length);
document.write(”<BODY BACKGROUND=”+image[number]+”>”);
</Script>
31、flash载入影片
on (release)
{
loadMovie(”1-01.swf”, “_root.loaderclip”);
}
32、图片表单按钮
<form id=”form1″ name=”form1″ method=”post” action=”">
<img src=”login.gif” width=”62″ height=”22″ onclick=”document.form1.submit()” />
</form>
33、左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
34、划过链接 手型鼠标
style=”cursor:hand”
35、如何关闭层
<div id=”Layer1″></div>
<a href=”#” onClick=”Layer1.style.display=’none’”>关闭层</a>
36、关闭窗口的脚本
<a href=javascript:close()>[关闭窗口]</a>
37、如果文字过长,则将过长的部分变成省略号显示
<DIV STYLE=”width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis”>
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>
38、进入主页后自动最大化
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
39、凹陷文字
<div style=”width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;”>
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
<a href=”http://www.lenvo.cn/”>www.lenvo.cn</a></font>
</div>
40、运行代码框
<script>
function Preview()
{var TestWin=open(”);
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >运行</button>
41、给表格做链接
<table width=”100%” onclick=”window.open(’http://www.makewing.com/’, ‘_blank’)” style=”CURSOR:hand”>
<tr>
<td height=”100″ bgcolor=”f4f4f4″>&nbsp;</td>
</tr>
</table>
42、让弹出窗口总是在最上面
<body onblur=”this.focus();”>
43、CSS文字阴影
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: “宋体”; FONT-SIZE: 9pt;COLOR: #ffffff;}
44、后退&关闭窗口
后退：javascript:history.back(1)
关闭：javascript:window.close();
45、表格透明
style=”FILTER: alpha(opacity=72)”
46、如何避免别人把你的网页放在框架中
<script language=“javascript”><!–if (self!=top){top.location=self.location;} –>< /script>
47、Alt和Title的区别
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。

<a href=”#” Title=”给链接文字提示”>文字</a>
<p Title=”给链接文字提示”>文字</p>

<img src=”图片链接” alt=”给图片提示”>
48、所有的javascript的调用尽量采取外部调用
<SCRIPT LANGUAGE=”javascript” SRC=”js/xxxxx.js”></SCRIPT>
49、链接到
response.redirect”login.asp”
location.href=”xx.asp”onClick=”window.location=’login.asp’”
onClick=”window.open(”)”
50、基本链接样式
a:link 表示链接的样式
a:active 表示当前活动连接的样式
a:hover 表示鼠标划过时的样式
a:visited 表示已经访问过的连接的样式

“link-visited-hover-active” 简记为 “lvha” 即 “love”+”hate”
51、在同一页面设置不同文字链接效果的样式
<style type=”text/css”>
.green {COLOR: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href=”#” class=”green”>文字</a>]]> http://www.waitingba.com/article.asp?id=138 <![CDATA[IE6.0、IE7.0 与FireFox CSS兼容的解决方法]]> eric.csa@163.com(午夜鬼魅) Thu,17 Dec 2009 14:04:02 +0800 http://www.waitingba.com/default.asp?id=138 1.DOCTYPE 影响 CSS 处理

2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式

6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以

8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。

9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法： div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反，据阿捷的说法! important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样： div{maring:30px;margin:28px}重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx! important;

11.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义 ul{margin:0;padding:0;}就能解决大部分问题

 

 

1、float的div一定要闭合。
例如：(其中floatA、floatB的属性已经设置为float:left;)

XML/HTML代码
  1. <wrapper>  
  2. <div id="floatA"></div>  
  3. <div id="floatB"></div>  
  4. <div id="NOTfloatC"></div>  
  5. </wrapper>  

这里的NOTfloatC并不希望继续平移，而是希望往下排。
这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。

在

XML/HTML代码
  1. <div id="floatB"></div>  
  2. <div id="NOTfloatC"></div>  

之间加上<div class="clear"></div>
提醒您：这个div一定要注意声明位置，一定要放在最恰当的地方，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。

并且将clear这种样式定义为为如下即可： 

CSS代码
  1. .clear {   
  2.     clear:both;   
  3. }  

此外，为了让高度能自动适应，要在wrapper里面加上overflow:hidden;
当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。

例如我的某一个wrapper如下定义： 

CSS代码
  1. .colwrapper {      
  2.     overflow:hidden;      
  3.     zoom:1;      
  4.     margin:5px auto;      
  5. }  

onhavinglayout-绝对不得错过，每一个制作CSS以及用脚本操作DOM的人都不得错过！

相关: CSS规范 闭合浮动元素介绍

2、margin加倍的问题。
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;
例如：

XML/HTML代码
  1. <div id="IamFloat"></div>  

相应的css为

CSS代码
  1. #IamFloat {   
  2.     float:left;   
  3.     margin:5px; /*IE下理解为10px*/  
  4.     display:inline; /*IE下再理解为5px*/  
  5. }  

3、关于容器的包涵关系
很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。

4、关于高度的问题
如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。（似乎有时候不会自动往下撑开，不知道具体怎么回事）

5、最狠的手段 - !important;
如果实在没有办法解决一些细节问题,可以用这个方法.FF对于"!important"会自动优先解析,然而IE则会忽略.如下

CSS代码
  1. .tabd1   
  2. {   
  3.     background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/  
  4.     background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */  
  5. }  

值得注意的是，一定要将
xxxx !important 这句放置在另一句之上，具体原因很简单，就不说了：）

补充：
当时发表这篇文章时，并没有IE7的出现，而且那个时候我也没有很多地考虑JavaScript。这次更新一些。

一、IE6的border。会自动往外加margin。
当第一个box和第二个box之间的margin为a时，如果两个box都没有border，那么IE6、IE7、FF下面都没问题。
当有border时，FF和IE7的border不会占用它们之间的“空位”，而IE6这个老喜欢“自作聪明”的家伙就把margin给撑开了。
我并没有调试是否padding也会有这个副作用，我个人怀疑也有，但是既然把问题分析道这一步了，就不赘述了。
解决方案就是判断是否是IE6，然后动态的修补margin。其间涉及到js获取浏览器版本、样式值这些技术。

参阅 http://www.awflasher.com/blog/archives/791

 二、对于块元素，在IE6下面最好制定宽度才可float起来，尤其是a标签。

三、在IE下，如果采用了list-style-position:inside，那么可能会造成li元素强行往前缩进。

]]> http://www.waitingba.com/article.asp?id=137 <![CDATA[联想笔记本产品线型号系列代表含义解析]]> eric.csa@163.com(午夜鬼魅) Sat,28 Nov 2009 17:34:56 +0800 http://www.waitingba.com/default.asp?id=137 大家都知道目前IdeaPad Y系列在市场中十分火爆，其中Y430系列备受关注，它拥有14.1英寸WXGA LED液晶显示屏，显示效果比普通笔记本更胜一筹，更省电20％，且安全环保，对人体没有了任何汞危害；LED加杜比第二代音响更让你看的过瘾，听的带劲，仿佛置身于震憾影音的怀抱；二搭载了DDR3内存，NVIDIA Geforce 9300M GS（256M）独立显卡，320G的超大硬盘，DVD刻录光驱，Realtek高保真声卡，充分发挥迅驰2平台的最大潜能......

      听了这么详细的解说，大家也在犹豫不是所有的Y430都是这样的，它分为TFO、TSI、PSE...还有带（L）的等等好几种型号，但是对于这个型号后缀的命名，相信大多数网友并不是非常的了解，所以今天我们一起来浅谈下这些后缀英文的奥秘。

我们就拿目前超人气的Y430A-TSI举例吧。

Y在IdeaPad中代表的是：家庭影音娱乐型；

430是一个系列的统称，同时也说明着这款本本的显示屏幕的尺寸为14.1英寸；

A代表的是这款本本所采用的显卡类型为独立显卡；（G代表的是集成显卡）

后缀中的字母含义：

T代表的本本采用的平台和处理器型号的代称，我们不难看出T是属于Intel平台，这个还分为赛扬双核、奔腾双核、酷睿2双核系列，要知道该本本采用的处理器到底是哪个系列，那就要看后面的字母了；（最后会给大家分享关于Intel平台T系列移动处理的所有型号分类）

PS：同理TFO就是Intel平台的 T4000系列处理器

        PSE就是Intel平台的 P7000系列处理器

SI都知道是英文6（Six）的缩写形式，所以这款本本采用的就是Intel 45nm 酷睿2 T6000系列中的某一款处理器。

这里还要提到最后面有（L）的这种机器，它代表的是该款本本与不带（L）型号相对比，在某一个硬件上有所下调。

      当然像Y330、Y530系列的命名规则也是这样的，相信看完后你也会对联想IdeaPad笔记本命名有了新的了解和认识，这对以后自己买笔记本和帮助朋友买笔记本都是有帮助的，至少在配置上一目了然，不会被奸商忽悠的团团转，共同维护我们的权益是最基本的保障。

PS:对Intel平台主流移动处理器的简单解说：

T：它代表着赛扬双核、奔腾双核、酷睿双核系列，这其中还分为65nm和45nm的，但是它们均采用的是酷睿微型构架技术。

   1. 赛扬双核 均为65nm产品，主要型号有：T1400、T1500、T1600、T1700、T1800这5款型号，主要用于低端入门级笔记本平台，例如2000－3000左右的本本。

   2. 奔腾双核 分为65nm产品，主要型号有：T2390、T2410、T3200、T3400这4款型号；

               分为45nm产品，主要型号有：T4200这一款型号，主要用于低、中端的笔记本平台，例如3500－6000元左右的本本。

   3. 酷睿2双核 分为65nm产品，主要型号有：T5670、T5800、T5900这3款型号；

                分为45nm产品，主要型号有：T6400、T6600、T8100、T9400这4款型号；

      其中酷睿2双核还拥有P系列，它们均为45nm产品，相比T系列的酷睿2双核更加的省电和低功耗，主要型号有：P7350、P7450、P8400、P8500、P8700这5款型号，这些主要用于中、高端本本和超轻薄便携本本，一般价位都在5500以上了联想笔记本产品线型号系列代表含义解析

联想的产品线规划　　2008年，对于联想来说是值得纪念的一年。一方面，它作为北京奥运会的顶级赞助商，让全世界对Lenovo这个品牌有了更多的了解；另一方面，它也顺利完成了ideaPad和ThinkPad两个子品牌的融合，令旗下的笔记本产品线规划变得更为清晰。

　　简而言之，ideaPad定位于消费类市场，而ThinkPad定位于商用市场。

　　举例而言，如果您想购买一款时尚、漂亮的家用笔记本，经常需要用它来看电影、玩游戏，那么应该在ideaPad系列中挑选。

　　倘若您是一位商务人士，需要同时运行各类复杂的办公软件，而且更看重稳定性、安全性这些因素，则应该考虑ThinkPad系列的产品

在今年以前，联想笔记本在消费类市场的主力军有两个，它们分别是中高端的天逸系列和中低端的旭日系列。　　不过为了实现和ThinkPad品牌的融合，进一步提升联想笔记本在国际市场中的形象，同时也为了便于消费者记忆和选购，天逸和旭日会渐渐淡出我们的视线，今后在消费类市场中将会以ideaPad为主。目前，ideaPad笔记本又可

进一步细分为三大系列：

　　Y系列：Y330，Y430，Y530，Y730

　　U系列：U8，U110，U330

　　S系列：S9，S10

　　其中Y系列定位于主流消费者（经济实惠），U系列则皆为超轻薄机型（价格偏高），S系列则是所谓的“上网本”，价格低廉、小巧便携，但性能很弱。

　　以上所有型号中的第二位数字，都代表这款本本的屏幕尺寸，比如Y430当中的4代表14.1英寸、U110当中的1代表11.1英寸。

　　型号中的最后两位数字则代表这是第几代产品，也就是代表硬件配置的升级。比如当Y510退市后，接替它的就是Y530，今后还会有Y540、Y550等等。不过U8、S9和S10是例外，因为它们的配置相对不会有太多变动。

· ideaPad副型号的命名方式　　下面我们继续介绍副型号的命名方式。我们以两款Y430机型为例：Y430A-PSE和Y430G-TFI。

　　横杠前的最后一位字母，A代表独立显卡，G代表集成显卡。横杠后的三位字母则是处理器的代号，第一位代表P系列或T系列，后面两位则是处理器型号后第一个数字的英文缩写。

　　以P7350处理器为例，型号后的第一位数字是7，而7的英文是Seven，所以它的缩写就是SE，再加上前面的系列代号P就组成了-PSE。

　　再比如T5800型号后的第一位数字是5，而5的英文是Five，所以它的缩写就是FI，再加上前面的系列代号T就组成了-TFI。

以此类推，T3200的代号为TTH（3的英文是Three），T4200为TFO（4的英文是Four），T6400为TSI（6的英文是Six），而P8400的代号则为PEI（8的英文是Eight）。

　　需要注意的是，个别机型在三个字母后面还有一个L，意思是它和不带L的机型相比，某项配置可能会略有降低，比如处理器从P7450降为P7350，或是硬盘从250GB降为160GB等等。当然，它们的价格也会更低一些。

 

ThinkPad

ThinkPad　　介绍完家用的ideaPad，我们再来了解一下商用的ThinkPad。在联想的官方网站上，我们看到ThinkPad被划分为六大系列：

　　T系列：T400，T500，T61

　　X系列：X200，X300，X61

　　X系列平板电脑：X200t，X61t

　　SL系列：SL300，SL400，SL500

　　R系列：R400，R500，R61

　　W系列：W500，W700

　　在定位方面，T系列代表了ThinkPad的最高品质，拥有绝大多数的“独门秘籍”，硬件配置也相当不错，因此成为许多商务人士的首选。

　　此外，X系列的做工也同样精良，它的特点在于小巧便携，多为12.1或13.3英寸机型，更适合那些经常出差的朋友。

　　R系列省略了部分特色技术，整体品质略逊于T系列，但它的价格相对更低，更容易被预算有限的中小企业所接受。

　　而W系列则定位于高端的移动工作站用户，它拥有最好的性能和扩展力，适用于密集图形设计、影视特效制作等高端领域。

今年，联想又为ThinkPad家族新增了一个SL系列，它的定位和R系列类似，都是经济实惠型产品。但和R系列相比，SL系列更偏向多媒体应用，比如增加了HDMI接口，LED背光屏幕（部分机型）等等。

　　单从销量上来看，SL系列一经推出就获得了巨大成功，尤其是SL400。不仅仅是因为ThinkPad这块金字招牌，更重要的是它超高的性价比，已经超越了许多一线品牌的家用机型。

 
产品特点 R系列 SL系列 T系列 X系列
核心技术         X平板 W系列
英特尔迅驰技术 ★ ★ ★ ★ ★ ★
正版Vista系统 ☆ ☆ ☆ ☆ ☆ ☆
预装Linux系统 ☆ — — — — —
SSD固态硬盘 — — ☆ ☆ — —
显示屏和显卡            
普通独立显卡 ☆ ☆ ☆ — — ★
专业级独立显卡 — — ☆ — — ☆
高分辨率显示屏 — — ☆ — — ☆
LED背光显示屏 — ☆ ★ ☆ — —
安全和保护            
机身防滚架技术 ★ — ★ ☆ — ☆
硬盘双重保护技术 ★ ★ ★ ★ ★ ★
软硬件组合安全 ☆ — ★ ★ ★ ★
集成指纹识别器 ☆ ☆ ☆ ☆ ☆ ☆
密码管理器 ★ ★ ★ ★ ★ ★
多媒体功能            
集成摄像头 ☆ ☆ ☆ ☆ — ☆
多功能读卡器 ☆ ☆ ☆ ☆ — ☆
HDMI数字接口 — ★ ☆ — ☆ —
立体声扬声器 ★ ★ ★ ☆ — ☆
DVD刻录光驱 ☆ ☆ ☆ ☆ ☆ ☆
蓝光高清刻录机 ☆ ☆ ★ ☆ — ☆
易用性工具            
系统备份和恢复 ★ ★ ★ ★ ★ ★
自动系统更新 ★ ★ ★ ★ ★ ★
双定位系统 ☆ ★ ★ ☆ — ★
连接性            
业界领先的选项 ★ ★ ★ ★ ★ ★
网络连接软件 — ★ ☆ ☆ ☆ ★
环境和能源            
EPEAT Gold 环保 — ☆ — ☆ — —
EPEAT Silver 环保 ★ ☆ ★ ★ ★ —
Energy Star 4.0 ★ ★ ★ ★ ☆ —
             

☆ 部分机型

★ 标配

联想笔记本型号命名规则

一般采用模具型号+显卡+CPU+屏幕类型+内存+硬盘+光驱类型+OS+无线模块

天逸、旭日、昭阳系列

举例：

天逸F40AT2400W4512100PiXW3bv

F40为模具型号，A代表独立显卡，W4/X4代表14寸宽/标屏，512为内存，100代表硬盘容量，P/B代表光驱类型为DVD-ROM/COMBO  i代表是否为吸入式光驱，X/R/无分别代表OS为预装XP Home/XP Pro/DOS ，W3/W2：无线局域网络a+b+g/b+g v：双电池

比如F40AT5500W41024100

目前，市面上的联想笔记本主要可分为三大系列——联想3000系列(以低廉的价格为卖点，主攻个人消费类市场)、联想IdeaPad系列(以出色的影音娱乐功能为卖点，主攻个人消费类市场)和联想昭阳系列(以优秀的机身设计为卖点，主攻商务办公市场)。下面，小编就为大家举例介绍一下联想笔记本的型号命名规则。

联想笔记本产品线型号系列代表含义解析 - 快乐的小绵羊 - 快乐的小绵羊

联想3000 G530

    联想3000系列包括：G530(超值娱乐)、G430(超值经典)和G230(超值便携)。其中，G530还分为G530M和G530A；G430还分为G430L、G430M和G430A；G230只有一种G230G。

    其中，“G”表示这款机器属于价格低廉的超值系列产品；“G后面的第一位数字”可以看出这款机器的屏幕尺寸(5代表15英寸、4代表14英寸，2代表12英寸)；“G后面的第二位和第三位数字”可以看出这款机器是第几代产品(数字越大就表示这款产品越新)；“最后一位字母”可以看出这款产品配备了什么类型的处理器和显卡(L代表赛扬处理器、M代表奔腾处理器、A代表配备了独立显卡、G代表没有配备独立显卡)。没错，如果最后一位字母是“A或者G”，就无法看出这款产品配备了什么类型的处理器(可能是赛扬、可能是奔腾，也可能是酷睿)，只知道它配备/没配备独立显卡。

    举例说明1：联想3000 G530M。其中，“G”表示这款产品属于价格低廉的超值系列产品；“5”表示这款产品采用15英寸屏幕设计；“30”表示所有这两位数字低于30的产品都没它新、所有这两位数字高于30的产品都比它新；“M”表示这款产品配备了奔腾处理器，但是没有配备独立显卡。

    举例说明2：联想3000 G430A。其中，“G”表示这款产品属于价格低廉的超值系列产品；“4”表示这款产品采用14英寸屏幕设计；“30”表示所有这两位数字低于30的产品都没它新、所有这两位数字高于30的产品都比它新；“A”表示这款产品配备了独立显卡，但是不知道配备了什么类型的处理器。

联想笔记本产品线型号系列代表含义解析 - 快乐的小绵羊 - 快乐的小绵羊

联想3000 G430

    一般来说，我们将G530M、G530A、G430L、G430M、G430A和G230G称为主型号。在主型号后面有一条小横线，在横线后面还有一组字母，我们将这组字母称为副型号。副型号的第一位字母可以看出处理器属于什么类型(P就是PXXXX系列处理器，T就是TXXX系列处理器)；第二位和第三位字母是处理器型号第一位数字的英文缩写(TH是3、FO是4、FI是5、SI是6、SE是7，EI是8)。

    举例说明：联想G530A-PSE。其中，“P”表示这款产品配备了PXXXX系列处理器(也就是说，它绝对不属于赛扬和奔腾系列，只能属于酷睿系列)，“SE”是英文单词“Seven”(阿拉伯数字7)的缩写，表示这款产品属于P7XXX系列处理器。

联想笔记本产品线型号系列代表含义解析 - 快乐的小绵羊 - 快乐的小绵羊

联想3000 G230

    另外，联想3000系列笔记本还有一种特殊情况——在型号后面加一个小括号，括号里面写上“L”字母。比如：联想3000 G530A-TTH曾经有一款配备T3200处理器的产品，后来升级到了T3400处理器。这样，市场就出现了两种配置的联想3000 G530A-TTH。为了作出区别，联想公司在升级之前的老配置版本的型号后面加了个“(L)”。也就是说，所有型号中带有“(L)”的产品，都属于升级之前的老配置版本。

    举例说明：联想3000 G530A-TTH(L)。其中，“联想”是品牌名；“3000”是系列名；“G”表示这款产品属于价格低廉的超值系列产品；“5”表示这款产品采用15英寸屏幕设计；“30”表示所有这两位数字低于30的产品都没它新、所有这两位数字高于30的产品都比它新；“A”表示这款产品配备了独立显卡，但是不知道配备了什么类型的处理器；“横线后面的T”表示这款产品配备了TXXXX系列处理器(也就是说，它可能是赛扬、奔腾和酷睿系列处理器)；“横线后面的TH”表示这款产品配备的是T3XXX系列处理器(T3XXX系列处理器属于奔腾处理器)；“(L)”表示这款产品是该型号升级之前的老版本。

    最后，我们可以得出结论：联想3000 G530A-TTH(L)是一款采用15英寸屏幕设计，配备了T3XXX系列奔腾双核处理器和独立显卡的笔记本电脑。而且，联想已经对该型号产品进行了升级，这款产品是没有升级之前的老版本，配置比较低，所以价格应该更便宜一些。

    以上，就是联想3000系列笔记本的型号命名规则。联想IdeaPad系列和联想昭阳系列笔记本的型号命名规则与其基本相同，我就不一一进行介绍了。

]]> http://www.waitingba.com/article.asp?id=136 <![CDATA[企业如何增加网站的访问量？]]> eric.csa@163.com(午夜鬼魅) Sat,24 Oct 2009 15:58:58 +0800 http://www.waitingba.com/default.asp?id=136 1. 网站内容的准备
在注册域名之前就应该收集至少一百页的内容，并且这些内容必须是有价值的、不违反著作权的内容，也就是所谓的原创资料。如果把网站比作人，这些内容就是能让网站充满活力的血液。大家可以想象如果一个人没有了循环流通的血液会是什么样的。所以这一点比较重要，也是让搜索引擎自动收录你的关键。建议：每天写500～1000字的内容，当然这个内容里面必须包含你的重要的关键字，如果想不出关键字来的话，可以使用Yahoo的关键字建议工具。

2. 选择网址
想个比较有意义，好记的网址。

3. 网站设计
对搜索引擎来说，他们是看不到网站里的FLASH、JAVA、APPLET、JAVASCRIPT，也看不到文档里面的字，所以在网站设计上，只要尽量简洁有利，让内容可以好好的呈现，就是一个成功的SEO网站页面。
另外呢，网页要尽量符合W3C的标准。

4. 网站每页档案大小
建议每个网页尽量在15K以下，如果可以缩减到12K，甚至10K那就更好，但是不能在5K以下。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。
不过这一项到底是不是真的，还有待试验证明。因为有的资料说在台湾Yahoo网页大小越大越好。

5. 关键字密度以及关键字放置位置
拿出你的关键字，在下列地方个使用一次：
* 标题
* meta標籤
* 粗体关键字（就是写出你的关键字，然后把他加粗）
* 斜体关键字（就是写出你的关键字，然后把他斜体）
* 页面上半部（网页内容比较前面的地方，建议用个标题）
另外，英文的话，文句要通畅，拼音要正确…

6. 外部连接
每一个内容页面都因该连接一、二个该关键字的有名大站（该关键字的主题网站），要注意的是连接的方式，要先写出你的关键字，再将这个关键字直接连接到该站台。

7. 內部连結
你的网站里面可能有很多类的内容，请确定同类内容互相连接，而不同类内容千万不要互相连接。例如将食品的页面连接到水果的页面这样。
为什么要这样做呢？同类内容内部连接可以让Google的pagerank在你的网页里互相传递.如果你只对个别网页最佳化,，有可能会发生的情况是，网站里面只有少数几个页面的排名可以往前，但是做好内部连接的化，可以让每个网页的排名都往前。

8. 网站上线
最好不要用虚拟主机，若是能有自己的托管服务器或者固定IP位置就最好了。尽管Yahoo和Google宣称,他们对待虚拟主机一视同仁，但是还是担心他们要开始把同一个主机IP 数量加入排名公式的哪天。
另外呢，在网站还称不上是个好网站的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，要让分数上升似乎就不是那么容易了。
接着，自己动手加入目录索引，这样至少你的网站已经在一个搜索引擎里面了。若是有钱的话可以使用搜索快速登陆，这可以让你的网站在七天之内进入搜索引擎里。若是没钱的话，慢慢等着还是会被登陆进去的。

9. 纪录与追踪
申请一个不错的网页计数器（如上海火速的DMA）。
当然最好的方法是在网站里放一个小程式，纪录搜索引擎有没有来过，我们可以使用Google提供的Google Webmaster Central，Google提供各种关于你网站的资料，像是什么时候Google来过你的网站啊等等，你也可以透过Google Webmaster Central提醒Google，你的网站有更新，请Google过来这样。

10. 交换连接
与你关键字相关的网站做交换连接，最好是一天增加一个新的交换连接网站。

11. 风格
请尽量保持你网站的风格，不要大量制造看起来像是垃圾的东西等。

12. 反向连接
如果有人向你要求连接的话，在你新增连接之前，请先去看看他的网站，看看他的Google Pagerank等等咨讯，如果对方是个烂网站，那你何苦跟他连接，降低自己的格调呢？

13. 推广你的网站
寄信给你的朋友、在相关论坛里大量阅读、大量回应，记得，签名档里放上网站连接。

14. 阅读纪录档
网站开始的一、二个月之后，你会开始发现你之前登陆过的那些网站，开始引导访客过来了。检查一下这些访客都是透过那些关键字进来的，并且观察这些关键字和他们真正看到的内容之间的关系。如果他们要找的真正内容你网站里面没有的话，这个时候就可以适时补充真正的关键字。

15. 预先准备内容
我们都知道，搜索引擎需要时间才能把你的网页放入资料库当中，所以当你知道什么时候要推出活动时，我们要提前准备，这样等你正式推出时候，就可以收到成效了。

16. 检查搜索引擎
过一段时间，就去检查搜索引擎上面到底有没有你的网站，如果没有出现的话，可以重新登记一次。

17. 每天建立一页新的内容
这一项是很重要的总之每天建立一页新的内容，慢慢要建立更优质的内容。

]]> http://www.waitingba.com/article.asp?id=135 <![CDATA[B2C网站运营关键因素]]> eric.csa@163.com(午夜鬼魅) Thu,22 Oct 2009 15:18:12 +0800 http://www.waitingba.com/default.asp?id=135          第一：所运营商品的低成本，如果你打算在网上做某种商品销售，内在要素则是你必需具有成本上的绝对优势。所以如何降低成本是网站运营的第一要务。这里的成本不仅仅表现在拿货价格上（经销价格、OEM外包、自建工厂）同时也表现在人工服务成本和配流配送成本、还有库储的成本。记往：在当前的B2C网购市场上，价格对购买的影响因素达到50％以上。

         第二：信誉和服务态度，做过销售的很多朋友都会深有体会，你出去做业务，不一定是因为你产品是最好客户买你的产品了，而是客户认为你这个人不错，值得信任，购买了你的产品和服务，所以在网站上一定要体现出你的信誉，你的公司名称、营业执照、地址、电话等等详细信息，在客户咨询的时候要有耐心，如果售后的商品有问题也需要及时处理，这样你才有机会把业务做大。

         第三：产品促销策略和产品策划，网上做产品销售与实际卖场产品销售形式是一样的，就是渠道与手段有所差异罢了，大家都去超市购物，最近去购物你注意到什么了，是不端午节的很多产品占据了重要位置，而且设计的很好，堆头做的很大，这样做事为什么，就是厂家在利用节日来做促销，而且时间很早，我记得应该是两周前端午节的促销活动就在各个超市中陆续上演了，那么，同样的道理，根据不同的产品、时间、节日，你要在网上借机推出你所要销售的产品和服务，并且比平日有很多折扣策略、积分策略等鼓励购买方法，这样也是增加销售的一种方式，当然，网上要做比较出色的一次促销活动，策划上需要下很多功夫，而这个策划，根据个人经验，比线下的促销设计要更加复杂。

         第四：[B2C网站运营数据] 分析，表达的很详细，其实数据分析，对于运营来说都是基础工作，但能做好这个基础工作地人不多，我每周会根据用户访问页面，综合分析数据提交产品策划相关负责人，他们再次做产品的时候会用这些用户产品需求数据作为参考，并设计出更加符合用户需要的产品，以提升订单转化率。

         第五：商品配送与在线支付，貌似这个问题很久以前也都涉及到过，就是关于[用户体验之网站支付和配送设计] ，在这里需要强调的是在价格和品质同质化的前提下，就比网店的服务了，那么，配送和付款无疑成为服务上最大的挑战。

         第六：网站整合营销推广，这点我要强调一下，不要在运营B2C站点的时候就是单纯的考虑搜索排名，考虑单一方式的线上推广，如果你一直这么来做，还没有做起来就是很大的瓶颈，还是老生常谈的那句，发动你所有资源和方法去宣传你的站点和产品，这些大家可以像很多传统行业做广告的、搞策划的学习下，招数很多！

         第七：用户需求创造与挖掘，这个可能不算是盈利模式，但在一定规模的B2C下可以对现有模式进行整合创新，[B2C网站运营盈利新观察] 有两点，一种是发现需求，一种是预测并创造用户需求，设想一下，你如果能够知道下一季度什么东西会好买，你还会做的差吗？举个实际的例子，现在全国卖的最好的产品是什么？呵呵，是九阳豆浆机，原因呢，当然是因为奶粉问题。如果你在奶粉事件一发生的时候马上就去经销九阳豆浆机，你想不发也难吧。

]]> http://www.waitingba.com/article.asp?id=134 <![CDATA[用户体验设计是什么]]> eric.csa@163.com(午夜鬼魅) Thu,22 Oct 2009 14:42:57 +0800 http://www.waitingba.com/default.asp?id=134        用户体验（User Experience，简称UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到。 

　　用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中，人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的重视。其结果就是对人机界面的开发是独立于功能核心的开发，而且往往是在整个开发过程的尾声部分才开始的。这种方式极大地限制了对人机交互的设计，其结果带有很大的风险性。因为在最后阶段再修改功能核心的设计代价巨大，牺牲人机交互界面便是唯一的出路。这种带有猜测性和赌博性的开发几乎是难以获得令人满意的用户体验。至于客户服务，从广义上说也是用户体验的一部分，因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求，而已经难以改变已经完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要，从而减少公司在客户服务方面的投入，也降低由于客户服务质量引发用户流失的机率。 

　　现在流行的设计过程注重以用户为中心。用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。其目的就是保证（1）对用户体验有正确的预估（2）认识用户的真实期望和目的（3）在功能核心还能够以低廉成本加以修改的时候对设计进行修正（4）保证功能核心同人机界面之间的协调工作，减少BUG。 

　　在具体的实施上，就包括了早期的focus group（焦点小组），contextual interview，和开发过程中的多次usability study（可用性实验），以及后期的user test（用户测试）。在设计--测试--修改这个反复循环的开发流程中，可用性实验为何时出离该循环提供了可量化的指标。 

　    用户体验设计师的职责主要有哪些？

        用户体验设计师——user experience design，国外叫UXD，国内也简称UE设计。分析一则国外的UE设计师招聘要求，看看你还需要欠缺什么，用户体验设计师的职责主要包括产品创新，界面视觉引导，原型设计，与开发一起推动设计实现。需要这个人可以独立工作，和团队成员合作，交流各种想法，画出原型，参与产品整个的周期。 

　　用户体验设计日常的工作包括

  • * 基于人机交互、图形化设计、界面设计和其他相关理论，进行设计。
  • * 画出不同层次的原型：纸上的，框架的，可交互的网页，Flash的。
  • * 到不同的部门演示概念和想法，组织反馈意见。
  • * 生成视觉元素比如icon,边框，用户控件，窗口规范，图形化的布局
  • * 同产品设计团队合作去发展一些重要附加值的概念，还有修订产品。
  • * 同商业方面的专家、市场部沟通，确认设计并得到认可。
  • * 同开发人员沟通，提供明确的定义和执行的方向。
  • * 同质量控制部门沟通，提供在测试阶段需要的清晰理解。
  • * 同首席设计师和产品设计团队一起工作，符合内部设计流程和标准。
  • * 需要1/10的时间出差。 

　　用户体验设计资格条件： 

  • * 在应用程序的交互设计方面（界面设计，产品设计）有4-5年的工作经验。在web应用和桌面应用方面有扎实的经验。
  • * 设计、人机交互、可用性专业或者可以展示对设计的理解、交互设计理论和实践的能力。
  • * 理解室内产品设计的生命周期。
  • * 优秀的交流技巧：书写和口头。
  • * 了解基于浏览器和客户端的技术(HTML, Java, Flash,.NET)。
  • * 原型技术，包括DHTML, Dream Weaver, Flash或类似的。
  • * 有开发和运行可用性测试的经验。
  • * 有行业研究经验（Cooper的目标导向设计方法优先）
  • * 可以使用设计过程描述清楚问题如何产生以及如何解决，无论是独立工作还是和团队一起。
  • * 可以创造出图形元素：icon,控件，窗口，边框，数据布局。
]]> http://www.waitingba.com/article.asp?id=133 <![CDATA[常见的100个推广网站的创意]]> eric.csa@163.com(午夜鬼魅) Wed,21 Oct 2009 19:34:48 +0800 http://www.waitingba.com/default.asp?id=133 网站推广是每一位站长都迫切关心的事情。现在我们整理了常见的100个推广创意，大家根据自身的能力条件和外部环境，挑自己喜欢的适用的手法来用，希望对各位站长有所帮助。

1、qq群网站推广法。用几十个qq，每个qq加入几十个群，每天发一遍网站。平均、50个qq*每个qq加入50个群*每个群50个人=75000人观看。如果qq更多，加入的群更多，加入的是大群，每个群的人数更多，则宣传效果更好。即使排除不在线的qq用户，效果也不容低估。要忍辱负重，不怕被踢。另外就是在QQ群是是可以发群邮件的，例如你可以把你的网站808686.com上的精彩内容在邮件中推荐。

2、搜索引擎网站推广法。如今的新手站长，最热衷的就是这个短平快的方法。搜索网站的功能就是整合网络资源，给网民找到最适合的网站内容，给其他网站带去流量是其意想不到的副作用。很多站长类网站的网站推广栏目，似乎都变成seo专区了。seo的最好方法，就是网页代码规范、访问速度快、内容独特少重复，对网民有用，而且具有唯一性。

3、软文网站推广法。写文章，或者引用好文章，里面巧妙地加入自己的网址。

4、博客网站推广法。软文要有发表的地方。一个是发到论坛，文章站，一个是发到博客里。发到博客里有个好处，不会被乱删。

5、媒体网站推广法。让传统的媒体，报纸、电视、广播等等报道。

6、手机网站推广法。wap网站、群发短信、彩铃提示等。手机的功能越来越强，小巧容易携带，以后手机的上网人数肯定超过电脑人数。

7、网摘网站推广法。提高优质网页、图片、帖子到网摘站和聚合类网站。如果被推荐，也能有不少流量。

8、论坛网站推广法。注册几十个几百个论坛，每个论坛注册几十个帐号，把签名设为自己的网站。发表热门内容，自己顶自己帖子。注意换马甲，发布有争议性的标题内容。好的标题是论坛推广成败的100%。这里说的论坛是指泛论坛，包含留言本、论坛、贴吧等等一切网民可能聚集的地方。 

9、第三极网站推广法。在宣传网站的同时，缀上自己的财富第三极号码。在每个网页的内容后面，加上自己的财富第三极号码，扩大知名度，还有带来额外的财富收入。

10.、qq和msn昵称网站推广法。把昵称修改为网址，例如精彩网赚

11、邮件列表网站推广法。就是定期不定期的给网民发送电子杂志。

12、非预期邮件网站推广法。用专业的邮件群发工具，上网批量搜集电子信箱地址，然后群发。如今的很多网站，都要用电子信箱作为用户名，因此，搜集电子信箱地址，比以前方便多了，而且这些电子信箱都是活信箱，网民经常用的信箱，而非失效的信箱，效果不错。邮件标题要“规范”，别让网民误以为是垃圾邮件。

13、口碑网站推广法。好好做内容，让网民自己主动传播你的网站。

14、限制内容网站推广法。给网站内容分出访问等级，设置访问条件。给网民一个推广链接，网民只有推荐够一定访客或者注册会员后，才能访问该内容。非主流色彩爱情网站多用此方法，效果奇佳。

15、网站排名投票网站推广法。加入其他的网站推出的网站排名，或者给其他站进行网站排名，都能有效地提高网站的展示率。

16、聚合链接网站推广法。将优秀内容聚合在一起，吸引网民。

17、bt电驴哇嘎资源网站推广法。可以在音视频文件里放入自己的网站，特别是在一些需要证书才能收看的视频文件里，甚至可以弹出网站。一些站长使用这种方法，借助最新的电影上映时机，发布一个视频文件，就能搞到几十万的ip，效果绝对一流。

18、图片打水印网站推广法。防止别的网站引用图片，不仅不友好没效果，而且阻挡了搜索引擎的收录。从某种角度来说，其他网站也是自己网站的特殊网民。如果给网站打上水印，放上网站地址http://www.waitingba.com，积极地让别的站引用图片，提高网址曝光率，那么宣传效果是很好。水印法，包括图片水印法、视频水印法、网页水印法…… 

19、视频源flash网站推广法。如今的视频网站，都提供外部的访问接口。在别的网站、日志引用这些视频的同时，直接宣传了网站，扩大了网站的影响力。

20、提交到网址网站推广站，网站导航站，网站目录站。

21、交换友情链接网站推广法。这是最原始的网站推广网站。

21、无偿单向链接网站推广法。无偿给其他网站做链接，既能丰富自己网站的信息，而且在网民搜索别的站的时候，又可能出现自己的网页结果。

22、网站交换链网站推广法。这是几年前最流行的网站宣传方法，如今存在的交换链网站很稀少了。

23、批量提交友情链接网站推广法。用自动提交工具，提交网站到其他网站的友情链接栏目。当站长们在审核是否通过你站的时候，就为你贡献了一个 ip。人类社会的发展，就是得益于工具自动化程度的提高。要充分利用互联网传递信息的自动化、数字化、批量化优势，善于使用批量宣传工具，节省人力重复性劳动。

24、网站推广同盟网站推广法。单打独斗出不了英雄好汉，一个人的精力时间和聪明才智毕竟太小，因此，要懂得借用外力。几个站长联合在一起，达成宣传共识。在宣传自己网站的时候，顺便也捎带上别的网站。用同样的劳动，得到更多的收获。

25、流量统计网站推广法。在网站的所有页面上放置一个iframe页面引用代码，在所引用的页面上放上其他网站的统计器，用程序代码控制变换统计 id，当其他站长查看统计，浏览访问来路来源的时候，你的网站就出现了。一般的站长都会点击查看的，这种宣传方法效果很好，属于密不外传的绝招，很多人知道百度和google的威力就是从网站访问来路知道的。

26、互换频道网站推广法。和其他网站互相交换频道。就是把对方网站当作自己的一个频道在网站上推广。这样互相捧场，互相帮衬，威力巨大。

27、免费资源网站推广法。给其他网站提供免费的服务，比如免费统计，免费评测，免费天气查询代码，免费博客，免费ip查询代码，免费股票查询代码，免费搜索代码，免费在线客服系统，免费留言本，免费域名，免费空间，免费pr评价，免费电子书，免费查询，免费挂qq，免费认证，免费素材等等。要让自己提供的服务，成为其他网站的标准配置。时间久了，流量自然有了。 

28、内容联盟网站推广法。这个方法适合有服务器资源的站长。提供一个平台，可以绑定其他网站的域名，把网站的头尾广告位置送给其他站长，吸引其他网站加入。看似是为其他网站做嫁衣裳，实际上是在宣传自己的网站，扩大了网站知名度和影响力。网络上流量最大的地方不是搜索网站，而是其他网站。搜索网站流量大，但是平均到每个站，也就几个几十个，对自己实际意义不大。拉到一个站长，胜过拉到几千个网民。这种方法长期而持久。

29、威逼强迫网站推广法。比如网站**miibeian、各地公共安全局，都可以强迫网站放链接。一般人用不了。不过可以变相使用，比如黑客加链接法。

30、做大做强网站推广法。比如门户站。让小网站以加自己网站的链接为荣。尽管很少有站从门户网站得到一星半点的好处，但是对强者天然的崇拜心理，仍然让无数站长不由自主地献身链接，并以此为光荣。至于人家是否留意和领情，则是另外一回事了。

31、客户端软件插件网站推广法。有技术含量的站长可以采用此法。开发流行的网民常用的客户端软件，比如聊天工具类软件qq，网络游戏类工具，下载工具类网站迅雷等等，都可以弹出窗口，可以直接弹网站首页，也可以弹一些活动页。效果奇好。

32、收费资源免费网站推广法。比如长久提供软件注册码，注册号，序列号，免序列号版软件，提高网站粘性。比如操作系统的ghost版本，养活了好几个日访问量几十万ip的网站。雨林木风番茄花园jujumao等。

33、群组网站推广法。如今的web2.0等社交网站，都有这个功能。在群组里广发消息，吸引注意力。

34、发布任务网站推广法。在威客网站发布任务，不仅能够吸引接受任务的人，而且能够吸引一大批旁观者。要充分利用这种一对多的传播优势。

35、印发宣传单线下宣传网站推广法。既可以自己印发，也可以和其他传统企业合作，使用它们的现有渠道。比如和超市合作，在购物小票上印制自己网站的网址。可以拿网站上的资源和超市交换。

36、流量交换联盟网站推广法。加入流量交换联盟，运用专业的流量交换系统平台，直接和其他网站交换流量，互惠互利，共同发展。

37、鼓励访客宣传网站推广法。至于如何打动网民口碑宣传，则要根据网站内容，灵活安排了。一般新奇有趣互动性的内容效果教好。比如测试类啊、评比类啊、节日祝福类啊、搞怪类啊等等内容的网页容易被强烈传播。可以考虑自己的网站如何发掘这方面的素材。

38、名片网站推广法。在名片上，手册上，一切自己能掌控的纸上，印上网址、写上网址。

39、在电子邮件落款里加入网址网站推广法。在电子邮箱的设置里，设置一下。以后写信就会自动加上，自己就省事不少。

40、网上竞赛网站推广法。比如美女评比、网站评比等等各种资格赛的评比。

41、付费推广网站推广法。如果一些方法免费行不通。只要性价比合适，出去一个，可以收回两个，不妨付费推广。舍得舍得，舍不去的还会跑回来的。

42、分工网站推广法。社会效率的提高一个是工具自动化水平的提高，另一个是分工的价值。自己的能力有限，善于整合外部力量，雇用别人推广，把专业的事情交给专业的人来做，可以达到事半功倍的效果。

43、按效果付费网站推广法。如果你有可以出售的资源，不妨在网络上以按效果付费的方法推广，可以免费得到大量的流量。

44、设为主页和加入收藏网站推广法。如果你站的内容足够好，访问者也许愿意长期访问你的网站。在这一点上，要多费点心思提醒网民哦。 

45、厕所绘画网站推广法。这种方法慎用，已经有得不偿失的先例。不推荐使用。

46、搞活动网站推广法。各种线下活动，各种聚会等。

47、广场效应网站推广法。在身上衣服上画上网址，去人多的地方引人瞩目。最好是在记者出没的地方，容易产生新闻效应。因为记者整天没事干，最喜欢这类八卦事情。

48、贺卡网站推广法。当别人送贺卡的时候，就顺便推广了你的网站。

49、事件连锁反应网站推广法。炒作。具体就是挑战人们的心理承受底线，锻炼人们的心理承受能力。

50、问答网站推广法。在一些知识类、知道类网站，回答别人的问题。或者自问自答。

51、百科网站推广法。去网上的百科全书添加内容。

52、rss网站推广法。有很多rss聚合类网站，可以制作自己网站的rss，提交到这些网站。

53、网吧推广网站推广法。如果有关系，可以把网吧的机子主页设为自己的网站。

54、站长交流网站推广法。多和其他站长交流，探讨推广方法。说不定什么时候就有意外惊喜。在和别人的经验交流中也往往会有灵感的火花跳跃。不要吝啬你自己的经验，在告诉别人的时候，也是对自己经验的一次系统化、条理化、理性化提纯。

55、网页病毒网站推广法。利用其他网站的dns漏洞、服务器漏洞，程序漏洞等，直接挂上自己的网站，迅速提高网站普及率。这是最强悍的另类推广方法。属于被清理的方法之列。

56、过路费网站推广法。如果你有电信等方面的资源，掌握了网页的传输通道，可以将每个网页都进行完善，加进你想加入的内容。

57、域名网站推广法。人是会犯错的动物。研究高流量网站的域名，分析其错误拼写的各种可能，注册相应域名，也可以从中得到不少流量。如果应用在网站内容建设上，则可以以热门内容的错误拼写文字来建设和优化内容。

58、分类信息网站推广法。去各类分类信息站发布网站信息。 

59、免费域名网站推广法。给其他站提供二极域名，或者去申请其他站的免费域名指到自己的站，都可以。

60、聊天室网站推广法。在各种聊天室推广。注意给出一个必须发链接的理由。

61、演讲网站推广法。举办各种讲座，演讲，不知不觉地给网站吸引来新访客。

62、特殊资源网站推广法。比如高考查询，英语四六级查询等资源，是利益相关者不得不访问的。

63、模仿网站推广法。处处留心皆学问。学习其他网站的推广方法，看看其他网站的链接都出现在了什么地方，想办法依葫芦画瓢。模仿是创新的基础，创新是模仿的升华。创新=模仿+经验积累+批量化+自动化。

64、被动推广网站推广法。提高网站质量，做一个对网民有独特帮助的网站，让网民喜欢你的网站，让网民自发地传播你的网站，是效果最好的推广方法。

65、化整为零网站推广法。在各大商务网站上，建立网站的副版本。借用其他网站的平台，推广自己的东西。

66、预告网站推广法，也叫系列法。不要将宝贵的内容一次性全部提供，每天提供一点点，连续几个星期、几个月，让网民不断重复地访问网站。类似电视台播放电视剧和报纸的小说连载等等模式。比如赤壁，拦腰劈成两半，就能卖两倍价钱，赚双倍票房。搞网站也要学会这种留一手的做法。

67、创建品牌网站推广法。其实品牌建设并不难，非常简单。网上信息浩如烟海，陈旧信息充斥在各个网站，价值极其微小。站长们可以持续搜集某个主题信息，根据最新条件和情况，不断对原先的旧内容维护、补充和更新，按照日期顺序有规律地发布到其他网站，提高网站影响力。当人们需要该方面信息的时候，唯一的去处就是此类信息发源地了，建立品牌就是这么容易。有了品牌知名度，网站自然而然有了流量，顺便也能带活整个网站。例如中关村在线的电脑配件报价，百度的搜索排行榜，雪缘园足球即时比分。 

68、多语言版本网站推广法。利用一些网站提供的免费翻译功能，建设不同语言版本的网站，比如繁体版，英文版等等，扩大网站的适用人群。

69、建站程序网站推广法。开发一套网站程序，免费提供给别人使用。网站程序里少不了带上开发者的版权链接。目前流行非流行的博客程序、论坛程序等开发者网站，流量大的吓人。有点能力的站长朋友何不学习一下呢。即使开发不了完整版，搞个二次开发，推出美化版、各类主题版，发布到各类源码站。

70、网站模板网站推广法。这个容易理解，用网页建筑师html、网页美容师css、网页魔术师javascript给流行的网站程序设计新界面，发布到对应网站，在发布的时候，可以留下网站的模板地址的，例如提供上述模板等等，这样可以获得很高的曝光率。模板其实很容易制作的，改下颜色，改下字体，变变页面元素位置即可。只要用心，没有做不到的。关键是学会思路，凡事心中有谱。

71、讲故事出书网站推广法。书籍可以被长久反复阅读，对人们的影响是非常大的，网站也能给人留下不可磨灭的印象。

72、创造新概念网站推广法。让新概念成为网站的代名词。当人们使用这个概念的时候，自然就宣传了你的网站。给人们先入为主的信息，融入人们的生活之中，这样的宣传效果，具有不可动摇的地位。概念的名称可以固定，概念的内容却可以常变常新，满足人们持久而不断变化的需要。

73、改名法网站推广法。将城市名称、公司名称、道路、人名、昵称、建筑物名称或者社区名称等等实体的名字，修改设置为网站地址。这样做的话，网址的曝光率和使用频率会非常高，网站也会非常自然地出现在各种名单中，比如地图上，新闻报道里，人们的日常交往中。总之，传播效率和传播有效性都会非常高。

74、月历墙纸网站推广法。制作各种精美独特风格多样的月历图片，提供给人们做电脑的桌面墙纸壁纸使用。只要网民一打开电脑，你的网址就跃然pc上。一年300多天，天天都在提醒网民，你的网站对其有用。 

75、征婚网站推广法。在各类报刊杂志网络上以整版的方式征婚，联系方式就仅仅留下网址。不仅可以吸引应征者，也可以吸引无数喜欢猎奇的闲极无聊的大量人群。具体做法可以参考以往的“征婚门”事件。

76、公交车站网站推广法。在都市的热门地段设置一个车站，乘车的人必然能够留意到，绕都绕不过去。此方法最适合公交公司。

77、地图网站推广法。让网站总部出现在地图上。地图传播面广，受众大，使用频率高。此法适合财大气粗有特殊关系者。研究研究你所在地方的地图，看看有什么公司的名字出现在上面，想想人家是怎么出现在上面的，模仿一下吧。如果做不到，那么求人不如求己，让自己的网站成为一张地图，一个平台。

78、吹捧网站推广法。要让网站成为网民心中的唯一，只有抬高身价，自吹自擂，让网民相信，你是最好的，你是最棒的，你就是名牌。让网民访问贵站，成为一种身份的象征，成为显耀自身价值的标志，极大地满足人们的虚荣心。这个可以通过设置访问限制来达到。人们天生对打破限制有一种狂热的喜好。本来平淡无奇的东西，一旦设置了限制，身价就高了。人们始终不明白一个道理：世界上最有价值的东西是免费的。

79、出入口网站推广法。在茫茫人海中，每个人都在各个入口和出口里进进出出，徘徊奔波，寻找活着的乐趣和存在的意义。它们找到了吗?你也许可以为之做点什么。

80、招聘网站推广法。如今科技和社会发展，机器工具代替人们劳作的趋势越来越明显，没事可干就成了一种普遍的社会现象，工作岗位成了一种稀缺资源，“为人民服务”的口号成为争权夺利的代名词，为人民服务不再光荣，主动放弃自己不能胜任的岗位才是光荣的，可是，有谁乐意放弃呢?可以预见的是，在不久的将来，自动化工具完全代替人类的重复性劳动，所有人都将没事可干，人人要靠社会保障生存，可是，如今普遍的社会生存保障在哪里呢?既然获取为人民服务的资格如此艰苦，那么以招聘的名义，去招聘会上宣传网站，效果想来一定差不到什么地方。

81、立碑网站推广法。石头是疯狂的，疯狂的石头，是可以让无数东西千古流芳的。石头的寿命远远超过人的寿命和数字化存储载体的生命周期。古往今来，能够流传下来的，都是以石头为载体的。人脑太不可靠，只有石头值得信赖。在繁华地带或者名山大川立个碑，其宣传的效果是非常久远的。甚至可以被史后时期的人看到。但是，到那个时候，你的网站还能访问吗?

82、故事网站推广法。人是感性的动物。人们不喜欢理性的说教，但是这不代表人们不喜欢经过故事包装或伪装的说教。尽管明眼人一眼就知道怎么回事，但是在100万个人中，你能找到一个明眼人吗?这是比大海捞针的难度系数还高上千倍万倍的极限任务。买椟还珠的故事在人们的消费行为中时时刻刻上演，所以，请不要忽视包装的效果。如果有可能，就把你的推广行为用故事润色一下，给人们口碑相传贵站一个足够分量的理由。只要一个理由，一切都可以风生水起，面朝大海，春暖花开。让网站的名称，成为整个故事的线索，成为故事走向完美结局的核心要素，成为不可磨灭的一部分。人们就算把整个故事情节都忘记了，也会依稀记得你的网站在其中的独特作用。动人的故事，动人的网站，动人的宣传推广效果，动人的提醒暗示功能。

83、信仰网站推广法。刺激人们有几个手段、途径和层次，“立，礼，理、利、力”，越往后越低级，越接近兽|性。“立”就是树立信仰，创造理想和心愿，从根本上变化人的思维模式和行为模式。“礼”就是让事情充满趣味性，人是喜欢测验自己思维能力的家伙，把简单的事情人为地搞复杂是人经常玩的智力游戏，它们宁愿柳暗花明地瞎折腾也不喜欢一路顺风。“理”就是讲事实摆道理，用美好的“活着、活好和活得长久”的对错价值观和消除破坏性增强建设性的逻辑达成共识。“利”就是用彼方面的利益来弥补此方面利益的缺失。这是一种亏处有补的让步和交换行为模式。“力”就是以强制力为后盾的兽|性行为方式。把“力” 关到笼子里，才是人性的做法。人性是以创造和分享为手段，以人人自由如意为目标的公益事物。而兽|性是以争抢和独占为手段，以无穷的欲望满足为企图的破坏性事物。值得注意的是，人是兽|性和人性并存的事物。判断一个人成熟程度的标志，就是以其行为上的人性程度来衡量的。任何一个人，对任何刺激，都同时存在兽|性和人性两种情绪和想法，没有人可以例外，这是人为无法控制的。人可以控制的是自己的最终选择。“听话听内容，看人看行动”，思想什么都不是，重要的是看这个人(群体)在行动上的反应情况。行为的人性化程度，才体现了一个人(群体)的素质和价值。 

84、赞助网站推广法。对于有价值的公益事情，要积极地参与，这种在客观上酷似AA制的打包推广手段，可以节省不少开支。与其把广告费交给私有群体，不如拿来改善人类的生存处境，既达到了原先的宣传效果，又在客观上做了好事，一举两得一石二鸟一箭双雕一语双关，既有利益又有意义，何乐而不为?

85、公共元素网站推广法。研究各类网站，观察和思考一下这些网站有什么公共的雷同的东西。开发工具和系统，给这些网站提供统一的服务，免除这些网站的重复性的劳动。比如统计服务、留言服务、客服系统、日历系统、聚合服务、搜索服务、友情链接服务、图片服务、帐户服务、支付系统……其实，没有什么是不可以分拆的，需要解决的问题是信任。

86、实物日历网站推广法。赠送免费的纸质日历给人们。举一反三融会贯通敲山震虎打草惊蛇地推而广之，赠送免费手机、免费午餐、免费住宿、免费资格、免费门票、免费春联、免费杀毒软件、免费代码、免费服装、免费书籍、免费玩具、免费电话等等等等。自己想去吧。一切收费的都可以免费提供，只要间接收获的投入产出比性价比合算划算。提醒一下，你要让人们看到你自己的利益所在，否则人们会因害怕和难以置信而不敢接受。这是免费爱心东西在金钱时代遭遇的一个信任危机，也是金钱的负面效应的作用结果。 

87、免费算命网站推广法。命运是固定的，算不算都一个样，正所谓“命运天注定，半点不由人”。“我是谁”这个问题的标准答案是，“我不是我，我是规律的傀儡”。既然人们有这个需要，给算一下也无妨。给人免费算命，建议人们把名字改为你的网站地址，如果成功，你就多了一个忠实的终身义务宣传员。这样的人走到哪里，你的网站就亮到哪里。实在没人改，就改你自己的名字吧。

88、您自己的独门秘籍网站推广法。为了防止好方法失传，强烈建议您公开出来。事物只使用才有价值。价值在使用的过程中才能激发出来。

89、卖站推广法。就说我现在的网站有一万个流量，现三百块低价出售，贴出网址，这样大家都过来看。

90、人工扛牌子宣传。穿个有公司独特印记的T恤，找个美女，性感的美女，去人流量大的地方，这对地方站有特效。

91、图书宣传法。搞个图书，在封面上打上网址就行了。

92、免费赠送法。批发一批有意思的小玩意，在论坛上免费派送，但是要收快递费的。而快递费赚的钱就是产品的本钱，这样就积累了人气，自己也不亏本。

93、修电脑法。这个适合地方站。给用户免费装机，装机后给他设个默认首页就行了。

94、媒体联合法。同样适合地方站，找当地的媒体和他们一起推广，借力打力。

95、作小法。把自己的网站看低，主动去别的论坛上发贴，例如发布：站长您好，我的网站是希望和贵站交换友情链接，可否?请求对方给个友情链接，这样不算广告贴，对方不会删除你的。这样就留下了外链。 

96、作大法。吹，吹自己是中国最X的网站，这样好奇心就吸引人来了。

97、模仿法。现在色站基本上都关了，但是有很多站长起个色站的名字，内容却不色。这样在搜索中搜索的时候就会来到他们的网站上。

98、重点新闻大法。关注各个电台、各大网站的新闻。看上面报道的事件和人物，然后重点更新该事件和人物。这样非常容易引起搜索的关注。

99、博客抢评论。这个不要说了，大家都知道的。

100、最后一条，是无为而治。重点作好站的内容就行了。

]]>