web 2.0

CSS隔行换色

隔行换色的问题,其实很简单,解决办法无非一下几种:

1:背景图,如果行高固定的话,推荐使用背景图,也推荐将行高固定!兼容一切浏览器。

2:expression
文字:color:expression(this.sourceIndex%2 ? ‘#ff0000′:’#000000′);
背景:background-color:expression(this.sourceIndex%2 ? ‘#ff0000′:’#000000′);
注:本方法浏览器兼容度不够,不支持ff3。

3:class分别定义:
<ul>
<li class=”bgcolor”>…
<li>…
<li class=”bgcolor”>…
<li>…
</ul>
实实在在的写法。

4:通过JS,看实例:

<!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>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档</title>
<link href=”index.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript”>
function bgChange(){
if(!document.getElementsByTagName) return false;
var tables = document.getElementsByTagName(”table”);
for(var i=0; i<tables.length; i++){
var odd = false;
trs = tables[i].getElementsByTagName(”tr”);
for(var j=0; j<trs.length; j++){
if(odd==true){
trs[j].style.background = “#ccc”;
odd = false;
}else{
odd = true;
}
}
}
}
window.onload = bgChange;
</script>
</head>
<body   >
<table width=”600″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
<tr>
<td>测试文字</td>
<td>测试文字</td>
<td>测试文字</td>
</tr>
</table>
<script type=’text/javascript’>
//<![CDATA[
if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 184 ms, 9 Queries.</span>";
//]]>
</script></body>
</html>

用CSS控制浏览器的滚动条

从dhtml出现以来,微软对dhtml功能的加强就没有停止过,在微软最新的游览器internet explorer 5.5的的ie5.5增加了许多新的样式表内容,对滚动条的样式进行修改也是其中之一,下面我们简单地介绍一下涉及浏览器滚动条的样式表内容:

1.overflow内容溢出时的设置

overflow-x水平方向内容溢出时的设置

overflow-y垂直方向内容溢出时的设置

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色

scrollbar-arrow-color上下按钮上三角箭头的颜色

scrollbar-base-color滚动条的基本颜色

scrollbar-dark-shadow-color立体滚动条强阴影的颜色

scrollbar-face-color立体滚动条凸出部分的颜色

scrollbar-highlight-color滚动条空白部分的颜色

scrollbar-shadow-color立体滚动条阴影的颜色

以上七个属性设置的值都是颜色值,可以使用样式表定义的各种表达方式。

使 用以上的样式定义内容,我们可以指定浏览器窗口、多行文本框的滚动条的显示与否和颜色样式,第一组样式属性用于设定被设定对象是否显示滚动条,第二组样式 属性则用于设置滚动条的颜色,要注意的本文涉及的样式属性都是ie才能支持的,第二组的样式属性只有ie5.5版本才能支持,所以请大家在调试的时候注 意。

我们通过几个实例来讲解上述的样式属性:

1.让浏览器窗口永远都不出现滚动条

没有水平滚动条

<body style=”overflow-x:hidden”>

没有垂直滚动条

<body style=”overflow-y:hidden”>

没有滚动条

<body style=”overflow-x:hidden;overflow-y:hidden”>或<body style=”overflow:hidden”>

2.设定多行文本框的滚动条

没有水平滚动条

<textarea style=”overflow-x:hidden”></textarea>

没有垂直滚动条

<textarea style=”overflow-y:hidden”></textarea>

没有滚动条

<textarea style=”overflow-x:hidden;overflow-y:hidden”></textarea>

<textarea style=”overflow:hidden”></textarea>

3.设定窗口滚动条的颜色

设置窗口滚动条的颜色为红色

<body style=”scrollbar-base-color:red”>

scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。

加上一点特别的效果:

<body style=”scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon”>

4.设定其他元素时,基本上一样,你最好是在样式表文件中定义好一个类,这样你就可以重复使用了。

.coolscrollbar
{
scrollbar-arrow-color:yellow;
scrollbar-base-color:lightsalmon;
}

将以上语句加入到样式表文件中或html头部的<style></style>当中,然后使用

<textarea class=”coolscrollbar”></textarea>

快快行动,让你的主页马上酷起来。

定义列表+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>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
<meta http-equiv=”content-language” content=”gb2312″ />
<title>dl,dt,dd制作的CSS垂直菜单</title>
<style type=”text/css”>
body {
font-size: 12px;
margin: 0;
}
#menu dl {
margin: 0 auto;
padding: 0 0 10px 0;
width: 150px;
background: #69c;
}
#menu dt {
margin: 0;
padding: 10px;
background: #69c;
color: #fff;
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px solid #fff;
}
#menu dd {
margin: 0;
padding: 0;
background: #47a;
color: #fff;
font-size: 1em;
border-bottom:1px solid #fff;
}
#gallery a, #gallery a:visited {
display:block;
padding:5px 5px 5px 20px;
width:125px;
background: #47a;
color:#fff;
text-decoration:none;
}
#gallery a:hover {
background: #258;
color:#9cf;
}
</style>
</head>

