Posted 07月 23rd, 2008 归属于网页制作
首先我们构建页面的结构，在这里我建立了三个不同的容器，第一个容器内是文字，第二个是图片，第三个是表单。由于在页面制作过程中，我们经常会遇到表单，图片，文字混排的情况，所以我在这些容器的上方故意放置一些输入框，图片和选者框进行测试。（由于IE6在处理选择框的z-index层次的时候存在bug，因此我们使用它。）
<input type="text" style="background:blue; border:1px solid #000;" />
<div class="tipBox">
<div id="tips0" class="tips"><span>点击查看原图</span></div>
<div class="onTips">鼠标移动到此上显示提示文字</div>
</div>
<br />
<img src="tip_bulb.gif" width="100" height="25" />
<div class="tipBox">
<div id="tips1" class="tips"><span>点击这里查看更大的图片</span></div>
<div class="onTips"><img src="tip_bulb.gif" width="100" /></div>
</div>
<br />
<select><option value="1">abc</option></select>
<br />
<div class="tipBox">
<div id="tips2" class="tips"><span>WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</span><!--[if lte IE 6.5]><iframe></iframe>< ![endif]--></div>
<div class="onTips"><input type="text" style="background:red; border:1px solid #000;" /></div>
</div> |
接下来，我们书写样式表,这里需要注意的是.tips iframe中的属性全部是必须的，缺一不可。display:block及滤镜在这里是均是为处理ie6下的差异。
/* Tips */
.tipBox {
position:relative; /* 设置气泡提示为相对定位已保证气泡层准确的游动在文字上方 */
cursor:pointer;
}
.tips {
background:url(tip_bulb.gif) no-repeat; /* 背景采用滑动门的方式，以无限扩展 */
width:auto; /* 宽度自动 */
height:25px;
position:absolute; /* 设置气泡提示层为绝对定位 */
top:-26px;
left:-4px;
display:none; /* 默认设置隐藏 */
z-index:10; /* 由于气泡提示可能会遇到ie6下select的bug，故设置他的z-index为10，用以解决这个问题 */
}
.tips:not(iced) {
top:-23px; /* 矫正firefox下气泡提示层的距离 */
}
.tips iframe
{
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask(); /* 使用遮罩滤镜，这是必须的 */
display:block; /* 默认设置隐藏 */
}
.tips span {
background:url(tip_bg.gif) right top no-repeat; /* 气泡内的元素的容器，设置背景用以和该容器的父容器结合 */
max-width:725px; /* 设置最大宽度为725像素，only firefox */
overflow:hidden;
height:25px;
display:inline-block; /* 将其已块级元素的方式内敛传递 */
margin-left:20px;
padding-right:8px;
font:12px/23px Arial, Helvetica, sans-serif;
white-space:nowrap; /* 不允许折行 */
} |
我使用了JQuery框架，如果您原生js或者其他框架，思路是一致的
$(document).ready(function(){
$(".tipBox").mouseover(function(){
var tipNum = $(this).children(".tips").attr("id"); /* 取得当前的id */
$("#"+tipNum).show(); /* 我本来使用setTimeout控制了一个延迟，但这个效果在ie6下由于个人技术问题出现了问题，只好改用简单“显示、隐藏”，真是一个遗憾 */
});
$(".tipBox").mouseout(function(){
var tipNum = $(this).children(".tips").attr("id");
clearTimeout(this.timeout);
$("#"+tipNum).hide()
});
}); |
原文链接|
Posted 06月 26th, 2008 归属于运营策划
任何一个创业公司都希望将自己想法完整的还原成产品，它包括功能、流程、交互界面、用户体验等多个方面。因此不少创业公司在一开始就将自己的产品包罗万象，恨不得将所有的功能都做得最好，将自己的网站做得最全。寄此希望自己的网站能获得成功。
究竟会成功吗？哲学告诉我们事物存在两面性，我们来仔细分析一下创业公司在创业初期将产品做得足够好所带来的利和弊。
产品功能多有这样一些益处：
1、提供公司的品牌行形象
当产品功能足够多，强的时候，人们的惯性思维会告诉他手工作坊比不过专业的流水线，只有流水线生产出来的东西才足够多，足够强，因此用户会认为这个公司的规模、能力足够强，进而认可这个公司。
2、提高使用用户的占有率
每一个用户都有自己的使用习惯和方式，功能越多，就越能提高自己的产品在市场上的占有率，单从在这一点上看，他们是成正比的。
在来看看，产品功能多所带来的弊端：
1、开发经费的提高
要让产品功能多，则必须要加大自身的研发投入，一个创业公司如果有开始就将自己的全部老低都投入进去的话，必将惨败，无数历史告诉我们，留得青山在，不怕没材烧，资金流也是如此。
2、开发时间的限制所引起的弊端
一个产品功能足够完善，是需要几年的时间，也许是3年，也许是5年，试问这个时候市场还是像3年前或者5年前那样吗？当然不会，所有一开始就将产品做大做全，在3年后，5年后，必定是远离了市场发展的方向。假如要在1年内做好，那又必定会让功能易用性大量降低，与其如此，不如不做。
权衡这些，创业公司还是否应该一开始就将产品做大做全呢？请您权衡一下利弊，您或得到属于自己的答案。
原文链接|
Posted 06月 25th, 2008 归属于网站安全
微软近日推出3款免费的SQL 注入检测工具，用以保护自己网站的安全。
其中第一款就是与惠普联合开发的Scrawlr。
这个软件的下载地址是：https://download.spidynamics.com/Products/scrawlr/
虽然是免费下载，但是在下载前需要填写一份表格，鉴于很多兄弟英文水平和我一样差，在我琢磨了一个小时以后，我将它下载下来并予以分享。
另外，如果您担心本安装程序存在问题，并且您的英文也和我一样足够差，我也建议您琢磨一个小时后进行下载。 
点击这里下载
解压缩密码：zhangjingwei.com
原文链接|
Posted 06月 25th, 2008 归属于运营策划
由于工作问题，很久没有来更新我的博客了，首先给各位关心我的朋友们说一声“对不起”。今天稍微空闲了，赶紧补充我的博客，希望本文能给大家提供一些网络营销方面的思路，并借此文弥补一下自己的多日不更新的过失。
先说两个故事，第一个故事是，某日人们发现了一座金山，大家都蜂拥而至前往淘金，面对着黑压压的人群，一个小伙子突发奇想，不挖金子，去卖水，从而获得了一笔不菲的收入。
第二个故事是，最近奥运火炬在中国内陆传递，一位小贩瞅准了机会，将国旗，T恤衫，沿途兜售，目前已经获利10万元。
这两个故事都有一个共同的特点，就是依靠第三方服务来为自己赚取利润。
建设网站也是如此。
很多创业者在创业的时候，都挖空心思想一些新点子，以期望做出自己的特色，可在这个特色背后，却是一段艰苦的理念推广和产品推广的过程，很多时候，在你没有把自己的想法灌输给别人的时候，就因为资金问题而倒闭。比如国内著名的SNS社交网站UUZONE就是前车之鉴。
依靠现有产品的第三方服务来发展自己，较之依靠新观点，新思想去创建网站，它具备这样一些优势。
1、概念推广费用的节省
第三方服务是建立在已有概念的基础上，运营人员无需花费大量的精力去推广概念，只需要做到完善概念即可。
2、借势而起,借力而发
依靠为一些知名的网站提供第三方的托管服务，可以依靠这些大型网站的人气、名气来带动自己网站的发展。
也许单从概念上来说这个问题，很多人还不理解，那么我现在举一个关于“博客”的例子，来让大家理解第三方服务的概念。
博客是一种个人信息发布平台，有别于BBS有别于留言板。很多人都喜欢用博客来抒发自己的观点，这是一种web2.0的方式，很多企业看到这一点后，建立了博客提供网站，比如新浪博客，网易博客，博客网，博客大巴等等。
人们非常高兴的前往这些免费提供商处建立了自己的博客，可是作为游客的我，根本无法分门别类的查看博客内容啊，比如说我要看网页制作方面的博客，我可能先要打开新浪博客，再打开网易博客，再打开博客网，再打开博客大巴，天哪，这是多么麻烦的事情啊！
有些聪明的朋友就发现了这个问题，于是feed聚合服务就诞生了，通过feed聚合，我们可以跨域的浏览我们希望阅读的博客，这令人兴奋不已！
看，这就是通过第三方服务挖掘利润的典型案例。“免费提供博客平台”是一座金山，可在金山当中却有着各种各样的问题，将这些问题“跨域浏览”解决了(Feed服务)，我们的第一桶金也就拿到了。
很简单，不是吗？ 
希望你也能早日挖掘到自己的第一桶金！
原文链接|
Posted 06月 10th, 2008 归属于worpress 相关
主题名称：Simple theme
主题描述：简洁主题，双栏结构，没有花哨的样式，注重页面结果。主题通过AAA、CSS3、XHTML1.0的W3c验证，采用了RDF框架，使得搜索引擎或其他用户代理可以更好的查阅网站内容，除此以外，还针对搜索引擎做了其他大量细致的优化。
主题版本：1.1.2
主题Tag：simple, seo, two columns
主题作者：张经纬
支持页面：http://www.zhangjingwei.com/archives/simple-theme-for-wordpress/
许可协议：署名-非商业性使用 2.5 中国大陆
使用说明：
1、将附件里的内容上传至“wp-content/themes/”目录下。
2、进入wordpress后台-外观-选择“Simple 1.1.2 by 张经纬”
其他说明：
如果您需要启用Widgets，请使用压缩包内的“sidebar_Widgets.php”替换“sidebar.php”。
下载链接：simple theme
此文共有7人评级，总评级为3.71星。
原文链接|
