<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="http://feeds.qzone.qq.com/rss.xsl" version="1.0"?>
<rss version="2.0" xmlns:qz="http://qzone.qq.com">
<channel>
<title><![CDATA[㊣陈君(小狼)]]></title>
<description><![CDATA[小狼快跑！]]></description>
<link>http://13713959.qzone.qq.com</link>
<lastBuildDate>Sun, 29 Nov 2009 21:12:19 GMT</lastBuildDate>
<generator>Qzone</generator>
<language>zh-cn</language>
<copyright>Copyright (C), 2005-2008, Tencent Tech. Co., Ltd.</copyright>
<pubDate>Mon, 07 Sep 2009 03:57:55 GMT</pubDate>

<item>
<title><![CDATA[设为首页 加入收藏的代码]]></title>
<link>http://13713959.qzone.qq.com/blog/1252295875</link>
<description><![CDATA[设置为首页的方法为：<br>&lt;a href=# onClick=&quot;this.style.behavior='url(#default#homepage)'; this.setHomePage('URL');event.returnValue=false;&quot;&gt;设为首页&lt;/a&gt;<br>URL就是你要设定的网址地址<br><br>要设置当前网页的地址为首页,你可以这样：<br>&lt;a href=# onClick=&quot;this.style.behavior='url(#default#homepage)'; this.setHomePage(document.location.href);event.returnValue=false;&quot;&gt;设为首页&lt;/a&gt;<br>上述方法采用javascript的document.location对象的href属性来获得当前网页的全路径。<br><br>同理，如果您只想将当前网页所在的域名地址设为首页，您只需将document.location.href改为document.location.host即可。示例如下：<br>&lt;a href=# onClick=&quot;this.style.behavior='url(#default#homepage)'; this.setHomePage(document.location.host);event.returnValue=false;&quot;&gt;设为首页&lt;/a&gt;<br>说明：如果当前网页的地址为：http://www.design007.com/design/index.htm，则会将当前网页的域名地址（www.design007.com）设为首页。<br><br>加入到收藏夹中的实现方法为：<br>&lt;a href=&quot;Javascript:window.external.addFavorite('http://www.design007.com','设计007')&quot;&gt;加入收藏&lt;/a&gt;<br><br>举一反三，与上面设为首页的方法一样，如果您要将当前网页加入收藏，而当前网页的网址不确定，您可以采用以下方法：<br>&lt;a href=&quot;Javascript:window.external.addFavorite(document.location.href,document.title)&quot;&gt;加入收藏&lt;/a&gt;<br>其中的document.title为自动获取当前网页的标题的javascript代码。<br><br>用到的代码<br>document.location.host      //获取网页域名地址<br>document.location.href      //获取网页完整路径<br>document.title                   //获取网页的标题<br><br><br><br><br>&lt;a target=_top href=javascript:window.external.AddFavorite('http://www.ha321.com';,'MTV音乐站')&gt;加入收藏&lt;/a&gt;<br>&lt;a href=# onClick=&quot;this.style.behavior='url(#default#homepage)';this.setHomePage('www.ha321.com');&quot;&gt;设为首页&lt;/a&gt;<br>&lt;P&gt;&amp;lt;a target=_top href=javascript:window.external.AddFavorite('&lt;A href=&quot;http://www.mtv555.com&amp;/&quot; target=_blank&gt;http://www.ha321.com&amp;&lt;/A&gt;#39;,'&lt;A class=Channel_KeyLink href=&quot;http://www.ha321.com/&quot;&gt;MTV音乐站&lt;/A&gt;mtv音乐站ha321.com')&amp;gt;加入收藏&amp;lt;/a&amp;gt;&lt;/P&gt;<br>&lt;P&gt;&lt;BR&gt;&amp;lt;a href=# onClick=&quot;this.style.behavior='url(#default#homepage)';this.setHomePage('www.ha321.com');&quot;&amp;gt;设为首页&amp;lt;/a&amp;gt;&lt;/P&gt;<br><br>图片链接<br>&lt;a style=&quot;cursor:hand&quot; onclick=&quot;this.style.behavior=’url(#default#homepage)’;<br>this.setHomePage(’http://ha321.com/bookmark-favorites.php’);&quot;&gt;<br>&lt;img width=16 height=16 border=0 src=&quot;images/house.png&quot;&gt;<br>&lt;u&gt; Set as Home Page&lt;/u&gt;&lt;/a&gt;<br><br>1.文字型：<br>&lt;a onclick=&quot;this.style.behavior=’url(#default#homepage)’;this.setHomePage(’http://www.ha321.com’);&quot; href=&quot;#&quot;&gt;設為首頁&lt;/a&gt;<br>範例：<br>設為首頁<br>2.按鈕型：<br>&lt;input TYPE=&quot;button&quot; VALUE=&quot; 設為首頁 &quot; onclick=&quot;this.style.behavior=’url(#default#homepage)’;this.setHomePage(’http://www.ha321.com’);&quot; href=&quot;#&quot;&gt;<br>离开时自动提示设为首页<br>&lt;body onunload=&quot;BASEBody.style.behavior=’url(#default#homepage)’;if(!(BASEBody.isHomePage(’http://ha321.com')))BASEBody.setHomePage(’http://www.ha321.com/’);&quot;&gt;<br>-------------------------------------------------------------<br>打开页面时自动弹出窗口询问是否设为首页 字串7<br>将以下代码放在&lt;head&gt;&lt;/head&gt;之间：<br>&lt;script language=&quot;javascript&quot;&gt;<br>function myhomepage(){<br>this.homepage.style.behavior=’url(#default#homepage)’;this.homepage.sethomepage(’http://www.ha321.com’);<br>}<br>&lt;/script&gt;<br>&lt;p align=&quot;center&quot;&gt;&lt;a href=&quot;http:ha321.com&quot; name=&quot;homepage&quot;<br>onclick=&quot;myhomepage();&quot;&gt;&lt;/a&gt;<br><br><br>再将下面代码加入&lt;body&gt;内：<br>onload=&quot;myhomepage();&quot;<br>即：&lt;body　onload=&quot;myhomepage();&quot;&gt;<br>------------------------------------------------------------------------------<br>鼠标指向时提示设为首页<br>将下列代码插入&lt;body&gt;区中：<br>&lt;A href=&quot;http://www.netbei.com/&quot; onmouseover=&quot;this.style.behavior=’url(#default#homepage)’;this.setHomePage(’http://www.ha321.com’);&quot; target=&quot;_blank&quot;&gt;设为首页&lt;/A&gt;<br>-------------------------------------------------------------------------------<br>关闭当前窗口的功能<br>　　这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“javascript:window.close(); return false;”。<br><br>字串2<br><br><br>　　完整的代码为：&lt; a href=“/”onclick=“javascript:window.close(); return false;”&gt;关闭窗口&lt; /a&gt;<br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1252295875#comment</comments>
<qz:effect>135266304</qz:effect>
<pubDate>Mon, 07 Sep 2009 03:57:55 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1252295875</guid>
</item>

<item>
<title><![CDATA[JW media player 参数说明和播放列表]]></title>
<link>http://13713959.qzone.qq.com/blog/1252038902</link>
<description><![CDATA[<span style="font-weight:bold"><wbr />参数<br></span><wbr />这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js，可以用addVariable()方法来配置，如果使用的embed方式，可以通过定义&quot;flashvars&quot;属性来配置变量，注意用&quot;&amp;&quot;符号分割这些变量。<br><br>被*号标注的同样适用于 JW Image Rotator<br><br><span style="font-weight:bold"><wbr />基本变量</span><wbr /><br><br>displayheight(number）：显示区域的高度.控制区域最小高度是20px，当该值大于或等于swf的高度时，播放列表会自动隐藏，否这会显示。<br>file*(url）：要播放文件的地址。 支持单文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF)，也支持播放列表。JW Image Rotator只支持列表<br>height*(number）：设置swf的高度，当使用embed方式插入的时候，在embed的属性里已经设置了。但是有时候（特别是使用IE的时候）高度会变的不确定，影响了布局，这时候需要通过该参数设置下，该值的单位是px<br>image(url）:当你播放mp3，flv的时候，你可以通过该值设置一个预览图作为专辑封面，支持 JPG/SWF/PNG/GIF file. 你也可以在播放列表中对每一项进行设置。<br>shownavigation*（true,false):该参数仅被JW Image Rotator支持。用来显示或隐藏图片导航。<br>transition* (fade,bgfade,blocks,bubbles,circles,fluids,lines,random,slowfade): 该参数仅被JW Image Rotator支持。用来设置图片替换的效果。 设置为&quot;random&quot; 将随机的设置效果.默认值为 &quot;fade&quot;. <br>width*(number):设置swf的宽度，其他同height；<br><br><br><span style="font-weight:bold"><wbr />颜色变量</span><wbr /><br><br>backcolor*(color):设置播放器的背景颜色。JW Media Player等默认为 0xFFFFFF (白色) JW Image Rotator默认为  0x000000 (黑色). <br>fontcolor*(color):设置文字和按钮的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为  0xFFFFFF (白色). <br>lightcolor*(color):设置被被激活状态的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为  0xCC0000 (红色). <br><br><br><span style="font-weight:bold"><wbr />界面参数</span><wbr /><br><br>autoscroll(true,false):当播放列表过长的时候，默认会自动显示滚动条。当该值设置为'true'的时候，会自动根据鼠标滚动播放列表。<br>displaywidth(number of pixes):设置显示区域的宽度，当设置的比较小的时候，播放列表会显示在显示区域的右侧而不是底部。<br>kenburns* (true,false): 用以实现在运动的时候实现kb效果（Ken Burns effect），注意，当图比较大，而且网速比较快的时候，建议打开，否则关闭。建议设置transition为&quot;slowfade&quot;来配合。<br>largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开<br>logo* (url): 设置一个图片用来作为右上角的水印，支持所有图片格式，支持通明图层的png效果最佳。<br>overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。&quot;true&quot;等比例拉伸用来符合显示区域。&quot;false&quot;仅拉伸合显示区域。&quot;fit&quot;全屏显示。&quot;none&quot;显示原始大小。JW Media Player等默认为&quot;fit&quot;,JW Image Rotator默认为&quot;false&quot;<br>showdigits (true,false,total): 设置为&quot;false&quot;隐藏播放时间等信息用来节省控制区域的空间。设置为&quot;total&quot;用来显示全部时间。<br>showdownload (true,false):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。<br>showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果<br>showicons* (true,false): 用来显示或者隐藏显示区域中间的图片，JW Media Player等默认为true。JW Image Rotator默认为false；<br>showvolume (true,false): 用来设置是否显示音量控制按钮<br>thumbsinplaylist (true,false): 设置列表中是否显示预览图<br><br><br><span style="font-weight:bold"><wbr />播放参数</span><wbr /><br><br>autostart (true,false,muted): 设置为ture，页面加载完后会自动播放。设置为muted，会在静音模式下自动播放，并且显示区域中间有静音图标。<br>bufferlength (number): 设置flv的缓存时间。默认为3秒<br>repeat* (true,false,list): 默认为flase，从当前播放位置播放到列表尾部后停止。设置为list会播放列表中所有的项目，设置为true会循环播放。<br>rotatetime* (number): 设置图片的显示时间。JW Media Player等默认为10秒,JW Image Rotator默认为5秒<br>shuffle* (true,false): 设置为false顺序播放，设置为true无序播<br>smoothing (true,false): 设置为false关闭视频平滑处理，推荐设置true用以得到更好效果。但对于大屏幕或者配置低的机器设置false是有好处的<br>start* (second): 在使用RTMP 或 HTTP 流媒体的时候（非常规的flv/mp3)，使用该变量准确的定位开始位置。该参数设置在XSPE格式的列表中以便准且的设置文件的章节。<br>volume* (number): 设置音量，默认为80.<br><br><br><span style="font-weight:bold"><wbr />互动参数</span><wbr /><br><br>audio* (url):用这个参数来添加一个mp3文件作为单独的音频，可以作为图片的背景音乐解说等。<br>bwfile (url):用以带宽检测的文件的地址，可以放一个图片，或者rtmp流媒体。可以在右键菜单中查看到贷款数值。 <br>bwstreams (comma-separated list of bitrates):<br>和 bwfile配合使用，根据带宽值来选择不同的文件。如：你要播放video.flv并且设置该项的值为100,250,500,1000,当播放器发现带宽为349kbps的时候，将会播放video_250.flv。所以他有一套有效的命名设置，他将会自动切换，哪怕是在采用播放列表的情况下。<br>callback (url):设置这个参数为服务端程序（php/asp)地址用来回传数据。在每个项播放和停止的时候会发送数据到服务器，以便在服务器端保存播放统计。<br>captions (url): 设置该值用以载入一个文本格式的文本作为字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。如果你的flv文件内置字体你可以设置该值为&quot;captionate&quot;.如果你有多频道字幕，可以设置这个值为&quot;captionate0&quot;, &quot;captionate3&quot;等。可以在列表中设置每一个项的值。<br>enablejs* (true,false): 设置为true打开对javascript的支持。仅支持在线使用。javascript可以控制播放，加载媒体，获得当前播放项的详尽信息。<br>fsbuttonlink (url):如果用户的flashplayer版本高于（9.0.28）播放器会自动的显示一个全屏按钮。通过设置该值，你可以链接到另外的页面用以全屏显示。服务端程可以设定将要播放的文件。<br>id (string): 播放器的唯一标识。将会被回传到服务器端。<br>javascriptid* (string):如果你的页面上有多个播放器，你可以设置这个参数给每个播放器不同的id，这样就可以方便的用javascript来控制。他将回传到getUpdate（）事件中。<br>link (url): 通过这个参数用来设置一个可现在的版本，或者强制用户通过该地址下载当前项。可以在播放列表中为每一项设置该值。<br>linkfromdisplay* (true,false):设置显示区域被点击时要访问的页面。默认点击显示区域时会进行播放/暂停操作。<br>linktarget* (frame): 设置链接目标，&quot;_self&quot;在当前页打开。&quot;_blank&quot;在新页面中打开。<br>streamscript (url):设置这个参数为了兼容‘伪流媒体’FLV文件。<br>type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器会根据文件名的最后三个字符来判断类型。在你使用服务器端语言进行重定向时，这种方法将不会再有效。所以你可以设置这个参数来告诉播放器文件类型。你也可以在播放列表中对每一项进行设置。如果播放器找不到文件类型将会被识别为播放列表。<br>useaudio (true,false): 设置为false用来改变为静音状态。<br>usecaptions (true,false):设置为false隐藏字幕. <br>usefullscreen (true,false):如果你不希望用flashplayer9的全屏模式。可以设置&quot;fsbuttonlink&quot;参数用来替换全屏按钮的事件。<br>usekeys (true,false): 设置为&quot;false&quot;用来取消键盘操作(SPACE,UP,DOWN,LEFT,RIGHT)<br><br><br>注意：你必须对?=&amp;进行字符转移。? → %3F, = → %3D, &amp; → %26. 你的&quot;file&quot; 变量为getplaylist.php?id=123的时候必须设置为 getplaylist.php%3Fid%3D123.<br><br><br><span style="font-weight:bold"><wbr />播放列表</span><wbr /><br><br>当播放列表中只有一个项目的时候，播放器会用单文件播放模式进行播放。播放器根据文件名来区分单文件和播放列表文件。如你的加载文件名为test.mp3的文件，播放器会用单文件播放模式去播放mp3，因为扩展名是mp3.如果你的文件名是getlist.php,播放器会认为这是个播放列表。如果你使用了动态脚本来加载一个单文件如<br><br>播放器支持三种常用的播放列表格式来确保通用性。XSPF，RSS和ATOM。<br><br>播放器所支持的XSPF/RSS/ATOM列表的通用标签。<br>表格<br><br><wbr /><a href="http://b22.photo.store.qq.com/http_imgload.cgi?/rurl4_b=4e3a97dcb45afcaab10e897336d1096a86003be1a57f6043f4e4053c6ddd731ccb63edcc2f54f9d8321c5c63b3e4a716952785aa53b5c80c9a323f1356ec05286cef36bd1289377a427b6c997765323f42125203" target="_blank"><img style="width:670px;height:332px;border:0;" src="http://b22.photo.store.qq.com/http_imgload.cgi?/rurl4_b=4e3a97dcb45afcaab10e897336d1096a86003be1a57f6043f4e4053c6ddd731ccb63edcc2f54f9d8321c5c63b3e4a716952785aa53b5c80c9a323f1356ec05286cef36bd1289377a427b6c997765323f42125203" /></a><wbr /><br><br><br>*Image Rotator仅支持播放列表中的第一个'audio'项，被用来做为背景音乐来播放。播放器会播放所有的音乐项目。<br><br>** &quot;category&quot; 元素可以用来支持广告。你可以设置该值为&quot;preroll&quot;, &quot;postroll&quot; 或 &quot;overlay&quot;. <br>使用&quot;link&quot;播放列表中单项的值为广告地址。<br><br>*** &quot;start&quot;元素只被XSPF的播放列表格式支持。该元素用来设置流媒体文件（HTTP or RTMP)的开始位置，单位为秒。<br><br>**** XSPF列表格式中的&quot;location&quot;元素中如果不包含常见的扩展名(如 &quot;mp3&quot; or &quot;flv&quot;),可以使用&quot;meta&quot;元素指定文件格式 <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1252038902#comment</comments>
<qz:effect>134218241</qz:effect>
<pubDate>Fri, 04 Sep 2009 04:35:02 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1252038902</guid>
</item>

<item>
<title><![CDATA[最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)]]></title>
<link>http://13713959.qzone.qq.com/blog/1252032493</link>
<description><![CDATA[转自：<span style="font-family:'Verdana';line-height:1.8em;"><a href="http://www.yoyopo.cn/post/252/" target="_blank">http://www.yoyopo.cn/post/252/</a><wbr /></span><wbr /><br>CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名.   <br><br><span style="font-weight:bold"><wbr /><span style="color:#ff6347;line-height:1.8em;">CSS技巧</span><wbr /></span><wbr /><br><br><span style="color:#dc143c;line-height:1.8em;">1.div的垂直居中问题</span><wbr /><br><br>vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行   <br><br><span style="color:#dc143c;line-height:1.8em;">2. margin加倍的问题</span><wbr /><br>    <br>设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;    <br>例如：    <br>&lt;#div id=”imfloat”&gt;    <br>相应的css为    <br>#IamFloat{    <br>float:left;    <br>margin:5px;/*IE下理解为10px*/    <br>display:inline;/*IE下再理解为5px*/}   <br><br><span style="color:#dc143c;line-height:1.8em;">3.浮动ie产生的双倍距离</span><wbr /><br>    <br><span style="line-height:1.8em;">#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}  </span><wbr />  <br>这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);    <br><span style="line-height:1.8em;">#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table; }</span><wbr /><br><br><span style="color:#dc143c;line-height:1.8em;">4 IE与宽度和高度的问题 </span><wbr /><br><br>IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。    <br>比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：    <br>#box{ width: 80px; height: 35px;}<br>html&gt;body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}    <br><br><span style="color:#dc143c;line-height:1.8em;">5.页面的最小宽度</span><wbr /><br>    <br>min -width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当 做最小宽度来使。为了让这一命令在IE上也能用，可以把一个放到<span style="font-weight:bold"><wbr />标签下，然后为div指定一个类, 然后CSS这样设计：    <br><br><span style="line-height:1.8em;">#container{ min-width: 600px; width:expression(document.body.clientWidth &lt; 600? &quot;600px&quot;: &quot;auto&quot; );}   </span><wbr /><br>第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。   <br><br><span style="color:#dc143c;line-height:1.8em;">6.DIV浮动IE文本产生3象素的bug  </span><wbr />  <br><br>左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.    <br>#box{ float:left; width:800px;}   <br>#left{ float:left; width:50%;}   <br>#right{ width:50%;}   <br>*html #left{ margin-right:-3px; //这句是关键}    <br>&lt;div id=&quot;box&quot;&gt;   <br>&lt;div id=&quot;left&quot;&gt;&lt;/div&gt;   <br>&lt;div id=&quot;right&quot;&gt;&lt;/div&gt;   <br>&lt;/div&gt;   <br><br><span style="color:#dc143c;line-height:1.8em;">7.IE捉迷藏的问题    </span><wbr /><br><br>当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。    <br>有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。 <br>解决办法：对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。   <br><br><span style="color:#dc143c;line-height:1.8em;">8.float的div闭合;清除浮动;自适应高度;    </span><wbr /><br><br>① 例如：&lt;#div id=”floatA” &gt;&lt;#div id=”floatB” &gt;&lt;#div id=”NOTfloatC” &gt;这里的NOTfloatC并不希望继续平移，而是希望往下排。(其中floatA、floatB的属性已经设置为float:left;)   <br>这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签 闭合。在 &lt;#divclass=”floatB”&gt; &lt;#div class=”NOTfloatC”&gt;之间加上 &lt; #divclass=”clear”&gt;这个div一定要注意位置，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。 并且将clear这种样式定义为为如下即可： .clear{ clear:both;}    <br><br>②作为外部 wrapper 的 div 不要定死高度,为了让高度能自动适应，要在wrapper里面加上overflow:hidden;当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。    <br>例如某一个wrapper如下定义：    <br>.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}    <br><br>③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如:   <br>&lt;div id=”page”&gt;   <br>&lt;div id=”left”&gt;&lt;/div&gt;   <br>&lt;div id=”center”&gt;&lt;/div&gt;   <br>&lt;div id=”right”&gt;&lt;/div&gt;    <br>&lt;/div&gt;   <br>比 如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left centerright的向下拉长,而page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成float,所以我们应该这样解决    <br>&lt;div id=”page”&gt;   <br>&lt;div id=”bg” style=”float:left;width:100%”&gt;   <br>&lt;div id=”left”&gt;&lt;/div&gt;   <br>&lt;div id=”center”&gt;&lt;/div&gt;   <br>&lt;div id=”right”&gt;&lt;/div&gt;   <br>&lt;/div&gt;   <br>&lt;/div&gt;   <br>再嵌入一个float left而宽度是100%的DIV解决之   <br><br>④万能float 闭合(非常重要!)    <br>关 于 clear float 的原理可参见 [How To Clear Floats Without StructuralMarkup],将以下 代码加入Global CSS 中,给需要闭合的div加上 class=&quot;clearfix&quot; 即可,屡试不爽.    <br>/* Clear Fix */    <br>.clearfix:after { content:&quot;.&quot;; display:block; height:0; clear:both; visibility:hidden; }    <br>.clearfix { display:inline-block; }    <br>/* Hide from IE Mac */    <br>.clearfix {display:block;}    <br>/* End hide from IE Mac */    <br>/* end of clearfix */   <br>或者这样设置：.hackbox{ display:table; //将对象作为块元素级的表格显示}   <br><br><span style="color:#dc143c;line-height:1.8em;">11.高度不适应    </span><wbr /><br><br>高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或paddign 时。    <br>例：   <br>#box {background-color:#eee; }     <br>#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }     <br>&lt;div id=&quot;box&quot;&gt;     <br>&lt;p&gt;p对象中的内容&lt;/p&gt;     <br>&lt;/div&gt;     <br>解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。<br><br><span style="color:#dc143c;line-height:1.8em;">12 .IE6下为什么图片下有空隙产生 </span><wbr /><br><br>解 决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决. <br><br><span style="color:#dc143c;line-height:1.8em;">13.如何对齐文本与文本输入框 </span><wbr /><br><br>加上 vertical-align:middle; <br>&lt;style type=&quot;text/css&quot;&gt; <br>&lt;!-- <br>input { <br>     width:200px; <br>     height:30px; <br>     border:1px solid red; <br>     vertical-align:middle; <br>} <br>--&gt; <br>&lt;/style&gt;<br><br><span style="color:#dc143c;line-height:1.8em;">14.web标准中定义id与class有什么区别吗 </span><wbr /><br><br>一.web标准中是不容许重复ID的,比如 div id=&quot;aa&quot;   不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他. <br><br>二.属性的优先级问题 <br>ID 的优先级要高于class,看上面的例子 <br><br>三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单. <br><br><span style="color:#dc143c;line-height:1.8em;">15. LI中内容超过长度后以省略号显示的方法 </span><wbr /><br>此方法适用与IE与OP浏览器 <br>&lt;style type=&quot;text/css&quot;&gt; <br>&lt;!-- <br>li { <br>     width:200px; <br>     white-space:nowrap; <br>     text-overflow:ellipsis; <br>     -o-text-overflow:ellipsis; <br>     overflow: hidden; <br>     } <br><br>--&gt; <br>&lt;/style&gt;<br><br><span style="color:#dc143c;line-height:1.8em;">16.为什么web标准中IE无法设置滚动条颜色了 </span><wbr /><br><br>解决办法是将body换成html <br>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; <br>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt; <br>&lt;style type=&quot;text/css&quot;&gt; <br>&lt;!-- <br>html { <br>     scrollbar-face-color:#f6f6f6; <br>     scrollbar-highlight-color:#fff; <br>     scrollbar-shadow-color:#eeeeee; <br>     scrollbar-3dlight-color:#eeeeee; <br>     scrollbar-arrow-color:#000; <br>     scrollbar-track-color:#fff; <br>     scrollbar-darkshadow-color:#fff; <br>     } <br>--&gt; <br>&lt;/style&gt; <br><br><span style="color:#dc143c;line-height:1.8em;">17.为什么无法定义1px左右高度的容器 </span><wbr /><br><br>IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px<br><br><span style="color:#dc143c;line-height:1.8em;">18.怎么样才能让层显示在FLASH之上呢 </span><wbr /><br><br>解决的办法是给FLASH设置透明 <br><span style="line-height:1.8em;">&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;</span><wbr /><br><br><span style="color:#dc143c;line-height:1.8em;">19.怎样使一个层垂直居中于浏览器中 </span><wbr /><br><br>这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二 <br>&lt;style type=&quot;text/css&quot;&gt; <br>&lt;!-- <br>div { <br>     position:absolute; <br>     top:50%; <br>     lef:50%; <br>     margin:-100px 0 0 -100px; <br>     width:200px; <br>     height:200px; <br>     border:1px solid red; <br>     } <br>--&gt; <br>&lt;/style&gt; <br><br>ie8目前在兼容上执行的哪套标准我还不是很明白，好像很混乱，很多兼容性良好的页面（包括兼容ie5、ie6、ie7、ff的页面）在ie8里会有一些不同程度的破页<br>索性不单独为ie8 写代码了，在head标签里加上一行：<br><span style="line-height:1.8em;">&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;</span><wbr /><br>即可让ie8按照ie7 的方式来进行解析</span><wbr />转自：http://www.yoyopo.cn/post/252/<br><br>CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名.  <br><br>CSS技巧<br><br>1.div的垂直居中问题<br><br>vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行  <br><br>2. margin加倍的问题<br>    <br>设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;    <br>例如：    <br>&lt;#div id=”imfloat”&gt;    <br>相应的css为    <br>#IamFloat{    <br>float:left;    <br>margin:5px;/*IE下理解为10px*/    <br>display:inline;/*IE下再理解为5px*/}  <br><br><br>3.浮动ie产生的双倍距离<br>    <br>#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}  <br>  <br>这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);    <br>#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table; }<br><br><br>4 IE与宽度和高度的问题<br><br>IE 不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。    <br>比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：    <br>#box{ width: 80px; height: 35px;}<br>html&gt;body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}    <br><br><br>5.页面的最小宽度<br>    <br>min -width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当 做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<br>放到 标签下，然后为div指定一个类, 然后CSS这样设计：    <br><br>#container{ min-width: 600px; width:expression(document.body.clientWidth &lt; 600? &quot;600px&quot;: &quot;auto&quot; );}  <br><br>第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。  <br><br>6.DIV浮动IE文本产生3象素的bug    <br><br>左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.    <br>#box{ float:left; width:800px;}  <br>#left{ float:left; width:50%;}  <br>#right{ width:50%;}  <br>*html #left{ margin-right:-3px; //这句是关键}    <br>&lt;div id=&quot;box&quot;&gt;  <br>&lt;div id=&quot;left&quot;&gt;&lt;/div&gt;  <br>&lt;div id=&quot;right&quot;&gt;&lt;/div&gt;  <br>&lt;/div&gt;  <br><br><br>7.IE捉迷藏的问题    <br><br>当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。    <br>有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。<br>解决办法：对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。  <br><br>8.float的div闭合;清除浮动;自适应高度;    <br><br>① 例如：&lt;#div id=”floatA” &gt;&lt;#div id=”floatB” &gt;&lt;#div id=” NOTfloatC” &gt;这里的NOTfloatC并不希望继续平移，而是希望往下排。(其中floatA、floatB的属性已经设置为 float:left;)  <br>这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签 闭合。在 &lt;#div class=”floatB”&gt; &lt;#div class=”NOTfloatC”&gt;之间加上 &lt; #div class=”clear”&gt;这个div一定要注意位置，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。 并且将clear这种样式定义为为如下即可： .clear{ clear:both;}    <br><br>②作为外部 wrapper 的 div 不要定死高度,为了让高度能自动适应，要在wrapper里面加上overflow:hidden; 当包含float的 box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。    <br>例如某一个wrapper如下定义：    <br>.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}    <br><br>③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如:  <br>&lt;div id=”page”&gt;  <br>&lt;div id=”left”&gt;&lt;/div&gt;  <br>&lt;div id=”center”&gt;&lt;/div&gt;  <br>&lt;div id=”right”&gt;&lt;/div&gt;    <br>&lt;/div&gt;  <br><br>比 如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而 page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成float,所以我们应该这样解决    <br>&lt;div id=”page”&gt;  <br>&lt;div id=”bg” style=”float:left;width:100%”&gt;  <br>&lt;div id=”left”&gt;&lt;/div&gt;  <br>&lt;div id=”center”&gt;&lt;/div&gt;  <br>&lt;div id=”right”&gt;&lt;/div&gt;  <br>&lt;/div&gt;  <br>&lt;/div&gt;  <br><br>再嵌入一个float left而宽度是100%的DIV解决之  <br><br>④万能float 闭合(非常重要!)    <br>关 于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup],将以下 代码加入Global CSS 中,给需要闭合的div加上 class=&quot;clearfix&quot; 即可,屡试不爽.    <br>/* Clear Fix */    <br>.clearfix:after { content:&quot;.&quot;; display:block; height:0; clear:both; visibility:hidden; }    <br>.clearfix { display:inline-block; }    <br>/* Hide from IE Mac */    <br>.clearfix {display:block;}    <br>/* End hide from IE Mac */    <br>/* end of clearfix */  <br><br>或者这样设置：.hackbox{ display:table; //将对象作为块元素级的表格显示}  <br><br>11.高度不适应    <br><br>高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或paddign 时。    <br>例：  <br>#box {background-color:#eee; }    <br>#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }    <br>&lt;div id=&quot;box&quot;&gt;    <br>&lt;p&gt;p对象中的内容&lt;/p&gt;    <br>&lt;/div&gt;  <br>  <br>解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。<br><br>12 .IE6下为什么图片下有空隙产生<br><br>解 决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.<br><br>13.如何对齐文本与文本输入框<br><br>加上 vertical-align:middle;<br>&lt;style type=&quot;text/css&quot;&gt;<br>&lt;!--<br>input {<br>     width:200px;<br>     height:30px;<br>     border:1px solid red;<br>     vertical-align:middle;<br>}<br>--&gt;<br>&lt;/style&gt;<br><br><br>14.web标准中定义id与class有什么区别吗<br><br>一.web标准中是不容许重复ID的,比如 div id=&quot;aa&quot;   不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.<br><br>二.属性的优先级问题<br>ID 的优先级要高于class,看上面的例子<br><br>三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.<br><br>15. LI中内容超过长度后以省略号显示的方法<br>此方法适用与IE与OP浏览器<br>&lt;style type=&quot;text/css&quot;&gt;<br>&lt;!--<br>li {<br>     width:200px;<br>     white-space:nowrap;<br>     text-overflow:ellipsis;<br>     -o-text-overflow:ellipsis;<br>     overflow: hidden;<br>     }<br><br>--&gt;<br>&lt;/style&gt;<br><br><br>16.为什么web标准中IE无法设置滚动条颜色了<br><br>解决办法是将body换成html<br>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;<br>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br>&lt;style type=&quot;text/css&quot;&gt;<br>&lt;!--<br>html {<br>     scrollbar-face-color:#f6f6f6;<br>     scrollbar-highlight-color:#fff;<br>     scrollbar-shadow-color:#eeeeee;<br>     scrollbar-3dlight-color:#eeeeee;<br>     scrollbar-arrow-color:#000;<br>     scrollbar-track-color:#fff;<br>     scrollbar-darkshadow-color:#fff;<br>     }<br>--&gt;<br>&lt;/style&gt;<br><br><br>17.为什么无法定义1px左右高度的容器<br><br>IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px<br><br>18.怎么样才能让层显示在FLASH之上呢<br><br>解决的办法是给FLASH设置透明<br>&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;<br><br><br>19.怎样使一个层垂直居中于浏览器中<br><br>这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二<br>&lt;style type=&quot;text/css&quot;&gt;<br>&lt;!--<br>div {<br>     position:absolute;<br>     top:50%;<br>     lef:50%;<br>     margin:-100px 0 0 -100px;<br>     width:200px;<br>     height:200px;<br>     border:1px solid red;<br>     }<br>--&gt;<br>&lt;/style&gt;<br><br><br>ie8目前在兼容上执行的哪套标准我还不是很明白，好像很混乱，很多兼容性良好的页面（包括兼容ie5、ie6、ie7、ff的页面）在ie8里会有一些不同程度的破页<br>索性不单独为ie8 写代码了，在head标签里加上一行：<br>&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;<br><br>即可让ie8按照ie7 的方式来进行解析 <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1252032493#comment</comments>
<qz:effect>134218240</qz:effect>
<pubDate>Fri, 04 Sep 2009 02:48:13 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1252032493</guid>
</item>

<item>
<title><![CDATA[测试网站各项性能的免费在线工具]]></title>
<link>http://13713959.qzone.qq.com/blog/1241315950</link>
<description><![CDATA[你是否肯定你的网站完全兼容各大浏览器？是否知道多少秒可以打开你的网站？是否可以自信地说 <br>你的网站根本就没有打不开的时候？ 是否……　　虽然它看似不重要，但这些在一定程度上也对你的网站的访问量产生了影响 <br>（其它一部分影响浏览量的原因及解决办法 ）。这里列出了一份 31 <br>个我最喜爱的免费在线测试工具，你可以通过这些工具来测试你的网站，并根据结果对你的网站进行修改。网站代码验证 没人可以细致到保证自己的网站代码都是正确的，你可以通过以下测试来验证网站代码是否正确。<br>　　1 . WDG HTML Validator 一个很好的工具，能找出网站语法错误的地方，并标注出来，也可选择对网站上单独的每一页进行单页分析。（ 强烈推荐 ）<br>　　2 . W3C Markup Validation Service 对 HTML 和 XHTML 都能进行代码测试，自称是互联网络上第一个（也是使用者最多的）的 HTML 验证工具。<br>　　3 . W3C CSS Validation Service 用于验证 css 源代码，能够标注出不好的 css 代码设计。例如：“Same colors for color and background-color in two contexts”。<br>　　4 . RUWF XML Syntax Checker 用于查找 XML 文件的错误。<br>　　5 . W3C Feed Validation Service 用于查找 Atom 和 RSS feed 中的错误语法。（这个我经常用到 ）<br>　　6 . W3C Link Checker 用于搜寻查明你网站内的所有链接里是否有断链。（ 强烈推荐 ）<br>　　7 . Juicy Studio Link Analyser 测试网站内的链接的 URL 是否存在死链，与 W3C Link Checker 很类似。<br>　　网站的使用性<br>　　我们常常看到网站设计者把重点放在怎网站的吸引力上，而完全不考虑会不会影响来访者的使用，一个浏览难度很大的网页是注定要失败，要让你的来访者方便的得到他要的信息（从而成为重复访客），你的网站应当遵循 WCAG section 508 易用性规则。<br>　　8 . Watchfire WebXACT 所有严谨的设计师和开发者都必须使用的工具，它会生成一个非常详尽的报告书，包括：网站质量，易用性和隐私等。（ 强烈推荐 ）<br>　　9 . ATRC Web Accessibility Checker 测试网站的 WCAG 2.0 Level2 兼容性，它会生成一份报告，提出一系列建议，如：如何提升页头，链接，数据，图表和文字的访问速度。<br>　　10 . WAVE 3.0 Web Accessibility Tool 高度可定制的工具，它采用了图形化模型展示网站兼容性问题（ WCAG 1.0 and section 508 ）。（ 强烈推荐 ）<br>　　11 . TAW Web Accessibility Test 测试网页是否存在冲突（ WCAG 1.0 兼容性），通过图形模式生成一份依据 wcag 优先模式为基础的网站修改建议。<br>　　12 . HiSoftware CynthiaSays portal 采用了非常严格的规则来测试网页（ 根据 section 508 和 WCAG 1.0 规则 ），生成的报告也极为详细（ 详细到很难看懂 ）。<br>　　13 . HERA Accessibility testing with Style 使用一种极为复杂但容易理解方式指出网页的 wcag1.0 兼容性问题。<br>　　14 . Juicy Studio CSS Analyser 进行了色彩对比测试，以确保你的网站的色调会符合 WCAG 1.0 的要求。<br>　　15 . Juiciy Studio Readability Test <br>分析你网站上的文字是否有语法错误或拼写错误等问题，容易让人理解不（ 根据 the Flesch Reading Ease 和 <br>Flesch-Kincaid grade level algorithms 规则 ）。（ 适合英文网站使用 ）<br>　　网站的速度<br>　　打开你的网站的速度快慢，是来访者会不会再次访问网站的关键因素，在一般情况下，一个网络不是很快的来访者是不愿意访问一个充满着图片、flash 动画、多媒体文件的网站。为了使你的网站覆盖人群的范围最大化，你必须优化你的网站，使它的打开速度尽可能的快。<br>　　16 . Web Page Analyzer from Website Optimization 一个很好的工具，它在分析完一个网页后，会为减少加载时间提出优化建议，着重优化物体的数目，图片和网站的总体大小。（ 强烈推荐）<br>　　17 . WebSitePulse Test Tools 有一系列的工具来确定网站的加载速度和主机信息。<br>　　18 . Internet Supervision Url Check 从世界各地不同的服务器来测试你的网站的加载时间，用于确定是不是各地的来访者都能顺利快速的打开你得网站。<br>　　浏览器模拟工具<br>　　这是一个普遍的问题，因为现在有着很多的操作系统和浏览器，你得网站必须得兼容它们，但这绝不是一件容易的事。通过下列工具，你可以了解你得网站在各种浏览器上的显示效果。<br>　　19 . Browsershots <br>能给出你的网站在不同浏览器下显示效果的截图，包括：Firefox 和 Internet Explorer （ Windows <br>）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和 Konqueror （ Linux ），但是结果要在 <br>1 - 3 小时后才能出来。<br>　　20 . IE NetRenderer 实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截图。<br>　　21 . MobiReady Report 分析使用手机访问网页的兼容性问题，会生成一份详细的报告，并提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。<br>　　搜索引擎优化 (SEO)<br>　　一个网站，如果对搜索引擎有着比较好的友好度，一定会比较有竞争力。<br>　　22 . UrlTrends 会显示网站的访客是如何通过搜索引擎来到你的网站，还有各个流量是多少。这些数据是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些网站。（ 强烈推荐 ）<br>　　23 . iWEBTOOL Backlink Checker 一个很好的工具，它能找出有什么站点链接到你的站点，那些站点是什么类型的站点。<br>　　24 . iWEBTOOL Multi-Rank Checker 显示你网站的 Alexa 和 Google PageRank 数值。<br>　　25 . Microsoft adCenter Labs: Advertising and Keyword Research Tools 一个极好的工具，用于分析和预测你网站的来访者和市场。（ 强烈推荐 ）<br>　　26 . Domain Tools Whois lookup 一个 WHOIS 网络工具。<br>　　27 . SEO-Browser 可以让你看到在搜索引擎眼里一样的网站（ 去掉所有的”美丽”配件 ）。<br>　　28 . SEO Workers SEO Analysis Tool 非常有用的工具，分析了网站上的各种分类特征，包括 meta 标签、关键字密度及加载时间。（ 强烈推荐 ）<br>　　29 . Seekport Seekbot 可以分析网站的数据和内容，以得出搜索引擎会如何有效的解释分析的网站。<br>　　30 . SEO Chat SEO Tools 用以分析网站 Google adsense 盈利潜力，关键字密度，Meta tag 等等……<br>　　31 . Marketleap Search Engine Marketing Tools 用来分析网页，让你知道你的网站检索、设定的关键字好不好。<br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1241315950#comment</comments>
<qz:effect>135266304</qz:effect>
<pubDate>Sun, 03 May 2009 01:59:10 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1241315950</guid>
</item>

<item>
<title><![CDATA[Windows平台下轻量级门户网站静态化解决方案]]></title>
<link>http://13713959.qzone.qq.com/blog/1236846137</link>
<description><![CDATA[本文主要讨论关于轻量级门户网站静态化的解决方案，所谓轻量级就是指访问量不太大，服务器规模较小的情况，当然没有绝对的界限，仅仅是相对比较而言。高校和中小企业门户网站是很好的案例，但是像新浪、腾讯这种大型门户网站不在讨论范围之内。<br>一、问题的提出<br>通常，一个校园网的门户网站群仅由几台(&lt;10)服务器构成，当然很多知名大学的门户网站服务器远不止这个数目，在这里我只是说一般的高校，或者再降低一个层次——一个高校下属的某个学院的主页。我们的门户网站可能集成了多个频道，比如新闻、教学资源、业务(信息)系统以及由电影、音乐、论坛、即时通讯等版块构成的娱乐生活栏目，这些频道可能由来自于不同平台的CMS系统构成，而且你的首页需要调用这些不同频道的最新内容。那么，面对较大的访问量，网站静态化是必须考虑的。<br>二、需求分析<br>现在流行的CMS系统/论坛系统一般都提供了首页调用功能，即通过访问一个含有参数的URL链接，返回一个满足需要的内容列表。门户网站的首页比如下面的<a href="http://www.iwms.net/" target="_blank">iWMS官方首页</a><wbr />截图，图中画红框的模块其实可能都是调用了某个栏目的最新文章。<br><div style="text-align:center;"><wbr /><a href="http://lh4.ggpht.com/liming.xd/SQQIh5JMCTI/AAAAAAAAAFc/zkaYGXUtHB4/s400/iwms.jpg" target="_blank"><img style="border:0;" src="http://lh4.ggpht.com/liming.xd/SQQIh5JMCTI/AAAAAAAAAFc/zkaYGXUtHB4/s400/iwms.jpg" /></a><wbr /></div><div style="text-align:center;"><a href="http://picasaweb.google.com/liming.xd/MXbGNG#5261339643043645746" target="_blank">点击查看大图</a><wbr /></div>以前我将新闻频道作为一个门户网站的主频道，其他频道作为次要频道，然后通过修改iWMS自己提供的首页模板来构建整个门户首页。由于调用了大量其他系统的内容，导致访问速度较慢，用户体验很差，而且可扩展性比较差，况且有些小系统并没有提供首页调用代码。使用那个模板完全束缚了网站前台设计师，没办法放开手脚做。因此我们放弃了它自己的模板，转而构建我们自己的主页。像腾讯、<a href="http://www.jrj.com/" target="_blank">金融界</a><wbr />这种风格的首页越来越普及了，它们采用了多栏目重叠放置，使首页承载的信息量翻了数倍。我们模仿这种风格，将各频道、栏目模块化，这些模块全部采用调用的方式。由于这些调用分散在不同的服务器，涉及了不同的数据库、Web服务器技术，在门户网站首页进行调用会产生大量的服务器间通信、多次数据库查询以及磁盘I/O操作，因此，将这些调用结果静态化是一个很好的解决办法，毕竟很多人看到的首页大部分内容都是重复的，如果每个人来访问都调用一遍最新数据是对服务器性能极大的浪费。<br>三、门户网站首页静态化解决方案<br>[ft= rgb(255, 0, 0),,]1.完善调用代码</span><wbr /><br>即使这些cms系统有些提供了自己的调用，但输出的结果可能并不是我们需要的显示方式，我们还得格式化这些调用结果。<br>最笨的也是最有效的方法就是自己分析数据库结构，然后随心所欲的写调用代码。因为仅仅是查询数据库的操作，所以这个过程比较简单，只是比较麻烦，要费些工夫。<br>当然，你也可以直接利用系统自带的调用代码，然后在设计页面时利用强大的正则表达式对它们进行格式化。<br>[ft= rgb(255, 0, 0),,]2.执行调用并将生成的结果静态化</span><wbr /><br>当我们通过某些随机或周期事件触发调用代码，得到了结果，接下来应该把它们静态化。<br>一种方法就是调用完毕即生成一个文件(脚本/或纯文本形式)，让首页可以include这些文件。这样做的好处是文件一旦生成就不会消失，除非新的调用将其覆盖。坏处就是对磁盘频繁读写，造成cpu等资源占用升高，影响了效率。<br>另一种方法就是将结果写入服务器内存，在ASP中可以写入Application变量，在ASP.Net中淡化了Application变量，当然你一样可以使用它，也可以使用cache类，这里不讨论。这样做极大的提高了访问速度，缺点就是由于Application变量不宜存储大量数据，比如图片什么的，还有就是Application变量依赖于服务器的进程，默认2小时空闲进程就会被IIS6回收。因此，如果你不想让用户看到你的页面中调用的部分是空白内容，你就要调整IIS的设置，让工作进程的生存周期变长。<br>当然只是将首页频繁调用的内容写入内存，而文章的内容页还是写到文件比较好。毕竟内存是有限的，而首页调用的内容访问频率较高且不算太大，所以放入内存。<br>[ft= rgb(255, 0, 0),,]3.如何调用&amp;什么时候触发调用?</span><wbr /><br>如何调用？<br>我想说的不是传统的调用方式，那样大家都会，这里我来探讨一下如何使用服务端ajax进行调用。<br>为什么要使用服务端Ajax进行调用呢？呵呵，其实这样做的目的就是集成多个调用于一体，通过参数更好地控制各个调用模块，让它更好的为触发服务，不然分散开来调用太麻烦。我们为这个集中调用程序起个名，叫“更新缓存”页面。<br>什么时候调用？<br>——更新完新闻、软件、音乐，etc，退出管理时跳到更新缓存页面。<br>——客户端第一次访问时在后台（比如将更新缓存页面放入一个0高度的iframe中）进行调用。<br>——显示不正常时，可以直接访问更新缓存页面。<br>这里给出我的示例代码（<a href="http://www.fireblog.cn/upload/200810261624090131.rar" target="_blank">点此下载</a><wbr />），欢迎探讨。<br>四、后记<br>通过上面的解决方案，门户主页的访问速度已经很快了，承载的访问量可以提高2到10个数量级。至于网站内容页面的静态化，直接采用文件型静态化方案就行了，一般的CMS系统均有此功能。<br>另外，由于高校或企业内部一般都是局域网或高速城域网，页面几乎没有延迟，影响速度的只有浏览器的解析和渲染速度了。因此，还有一件事情就是要使首页应付现在多种浏览器共存的局面，这里不再赘述。<br>本文只是讨论中小型门户站在Windows平台下的静态化解决方案，对于大型网站来说，负载均衡和缓存加速必不可少，您可以参考车东的博客：<a href="http://www.chedong.com/tech/cache.html" target="_blank">基于反相代理的Web缓存加速——可缓存的CMS系统设计</a><wbr />。 <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1236846137#comment</comments>
<qz:effect>134218241</qz:effect>
<pubDate>Thu, 12 Mar 2009 08:22:17 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1236846137</guid>
</item>

<item>
<title><![CDATA[一个高级主管必须明白的几点事情（转）]]></title>
<link>http://13713959.qzone.qq.com/blog/1235528773</link>
<description><![CDATA[<span style="font-weight:bold"><wbr />1，罚款是没有用的。</span><wbr /><br><br>对于一个低层主管来说，罚款是有用的。对于一个高级主管来说，罚部下的款是没有用的。因为部署不是机器，特别是你主管的不是一些从事实干的员工，而是下一 <br>层的主管的时候。罚款的效果是很低很低的。所有人似乎都认为，罚款之后，对方一定会因为害怕罚款而承担一定的责任。其实这是想当然！一个高级主管，要懂得 <br>自己想和别人想是两回事。你自己觉得OK的，部属很多时候是觉得不OK的。罚款，很多部属的心态是，罚就罚吧，罚都罚了，你还想让我怎么样？根本没有把教 <br>训放在心上。<br><br><span style="font-weight:bold"><wbr />2，根本没有民主和独裁的分别。<br></span><wbr /><br>民主，其实就是听从大部分人的意见，独裁，其实就是听从小部分人的意见。从表面上看，似乎民主比较安全。其实不然。必须认定一个事实，大部分人是愚蠢的， <br>聪明的永远只是少数人。所以一个高级主管如果相信管理要民主，基本上，他干不了什么事情。但一个人如果什么都独裁，他也干不了什么事情。所以一个高级主 <br>管，要有内敛的气质。要懂得，有些事情，要摆上台来，搞民主的样示。有些事情，要放在心里，暗中进行。<br><br><span style="font-weight:bold"><wbr />3，人才就是那些不听话的人。</span><wbr /><br><br>一个人，如果非常听话，这个人，基本上是没有什么用的。只有真正有才干的人，才会跟你抬扛。这是几千年不变的定律。真正有才干的人都是有傲骨的。他根本不 <br>怕你把他炒了，因为他有才干，随便出去又可以找到工作。高级主管对于日常听话的人，基本上是不用自己来费心的，因为这种事情低级主管可以轻松解决，不过是 <br>照法宣科的事情，有什么困难？高级主管难就难在，要去收服这些真正有才干的人。这是主要工作。<br><br><span style="font-weight:bold"><wbr />4，看任何问题，都要深一层想。</span><wbr /><br><br>一个人，看到苹果只想到这是苹果，这个人是一个基层员工。<br><br>一个人，看到苹果会想，这是谁的苹果，这个人是个低层主管。<br><br>一个人，看到苹果会想，这个苹果为什么在这里？这个人是一个高级主管。<br><br>一个人，看到苹果会想，这样的苹果值不值钱，这个人是老板。<br><br>高级主管要善于解读表层下面的意义。所有员工都很害怕你，是什么原因？所有员工都非常亲近你，是什么原因？表相和真相很多时候是完全相背离的。要善于想。<br><br><span style="font-weight:bold"><wbr />5，好人难做。</span><wbr /><br><br>一个人，要做坏人，其实是非常简单的。没有什么能力的人，才会去做坏人。有能力的人，才试着做好人。做坏人，没有任何顾虑，对任何人都大呼小叫，强迫员工 <br>工作，也不过是一个狠心，一把嗓门而已。项羽就是这样的人，像项羽这样有军事天才的人最后都失败，就是他做“坏人”的脾性。一个老板如果你的高级主管是这 <br>种“坏人”你要小心公司被他搞垮，因为人才都流失了。要小心这种没有能力却飞扬跋扈的人。一个高级主管，就是善于做好人。好人难做，是因为你对一个人好， <br>所有人都想要你也对他好。坏人就没有这种顾虑，你对一个人坏，所以人都想着，你不要对我坏。所以坏人很简单。<br><br><span style="font-weight:bold"><wbr />   6,善于从大局出发。</span><wbr /><br><br>高级主管，永远都要明白，什么事情，轮到你的时候，一定都是一些大问题，都是一些很难解决的问题。虽然它表面上看起来，可能非常简单。因为在你下面还有一 <br>些低层主管，而低层主管都是轻易不把事情向上报告的，因为你会追问，会责难。所以一个高级主管在做任何决定的时候，要多重考虑。为什么这么做？有没有更恰 <br>当的方法？公司如果在这方面有规定，为什么低层主管不照公司规定做，而要向上传？是不是公司规定不符合实际情况？其它人对于这件事情的看法是怎么样？都是 <br>要考虑的。不是只有照本宣科。那是愚蠢的主管的办法。<br><br><span style="font-weight:bold"><wbr />7，能够优秀的回签下面几个问题。</span><wbr /><br><br>一，有三个人走过来，有一个胖子，一个瘦子，还有一个平均人，请问三个人里面谁最有可能是老板。<br><br>二，有五个人走过来，有一个胖子，一个瘦子，还有平均人，1号，2号，3号。请问五个人里面谁最有可能是老板。<br><br>三，一枚硬币抛向空中，落下来，正面的概率是多少？<br><br>四，你离职，跳到一家比原来公司小，但提供的薪水和职位比较高的公司。原来的公司送你一张“优秀管理人员”的奖状。你觉得原来的公司对你的感觉是怎么样的？<br><br>五，老板今天早上对你说：公司财政很危险，可能支持不下去。为了不贻误你的时间，帮你介绍了一家更好的公司。你要怎么做？<br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1235528773#comment</comments>
<qz:effect>135266304</qz:effect>
<pubDate>Wed, 25 Feb 2009 02:26:13 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1235528773</guid>
</item>

<item>
<title><![CDATA[關于Ifeng.com(軟文)]]></title>
<link>http://13713959.qzone.qq.com/blog/1235352263</link>
<description><![CDATA[如今，凤凰网长大了，但仅是从流量上来说，【凤凰网到目前为止主要是做些内容引用、产品延伸、商务穿插的工作】，还没有做出自己的格调，距离一流的网络媒体更有距离，盈利模式也没有根本的突破。在我眼里，凤凰网今天的成绩更多是依靠凤凰卫视的品牌、内容，及整个视频行业、手机市场、网民数量的崛起而带动，换句话说，凤凰网占据那么好的发展位置不想壮大都非常难。具体来说，以下两个因素至关重要：<br><br>　　1、凤凰卫视在大陆落地有限，导致非常多内地观众只闻凤凰其名，不见凤凰之台，对凤凰资讯的收视需求及其旺盛，他们会主动的在网上寻找、搜索。凤凰卫视的品牌战略巧就巧在这里：虽然我们的制作基地几乎都在内地，成本非常低，但包装成了香港媒体，做得是全球华人媒体的概念，品牌价值非常高，凤凰网就从品牌上得到了大大的好处。<br><br>　　2、刘兴亮说凤凰网的老域名给导航网站贡献流量，这不假，非常多网民会先到导航网站，再点击进入凤凰网，不过我能肯定的说，导航网站给凤凰网的贡献更大，更多的人是上了导航网站后，在“知名站点”区域发现凤凰网的。(这就是中国特色了，为什么中国的web2发展不起来，我觉得导航网站也是主要原因之一，中国人不习惯输入网址，大部分人习惯通过导航网站，而web2是非常难挤进导航网站的首页的。我想那些web1.0、门户、新闻站点等等要好好的感谢导航网站，没有导航网站，他们的用户就会被更多web2新兴网站抢过去。这是后话。)<br><br>　　总之，凤凰网有今天的成绩，要感谢凤凰卫视提供品牌和内容，感谢导航网站贡献大量流量，感谢其他视频网站、宽带运营商、移动运营商贡献收入，甚至感谢中宣部、广电总局不让凤凰卫视落地! <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1235352263#comment</comments>
<qz:effect>134217728</qz:effect>
<pubDate>Mon, 23 Feb 2009 01:24:23 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1235352263</guid>
</item>

<item>
<title><![CDATA[企业家还是经理人？——两种截然不同的领导才能]]></title>
<link>http://13713959.qzone.qq.com/blog/1234402891</link>
<description><![CDATA[　　今天，人们经常会对企业家和经理人进行区分。而且在人们提及企业管理时，“管理（Management）”是被用得最多的一个概念。通常情况下，英语概念词非常准确、清楚而且简洁。然而，以我对管理的理解，我认为在这种情况下，德语的“领导艺术（Führungskunst）”一词更为贴切。即便是“领导才能（Leadership）”一词也无法概括“领导艺术”一词所包含的全部意义。 <br>　　因为现在，人们越来越意识到，要想获得成功，仅有领导技术是不够的。“情商”，即控制自身情绪，灵活处理自己与他人情感的能力也是必不可少的。因此，如今“情商”这一概念尽人皆知。 <br>　　如何区别传统的经理人与传统的企业家？在下表中我将两者进行了详细的对比。 <br><br><br><div style="text-align:center;"><wbr /><a href="http://b14.photo.store.qq.com/http_imgload.cgi?/rurl4_b=4e3a97dcb45afcaab10e897336d1096a15b341503b7797428b4349dda09748d7d520c10f29e7875664611e6579b84857d7966d5aa326f5ac524c895d434a7cac673b8de86ce97a601c175533856cd0db8d3e647a" target="_blank"><img style="border:0;" src="http://b14.photo.store.qq.com/http_imgload.cgi?/rurl4_b=4e3a97dcb45afcaab10e897336d1096a15b341503b7797428b4349dda09748d7d520c10f29e7875664611e6579b84857d7966d5aa326f5ac524c895d434a7cac673b8de86ce97a601c175533856cd0db8d3e647a" /></a><wbr /></div><br><br><br><br><br>　　上世纪最著名的管理大师彼得·德鲁克曾说过一句简单而精辟的话：“企业家做正确的事，经理人正确地做事。”组织学专家（哈罗德·J·莱维特）曾如此概括企业家与经理人之间的差别：“企业家是开拓者，经理人是解决问题的人。”我认为，如今要想成功地经营一家企业，企业家和经理人缺一不可。 <br>　　经常有人问我如何做决策，更多地借助经营管理理论，还是依靠自己的直觉？我的回答是：视具体情况而定。经验有一定的作用，直觉则是对信息的创造性利用。如果难以抉择，而且不同的选择会导致截然不同的结果，那么我会遵循自己“内心的直觉”。 <br>　　在这里，我想举一个例子，15年前雀巢计划收购英格兰的朗特里（Rowntree）公司（生产奇巧、聪明豆巧克力等产品）的时候，关于如何确定最终提供给朗特里管理层的收购价格是一个十分棘手的问题。 <br>　　一方面，我们不知道朗特里管理层及其主席会对我们所提供的价格有怎样的反应，另一方面，我们还有另外一个重要的竞争者，我们不知道他们的定价是多少。 <br>　　前一天晚上，我们召集了所有相关专家和专业人员进行了深入的讨论，然而却没有得出结论。最后，我说：“现在我要睡觉了。”并且，我也这样做了（而且睡得非常舒服）。第二天早上8点，我拿起电话，通知了朗特里管理人员我们的报价，这个价格我认为就是合适的价格。 <br>　　幸运的是我是对的。我做出这一决定是基于我的经验、信息、分析和直觉。对于这些，我很难作出更加详细的解释。歌德曾经说过：“如果你感觉不到，那你最终将会一无所获。” <br>　　<span style="font-style:italic"><wbr />本文经东方出版社许可，摘自该社出版的赫尔穆特·毛赫尔所著的《管理圣经：雀巢总裁献给天下管理者的口袋书》第一章“企业家还是经理人？——两种截然不同的领导才能”，祝伟伟译。</span><wbr /> <br><span style="font-style:italic"><wbr />　　赫尔穆特·毛赫尔，曾任雀巢总裁近20年，在他的领导下，雀巢发展成为了真正的国际康采恩。</span><wbr />（&amp;#169; 世界经理人） <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1234402891#comment</comments>
<qz:effect>135266305</qz:effect>
<pubDate>Thu, 12 Feb 2009 01:41:31 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1234402891</guid>
</item>

<item>
<title><![CDATA[微软发布3款SQL Injection攻击检测工具]]></title>
<link>http://13713959.qzone.qq.com/blog/1231852691</link>
<description><![CDATA[随着 SQL INJECTION 攻击的明显增多，微软近日发布了三个免费工具，帮助网站管理员和检测存在的风险并对可能的攻击进行拦截。<br><br><span style="font-weight:bold"><wbr />Scrawlr</span><wbr /><br>下载地址：https://download.spidynamics.com/Products/scrawlr/<br><br>这 <br>个微软和 HP合作开发的工具，会在网站中爬行，对所有网页的查询字符串进行分析并发现其中的 SQL INJECTION 风险。Scrawlr <br>使用了部分 HP WebInspect 相同的技术，但只检测 SQL INJECTION 风险。Scrawlr 从一个起始 URL <br>入口，爬遍整个网站，并对站点中所有网页进行分析以找到可能存在的漏洞。<br><br><span style="font-weight:bold"><wbr />Microsoft Source Code Analyzer for SQL Injection</span><wbr /><br>下载地址：http://www.microsoft.com/downloads/details.aspx?FamilyId=58A7C46E-A599-4FCB-9AB4-A4334146B6BA&amp;displaylang=en<br><br>这款被称作 MSCASI 的工具可以检测 ASP 代码并发现其中的 SQL INJECTION 漏洞（ASP 代码以 SQL INJECTION 漏洞著称），你需要向 MSCASI 提供原始代码，MSCASI 会帮你找到存在风险的代码位置。<br><br><span style="font-weight:bold"><wbr />URLScan 3.0</span><wbr /><br>下载地址： http://www.iis.net/downloads/default.aspx?tabid=34&amp;g=6&amp;i=1697<br><br>该工具会让 IIS 限制某些类型的 HTTP 请求，通过对特定 HTTP 请求进行限制，可以防止某些有害的请求在服务器端执行。UrlScan 通过一系列关键词发现恶意请求，并阻止恶意请求的执行。<br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1231852691#comment</comments>
<qz:effect>135266304</qz:effect>
<pubDate>Tue, 13 Jan 2009 13:18:11 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1231852691</guid>
</item>

<item>
<title><![CDATA[回归AISAS消费者基本行为规律思考]]></title>
<link>http://13713959.qzone.qq.com/blog/1228443158</link>
<description><![CDATA[电通给我们这些从业者分享了自己的研究成果，消费者行为模式在web2.0后从AIDMA转化成了AISAS，于是，下面这张图被许许多多从事互联网营销和口碑营销或者社会化网络营销的公司所采用：<br><wbr /><a href="http://farm3.static.flickr.com/2101/2501803494_54d4d2e208.jpg" target="_blank"><img style="width:500px;height:323px;border:0;" src="http://farm3.static.flickr.com/2101/2501803494_54d4d2e208.jpg" /></a><wbr /><br>    我经常会在给客户的提案中用到这张图，告诉客户：因为消费者行为模式的转变，因为有了“搜索”和“分享”行为的出现，所以在传统广告模式无法到达的关系交互网络时代，口碑成为了影响消费者购买决策的重要原因之一。<br> <br>    “广告就是要在在或近或远的将来实现销售的目的”（印象中这是《广告学》中对于广告的定义），我们做消费者行为模式研究，也是希望仔细剖析消费者整个购买行为的每一个细节，然后用无孔不入的传播去影响消费者最终的购买行为。<br>    在传统的消费者行为模式AIDMA里，我们做很多电视广告为了引起消费者注意、让消费者记忆，我们也做很多活动或者公关去激发消费者的兴趣，我们做很多促销去刺激消费者的购买，让消费者在最终选择的时候会因为我们层层的传播影响而放弃其他品牌。<br>    传统营销行业已经非常成熟，并且得到了相当充分的细分。每一个AIDMA环节上都会有专业的公司去对应这一个消费者行为做非常细致入微的研究和执行工作。但是在新消费者行为模式AISAS面前，尤其是依托于互联网的传播服务，并没有得到充分的细分和深入的研究。<br> <br>    我最近总是在想我给客户展示这张图的目的是什么——是想说明我们的传播方法先进？是想用新的研究成果去说服客户我们专业？还是想告诉客户我们了解消费者，我们知道怎么在新的消费者行为模式下做传播？——但是我们真的能影响到这个消费模式的每一个环节么？或者说，口碑营销能对每一个环节都起推动作用么？<br>    我相信随着整个互联网营销行业的发展，会出现越来越多的细分公司。<br><ul style="list-style-type:disc"><li style="margin:25px;">会出现更多帮助消费者实现“关注”、“兴趣”的富媒体公司</li><li style="margin:25px;">会出现很多帮助客户进行“搜索”管理的细分公司，不再单纯只是SEO或者竞价排名购买，而是更加专业的搜索营销管理公司</li><li style="margin:25px;">会出现很多致力于在线“购买”行为研究的公司，也不单纯是电子商务平台本身，而是会衍生出更多为在线消费行为服务的数据营销公司、电子商务管理公司、在线订单管理公司等等</li><li style="margin:25px;">会出现很多深入影响“分享”行为的公司，比如现在已经出现的各种体验营销——当然分享的不仅仅是产品使用体验，还会有品牌理解、消费心情、价格理解等等</li></ul> <br>    消费者行为模式的研究，绝对不仅仅是一张展示给客户的图片而已。对消费基本规律的研究，能够帮助我们提供更加有效的精准传播服务。<br>    “口碑营销”也好“社会化网络营销”也好，我们所作的营销行为究竟在影响着消费者行为模式的哪一个或哪几个环节？最近我经常觉得在很多工作的过程中，越来越淡忘对一些基本传播规律的遵循——有时候我们为了引起网民兴趣，有时候为了创造分享，有时候为了让改善搜索效果，有的时候索性没有太多目的性就去做了，形而上学的做….<br> <br>    上一篇文章我说<a href="http://www.siwom.com/67.html" target="_blank">“客户认知”比“行业自律”更紧迫</a><wbr />，但最近经常在想，如果我们可以说服客户，我们的传播行为确实是建立在对消费者基础行为深刻研究之上，并且切实有效的对消费者购买行为起到促进影响的话，那客户接受新的营销模式，或许就不是一件很难的事情了。<br>    CIC之所以能够让自己的报告被越来越多的行业人士和客户所认可，我想很大一部分原因是他们坚持不懈的对于网民行为的研究和总结，洞察网民行为特性之后，提出对客户有帮助的建议——我想这些对于客户来说是有价值的。<br>    中海互动在经历了越来越多的实践经验积累之后，也在逐步的让自己的营销服务更加精准，也希望可以给客户提供更加有效的新媒体传播服务。我们在打造针对 AISAS某一环节上的独立产品，借助传统营销上的一些理论观点和实践经验，让传播能力更加聚合，让传播基本规律发挥最大的效应。 <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[13713959@qq.com(㊣陈君(小狼))]]></author>
<comments>http://13713959.qzone.qq.com/blog/1228443158#comment</comments>
<qz:effect>134218241</qz:effect>
<pubDate>Fri, 05 Dec 2008 02:12:38 GMT</pubDate>
<guid>http://13713959.qzone.qq.com/blog/1228443158</guid>
</item>

</channel>
</rss>