<body>
<div id=”menu”>
<dl id=”gallery”>
<dt>Gallery</dt>
<dd><a href=”#” title=”Paul Cezanne”>Paul Cezanne</a></dd>
<dd><a href=”#” title=”Henri Matisse”>Henri Matisse</a></dd>
<dd><a href=”#” title=”Vincent van Gogh”>Vincent van Gogh</a></dd>
<dd><a href=”#” title=”William Turner”>William Turner</a></dd>
<dd><a href=”#” title=”John Constable”>John Constable</a></dd>
<dd><a href=”#” title=”Claude Monet”>Claude Monet</a></dd>
</dl>
</div>
</body>
</html>

CSS网页布局的意义与副作用

随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,52CSS.com也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。

如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS。

CSS网页布局的意义体现在如下方面:

一、使页面载入得更快

由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。

二、降低流量费用

页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。

三、修改设计时更有效率

由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。

四、保持视觉的一致性

DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。

五、更好地被搜索引擎收录

由于将大部分的HTML代码和内容样式写入了CSS文件中,这就使得网页中正文部分更为突出明显,便于被搜索引擎采集收录。

六、对浏览者和浏览器更具亲和力

我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。

说了这么多CSS网页布局的意义与优点,同时也不能轻视CSS网页布局的副作用:

一、DIV+CSS尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。

二、CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。

三、虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,比如火狐浏览器,在IE中显示正常的页面,到了火 狐浏览器中可能会面目全非。当然这应该是浏览器的问题,但是可以说在目前来看,DIV+CSS还没有实现所有浏览器的统一兼容。

四、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。DIV+CSS网页设计并不能保证网页对搜索引 擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什 么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内 容、相关网站链接等因素始终是网站优化最重要的指标。

综合以上讨论的DIV+CSS优势和略势,我认为不可盲目跟风,如何更有效、更合理的运用WEB2.0设计标准,这需要很长时间的学习和锻炼, 欢迎您关注52CSS.com更新的文章。而如何将DIV+CSS运用的更好,我觉得这需要通过不断的实践和体检,积累丰富的设计经验,才能很好的掌握这 门技术。

纯CSS实现多列多模块等高布局

首先给大家看一个图:

以前我们在布局这种需要多列多模块,多列等高,一般会选择横着切一张背景图来进行模拟,这个也是没有办法的办法。

我们知道单纯的两列等高我们可以利用正内边距加负外边距来实现。padding-bottom:32767px; margin-bottom:-32767px;

这个方法的原理是事先通过正内边距来使其拥有足够高的布局控件,然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏,我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度,从而实现了等高。

习惯思维上,我们都是多列等高,然后把这几列都浮动。现在我们变换一下思路,直接使用不浮动的一列的时候,情况会怎样,我们发现,当一列不浮动 搭配正内边距加负外边距,父元素溢出隐藏,它的高度跟还是由内在元素来决定,但是通过web developer toolbar我们可以看到它实际上已经占据了足够的高度空间。

同样的道理,定位也遵循这个规则。我们可以把两侧边框使用绝对定位来固定到两侧,因为绝对定位是不占布局空间的,那么我们需要一个文档流来对父元素进行占位。基本上父元素有多高,就显示绝对定位的元素多少内容,实际上这也就实现了一个等高。

知道了这个表现原理,那么我们上文的布局也就不难了,只需要把每列最后一个模块再进行正内边距加负外边距来进行空间占位就可以实现了!至于下边框,实际上另外一个容器从底下进行拼装实现的~!

下面放上全部代码:

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

上述代码在IE6,IE7,FIREFOX里皆能正常显示,但是在IE8 BETA1里面,似乎必须配合浮动,正内边距跟负外边距的多余空间才能被隐藏,希望正式版的IE8会修复这一点。如果想在IE8 BETA1里面正常显示,请大家把最后一个模块也进行浮动即可~!在此就不做演示了!

CSS实用技巧18招

一.使用css缩写

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。

二.明确定义单位,除非值为0

忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=”100″,但是在CSS中,你必须给一个准确的单位,比 如:width: 100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。

三.区分大小写

当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。

class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。

四.取消class和id前的元素限定

当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如:

div#content { }

fieldset.details { }

可以写成

#content { }

.details { }

这样可以节省一些字节。

五.默认值

通常padding的默认值为0,background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,象这样:

* {

margin:0;

padding:0;

}

六.不需要重复定义可继承的值

CSS中,子元素自动继承父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义。但是要注意,浏览器可能用一些默认值覆盖你的定义。

七.最近优先原则

如果对同一个元素的定义有多种,以最接近(最小一级)的定义为最优先,例如有这么一段代码

Update: Lorem ipsum dolor set

在CSS文件中,你已经定义了元素p,又定义了一个class”update”

p {

margin:1em 0;

font-size:1em;

color:#333;

}

.update {

font-weight:bold;

color:#600;

}

这两个定义中,class=”update”将被使用,因为class比p更近。你可以查阅W3C的《Calculating a selector’s specificity》了解更多。

八.多重class定义

一个标签可以同时定义多个class。例如:我们先定义两个样式,第一个样式背景为#666;第二个样式有10 px的边框。

.one{width:200px;background:#666;}

.two{border:10px solid #F00;}

在页面代码中,我们可以这样调用

这样最终的显示效果是这个div既有#666的背景,也有10px的边框。是的,这样做是可以的,你可以尝试一下。

九.使用子选择器(descendant selectors)

CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码:

Item 1>

Item 1

Item 1

这段代码的CSS定义是:

div#subnav ul { }

div#subnav ul li.subnavitem { }

div#subnav ul li.subnavitem a.subnavitem { }

div#subnav ul li.subnavitemselected { }

div#subnav ul li.subnavitemselected a.subnavitemselected { }

你可以用下面的方法替代上面的代码

Item 1

Item 1

Item 1

样式定义是:

#subnav { }

#subnav li { }

#subnav a { }

#subnav .sel { }

#subnav .sel a { }

用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。

十.不需要给背景图片路径加引号

为了节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如:

background:url(”images

margin:0 auto;

}

但是IE5/Win不能正确显示这个定义,我们采用一个非常有用的技巧来解决:用text-align属性。就象这样:

body {

text-align:center;

}

#wrap {

width:760px;

margin:0 auto;

text-align:left;

}

第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ,第二个text-align:left;是将#warp中的文字居左。

十五.导入(Import)和隐藏CSS

因为老版本浏览器不支持CSS,一个通常的做法是使用@import技巧来把CSS隐藏起来。例如:

@import url(”main.css”);

然而,这个方法对IE4不起作用,这让我很是头疼了一阵子。后来我用这样的写法:

@import “main.css”;

这样就可以在IE4中也隐藏CSS了,呵呵,还节省了5个字节呢。想了解@import语法的详细说明,可以看这里《centricle’s css filter chart》

十六.针对IE的优化

有些时候,你需要对IE浏览器的bug定义一些特别的规则,这里有太多的CSS技巧(hacks),我只使用其中的两种方法,不管微软在即将发布的IE7 beta版里是否更好的支持CSS,这两种方法都是最安全的。

1.注释的方法

(a)在IE中隐藏一个CSS定义,你可以使用子选择器(child selector):

html>body p {

}

(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)

* html p {

}

(c)还有些时候,你希望IE/Win有效而IE/Mac隐藏,你可以使用”反斜线”技巧:

* html p {

declarations

}
2.条件注释(conditional comments)的方法

另外一种方法,我认为比CSSHacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式,而不影响主样式表的定义。

十七.调试技巧:层有多大?

当调试CSS发生错误,你就要象排版工人,逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色,这样就能很明显看到层占据多大空间。有些人 建议用 border,一般情况也是可以的,但问题是,有时候border 会增加元素的尺寸,border-top和boeder-bottom会破坏纵向margin的值,所以使用background更加安全些。

另外一个经常出问题的属性是outline。outline看起来象boeder,但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性,我所知道的只有Safari、OmniWeb、和Opera。

十八.CSS代码书写样式

在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书写习惯。在经过不断实践后,我决定采用下面这样的书写样式:

selector1,

selector2 {

property:value;

}

当使用联合定义时,我通常将每个选择器单独写一行,这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格,每个定义也单独写一行,分号直接在属性值后,不要加空格。

我习惯在每个属性值后面都加分号,虽然规则上允许最后一个属性值后面可以不写分号,但是如果你要加新样式时容易忘记补上分号而产生错误,所以还是都加比较好。

最后,关闭的大括号}单独写一行。

空格和换行有助与阅读。

站长网发布9月份市场交易简报 – 作为报价参考

近日,admin5站长网独家发布了《国内互联网9月份市场交易简报》。作为业界知名的站长资讯门户,admin5站长网旗下的站长交易论坛( bbs.admin5.com )目前十分火爆,每月中介交易超过千笔,而个人交易更是远超次数。如今,admin5站长网每月一期的国内互联网市场交易简报已经成为了业内人士必不可少的专业参考资料。

据《国内互联网9月份市场交易简报》显示,9月通过站长交易论坛中介交易的接近1200笔,其中交易价格在100至500元之间的占 50%,100元以内及500元至1000元之间的各占20%,另有5笔的交易价格达到了10万元以上。从分类来看,网站类交易为15%,域名类交易为 25%,程序类交易为20% ,任务类交易为30% ,剩下的 10%为其他类别。

总体而言,9月中小交易明显增加,特别是价格在100-300元之间的交易。随着admin5站长网的中介交易在站长圈的普及,一般涉及到站长 交易方面的,大家都选择来到站长交易论坛进行快捷交易,既安全又省事。另外任务类型的交易也明显增加,主要表现在制作网站程序、美工服务及技术支持方面。

网站交易简报

在网站交易方面,眼下最容易出售的网站主要为几个类型:网站被百度等收录(普通百度收录的cn域名都能出售 50元-100元);或者网站流量在300至1000 ip,并有基础有发展潜质;抑或为娱乐类型,网站流量容易迅速上升。

以1000个ip 为基准,目前网站交易价格大致是:小说网站500元至800元,音乐网站700元,游戏网站1000元,qq类500元,电影网站1000元,图片网站500元,导航网站1200元。

域名交易简报

在域名交易方面,.la域名尤其被重视。双拼域名继续保持高价位,但是由于双拼并非硬通类域名,目前价格差距很大,好的在5位数甚至卖到六位 数,差的可能注册价格都卖不掉。而短的域名,如2、3位域名的价格居高不下。此外,cc域名失去价格优势,很多注册成本是200元,却往往还卖不到200 元。

目前域名价格大致为:3杂.cn200元,abb.cn3数字5000元至10000元,4数字域名.com 3000元至5000元,常用双拼.com 5000元至10000元,3杂.com1000至2000元,2数字.la 3000元至5000元。

任务交易简报

在任务交易方面,主要以程序设计、页面制作、cms模板及美工为主。站长交易论坛有很多专业的美工制作团队,每天接单在5-10笔,主要是logo及banner设计,及经常用到的cms模板及论坛模板制作。

在价格方面,logo分为企业用户和个人用户,价格均在100元至500元左右。cms全站模板大概价格在500元至2000元左右,而全站程序则普遍在1000元至3000左右。(eNet硅谷动力)

16个步骤增强你的博客影响力

你是否期待着你的博客蒸蒸日上,你是否热衷于建立一个大型的读者社区,甚至成为一个全职的职业博客作家,这些都需要博客有更大的影响力和更大的声誉,这里 就总结了一些有效的方法,通过这些方法可以逐步扩大你博客的影响力,使其逐渐成为一个专业的媒体或内容平台。  虽然“内容建设”依然是博客成功的关键因 素,但是还有一些技巧可以增加博客的影响力,比如用户产生内容、互动资源等等。建立一个博客网络也可以扩大博客的品牌和声誉,这需要和其它的博客建立一些 相关项目进行改善。以下是16个扩大你的博客影响力的方法,请注意,内容始终应该是一个博客最关键的地方,其次才是一些额外的技巧。
1、建立多个频道
挑选几个你感兴趣的主题,通过子域名或者子目录的方式建立多个不同的博客,这样的主题分类会让你得到更多的访问者,这只是一个可选方案,因为你可能没有那么多时间和精力建立多个博客。
2、用户产生内容
让你的访问者创建内容是扩大你博客影响力的好方法,你还可以整理别人发布的内容,将那些你觉得有价值的内容重新发布,另外,你还可以建立一个以帐号为基础的系统,让用户可以自由的注册、发布或修改自己的内容。
3、本地化你的博客
一个比较好的方法是,针对当地的访问者,输出当地的语言的内容。这意味着需要同步翻译你的博客文章。目前有一些插件可以做到即时翻译的功能,这将使得你的品牌更加全面。
4、建立一个博客网络
有了一个或两个博客,那么就可以创建一个小型的博客网络(Blog Network),购买一个新的域名用来创建博客网络的总站,里面发布一些广告和相关媒体的信息。
5、建立一个论坛
为你的博客建立一个论坛的主要的目的是为了加强用户的交互性,这也是你的读者为什么需要反复访问你网站的一个原因。提供这样一个论坛,用户可以自由创建一些富有粘性的内容(除了你自己的内容之外),这样就鼓励了用户重新访问你的网站。
6、建立一个邮件列表
发送邮件列表是一个很好的让用户访问你博客的方法,创建一个周报或者月报来联系你的读者吧。
7、建立博客镜像
将你的博客建立多个镜像,也可以给你带来更多的流量,这很简单,通过一些方法可以实现自动镜像的功能。
8、参加一个社群
好的社群例如论坛或者社会化网络并不是获取流量的好方法,但是对于建立自己的品牌有一定的用处,挑选一些好的社群,在你不写博客的时候可以花些时间去建立联系,这对个人的长远发展有一定益处。
9、优化社会化媒体
为你的博客优化社会化媒体有两个方法,第一个方法是着重与你的读者进行沟通和互动,在你的博客之外(例如Twitter或Facebook)和他们交 流。另一个方法是设计通过社会媒体社区营销你的博客,要做到这一点,先要选择一个和你博客相关的社区,然后在里面友好地传播你的内容来增加影响力。
10、引进新的作者
新的作者等于新的声音和更多的机会,为此你要做更多的后勤工作(营销或管理),通过聘用一些高质量的作家,你可以发现你的博客的核心内容在爆炸性的成长。
11、销售产品或服务
在博客上放广告是一个最简单的赚钱方法,不过,你可以将销售一个产品或者服务做为另外一个候选项,想一想,对于每天访问你网站的访客都可能是一个潜在的 客户,他们不是以订阅数或者浏览量来计算的。因此,现在就在你的博客上创建一个产品(电子书或者共享软件)或者服务(咨询或者设计)吧。
12、创造优质内容
优质的内容指的是独家的并且不对外公布的内容,这些内容可以通过免费赠送或者收费订阅。在你的免费内容旁边建立一个仅仅是私密博客或者付费订阅,提供详细的教程、工具、会员专用电子书等,用户的支持最终会让优质的内容更有吸引力。
13、创建一个行业聚会
创建一个年度的比赛或者颁奖仪式,用来奖励那些有个性的网站或公司,这是个非常好的获得注意力的途径。
14、与其他博客合伙
和其它博客合伙工作室一个简单的方法来扩大你的网站的影响力,与其他博客建立类似社会化网络、共同写作项目、应用软件等,联合起来的品牌和产品会得到更多的重视。
15、提供移动博客
提供一个可以通过移动设备(PDA或者手机)可以访问的地址,以便那些使用手机的人可以方便的访问你的博客。
16、做视频或播客
视频博客是一种简单的获得额外流量的方法,因为你可以让你的内容以全新的方式被读者访问。社会化视频例如Youtube等都是流量很大的网站,可以给你带来新的读者和销售量。
总之,为了你的博客要勇于冒险和尝试新方法,博客不仅仅只是你个人思考的一个简单的平台,建立一个受欢迎的博客,不仅仅需要大量的高质量内容,还需要发 展一些核心支持者和广阔的分销渠道,将你的博客扩张到社会化媒体,可以加强用户的参与,获得相关内容,同时增加你的影响力和声誉。(时尚网络)

IT人失业后14件可以做的事情

北京时间10月23日,CNET网络编辑Rafe Needleman发表文章指出,眼下,糟糕的经济让不少从事科技工作的朋友丢掉了工作(程序员、编辑、开发人员、项目管理人员等等)。科技打工一族毕竟 和普通的劳动力有些不同,如果不幸成了科技失业大军中一员的话,这里有个可做事情列表可供参考:

1,参加开源项目

一方面,正是开源领域,推出了很多非常有趣、有影响力的产品;而且,更重要的是,不少参与开源项目的人士手中掌握着公司招人的人脉关系;此外,参与项目开发能够让你继续保持技术水平不落后还可以拓展相关技能。

2,转向新兴事物

新兴事物往往是商机所在。他们往往正在招人,即使现在不是,或许很快也要招人。我特别喜欢那些现在还在”雷达之外”的项目。

3,自己去找些项目来做

你不必再去按时坐班,但你仍拥有你的技能,还有很多人会需要你的技能。那就去一些在线项目市场网站比如oDesk上来找些项目来做做。

4,更新你的个人档案(Profiles)

将你在各大社交网站比如LinkedIn、Facebook、Twitter上的个人档案更新一下,让好友们知道你现在正闲着可以做一些事情。甚至可以给一些好友发消息告诉他们你现在正在寻找新的工作。

5,学一些新本领

我不是说让你去学着去买股票,如果你是个Java程序员的话。我是说,你可以去学学如何烹饪、如何攀岩、甚至如何开摩托车,所有那些你在坐班时想学而没法学的事情。

6,去回答一些专业问题

去Friendfeed和Twitter Search上找找,看看能否回答一些自己领域的专业问题,毫无保留的将自己知道的知识贡献出来。这样,你不仅可以知道自己行业里眼下正在发生的事情,而且你还可以帮别人解决一些问题,甚至可能获得另一份新工作的机会。

7,找个男(或女)朋友

不要因为失去工作是放弃寻找伙伴的乐趣。或许你还可以因此节省一些开销(一般指女士)。而且,你还可以对自己的生活有个计划,至少可以将那些新多出来的时间花在和那些新交朋友的相处上。

8,可以去参加一个摇摆州里竞选

不过,时间不多,要动作快些。

9,抽出一些时间去旅行

去墨西哥的海边城市逛逛,哪怕仅仅是几天。去墨西哥很方便,而且花费也不高。躺在海滩上,好好思考一下在自己剩下的职业生涯中最想做什么。至少,你在那里可以看到有很多人在比我们收入少得多的情况下也能过得很好。

10,搬出湾区(Bay Area)

湾区的生活成本太高了,而且在湾区经济都是科技型的。如果你有别的技能,或许你可以在别的地方找到一个更适合的市场,至少你可以以较低的生活成本维持自己的生活水平,而且,还可以继续自己的网上项目。

11,购入一套新的工具

是的,也许你正要准备削减一些开销,但你也需要添置一些能跟上潮流的工具来揽些项目。而且,在你用那些崭新的家伙来工作的时候,心情可能也会更积极一些。

12,多拍一些照片

你1500美元的单反相机现在也可以排上用场了,你可以为Fotolia、ShutterStock、iStockphoto、StockXpert拍些照片。虽然一开始不一定能卖出去多少,但一方面可以打发时间,另一方面摄影水平也能逐渐提高,也算是生财之道。

13,做一些志愿工作

做些志愿工作可以锻炼一些新的技能,比如领导技能,还可以丰富生活。

14,开始着手创立自己的公司

如果你小有积蓄,并且可以一段时间不用为生计发愁,那现在正好是创建自己公司的时候。不必为糟糕的经济而大伤脑筋,你可以专注于创建自己的产品,那 些可以帮助人们解决一些问题的产品,即使现在不一定用得上,当经济好转的时候就能用上。甚至,现在还有一些为这种创业公司提供的小额基金,可以争取一下。(sohu)

10个最吃香的网站开发技术

尽管美国经济出现危机,但是网站开发领域还是很繁荣的,因为不论是现在或者将来,网络必定是人们日常生活中不可缺少的组成部分。NETTUTS上列 出10个最吃香的网站开发技术。作为网站开发工程师,如果你精通这些技术,即便在经济不景气的时候,仍然很容易找到一份好工作。

1. Framework knowledge (架构知识)

架构是大型网站开发的重要部分。开发者已经从Rails, Django等公司提供的网站架构工具中收益,因为架构工具可以帮助完成那些需要一定编程知识的重复性的任务。如果你拥有领先的架构技术(像Rails, Django, CakePHP, Symfony等),你的择业面将非常广阔。

2. Widget Development (窗体小部件开发)

窗体小部件(Widgets)是一个嵌入网页的迷你应用程序,通常也可以下载到Windows或者Mac桌面下运行。它让数据变得便与携带而且更具 交互性。比较出名的像Yahoo Widgets 和AOL Music Widgets。窗体小部件开发除了需要掌握网络应用程序开发所需的语言知识,还需要精通Javascript和Flash知识。

3. Custom CMS themes (内容管理系统主题定制)

如今越来越多人开始使用CMS(内容管理系统,例如Wordpress和Drupal)来构建他们的网站。可以想象不可能大家都用CMS提供的默认主题,为了让自己的CMS网站在外观设计上独树一帜,就需要一些专门给CMS开发主题的技术人员。

4. CMS Customizations and plugin development (内容管理系统的定制以及插件开发)

同样随着CMS的流行,对CMS的功能定制以及插件开发的需求也越来越大。

5. PSD to XHTML services (PSD转换XHTML的服务)

在建站中,许多公司是先用Photoshop设计好网站的外观原图,然后再转换成XHTML。这需要很强的CSS/HTML知识。

6. Javascript Plugin creation(Javascript的插件开发)

Javascript的Framework非常流行,因为它使Javascript的代码开发变得简单。就比如说现在流行的Javascript Framework – jQuery,如果你在它的基础上开发优秀的插件,那么你的插件也会跟着流行起来。

7. Facebook/MySpace applications (Facebook/MySpace 应用程序开发)

Facebook/MySpace两大社交网站在美国红遍半边天。给他们开发应用程序,不用说一定是相当热门的。

8. iPhone applications (iPhone 应用程序开发)

同样给iPhone开发应用程序,也一直都可以被大量下载,因此也是很赚钱的活。

9. E-commerce integration (电子商务一体化)

如今电子商务网站(像Ebay,Amazon)与在线银行服务系统(像Paypal和Google Checkout的)之间的配合越来越紧密,因此电子商务交易平台的开发也是相当有前途的。

10. Flash and Actionscript Knowledge (Flash和Actionscript知识)

越来越多的公司采用Flash来制作自己的网站、展现自己的产品,因为精美的动画总是容易吸引人们的眼球。因此Flash动画技术也必然迅速发展。

Previous Entries