Archive for 博百优网赚系列

一天花30元,尝试Adwords做淘宝客

这次的投资可真不少啊,每天投入30元,一个月就差不多1000元了。不过要赚钱得要先亏钱,得敢投资。做CPS其实最好的方式就是做PPC,而不是SEO。SEO虽然成本低,但是花费时间长,周期太长了,而且得花费的精力太多。

在国外做CB,CJ的很多牛人都是通过PPC或者导购软文,哥也得尝试着去做。迟点看看效果如何才决定是否追加投资吧,哈~

博百优:放弃更佳的用户体验,获取更高的收入

博百优这种想法或许会与我们一贯的注重用户体验的做法是相悖的,但是我觉得无论是公司还是个人网站,最终都是为了盈利,丘仕达说得很好,我做SEO不是为了做排名,而是为了盈利。所以博百优最近在测试一个英文站的Adsense广告位置投放的时候,放弃了更佳的用户体验,在一篇内容上面出现了多个adsense广告。点击率从以前的0.3%,提升到最近的这几天的2%~5%之间,其实这种点击率还是挺高的,不过没有作弊就不需要考虑太多。
» Read more..

博百优初级网赚(二)广告联盟

博百优昨天给大家介绍的初级网赚一连接类,今天博百优想给大家继续我们的网赚系列。广告联盟无疑是目前中小网站最主要的盈利模式,作为全球最大的广告联盟Google Adsense,以及国内的百度推广,淘宝联盟已经把国内广告联盟的市场几乎占据了。如果你的网站都无法做以上三个联盟的话,不妨来看看下面介绍的几个广告联盟吧
» Read more..

博百优初级网赚系列(一)链接类

今天倒想换点新的口味,每天都是SEO,css还是挺烦的。我觉得网赚应该是很多站长一直以来的目标,做网站除了自己的兴趣之外最重要的就是这个网站是否能为我们带来盈利,这也是衡量一个网站的价值的体现。博百优不是什么网站高手,但是也参与过不少国内外的广告联盟,小钱还是可以赚到点,但不值得拿出来扯谈,也是属于初级网赚的级别而已。今天给大家介绍一下这些网赚的平台,看看是否适合你呢?
» Read more..

模块化 CSS – 更有效地管理CSS

http://laajo.com/weblog/wp-content/uploads/2009/12/cssHtml-square.jpg

之前一篇CSS网页布局困扰新手的八个问题相信对于大家来说还是相当有帮助的,特别对于新手。而今天将是关于CSS的模块化的问题。

在刚学习CSS初期,就接触了”模块化CSS”这样的概念,不过,一直没有很好的理解。说起 来,理由很简单:因为几乎所有的代码都是为了博客的设 计,而像博客这么小的架构,CSS文件根本不用多,因为本身代码量就小,使用不同表现形式的页面模板并不多,少反而更方便管理。所以,对于模块化CSS的 理解很乱,直接导致自己一直认为下面的分法是非常合理的:

  1. reset.css // 对浏览器的默认样式进行重设
  2. layout.css // 管理页面的布局
  3. typeset.css // 图文的编排与
  4. color.css // 统一管理颜色的搭配
  5. print.css // 打印效果样式
  6. ie.css // 把对ie的hack单独分开

其实不然,最近工作,接触了公司的网站,leader要自己写CSS的写作规范,以及一些HTML的统一规范;并且写了新的频道/页面/卖场。才发 现,原来,上面的分法还是太理想化了。以个人来说,个人认为可以用下面的分割法。先写下,然后,让我们对比这两种分法,找到更好的解决CSS文件管理的合 适的CSS模块化分法:

  1. reset.css
  2. header.css // 头部的所有样式
  3. container.css // 除头部/底部外的中间区域样式
  4. footer.css // 底部样式
  5. print.css
  6. ie.css

我们可以看到,不同的有三个CSS文件。第一种分法是种不错的做法,但管理起来比较麻烦,虽然是”模块化” 了,把表现的内容的样式分开。但由于每个人都不可能百分百了解每个CSS文件里面的内容,所以,可能导致下面的问题:

一、效率问题与最终目的

在网站内容上面,如果改某一个区域的内容,可能要几个CSS都改。这样一来,本来简单的一个修改,开始变得复杂起来。并且,如果多个都改,可能会使我们忽略了某些东西,又需要进一步调试,这样不仅肯使最终目的实现延后,还是一个效率的问题。

二、调用尽可能少的CSS文件

大多楼情况下,一个网站都是分成头部,中部和底部,并且,一般,要做新的频道/页面之类的东西,都不会变动头部和底部,而只是变动中间部分。这样一 来,所有CSS文件都要调用,因为,HTML和CSS的模块化并不一致。这样,就会导致服务器承受更多的压力。这是一个方面。另一个方面是,如果新页面中 某些元素与其他页面有冲突,我们可能要搞一大堆关于优先性选择的代码,增加代码量。这些都不是我们想要的。这就为什么要把header.css和 footer.css分开来的原因。

三、多人合作上的问题

如果我们多个人在工作,大家的分工可能是,有人完成头部的导航,有人完成底部的搜索条,有人完成中部新页面的构建。这样一来,大家都同时在改几个文 件,并且,改的东西不同。如果要更新到服务器,就要先对比,再更新。(当然,现在有版本管理这样的软件。但是,同时工作的话,版本也是一个问题,要相信, 或许更新永远都改不上改变。)

结语:

当然,上面的分法,只是一个简单的模型。不同网站的架构,可能需要更细化的分法。这里需要提醒的一点是,模块化CSS,我们应该时刻明确,我们是为 了方便管理,方便修改,方便多人合作,而不是简单的分割。如果说有什么建议,我想,CSS的模块化,应该尽量与HTML的模块化相一致。这里的一致说的 是,无论是在文件的分割上,还是在CSS内容的分割上,与HTML的模块化一致。这将会更有利于我们的工作。

而你,又是怎么想的呢?

来源:http://www.joray.info/article/52

CSS网页布局困扰新手的八个问题

CSS网页布局,说难,其实很简单。说它容易,往往有很多问题困扰着新手,介绍了非常多的技巧,这些小技巧与知识能事半功倍的给大家以帮助。然而更多的时候,我们往往被一些小问题缠着不能轻松。今天向大家介绍八个技巧,这些技巧显得很有用。

http://image-001.yo2cdn.com/wp-content/uploads/293/29353/2009/03/20_useful_css_tips_for_beginners_004.png

一、若有疑问立即检测

在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。

二、使用浮动功能时记得适当清除指令

浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。

三、边界重合时利用padding或border来避免

您可能会为了一点不应该出现的空间而焦头烂额,或者您需要一点点空间时,怎样都挤不出来。如果您有用到margin,那么很容易产生边界的重合。

四、尝试避免同时对元素指定padding/border以及高度或宽度

Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题,但如果母元素需要指定高度与宽度时,最好能够在母元素之内的子元素套用margin,或者当子元素需要指定高度与宽度时,在母元素套用padding以达效果。

五、不要依赖min-width/min-height

Windows版IE并不支援两种语法。但是在某种程度下,windows版IE可以达到相当于min-width/min-height的效果,所以只要对IE做点过滤功能,即可达到您想要的结果。

六、若有疑问,先减少百分比

有时候某些错误会使50%+50%成为100.1%,使网页出现问题。这时请尝试将这些值改为49%,甚至49.9%。

七、记住“TRBL”写法

border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left. 所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记住“TRBL”,您就不会弄错次序了。

八、只要不是零的值,都要指定单位

这需要特别注意,很多新手朋友往往忽视这个问题。不止一只强调这个问题了。

abenon 撰写  http://ued.stuin.com/wr/css-page-layout/

20个优秀网站助你征服CSS

CSS其实是很容易学的,我现在还在看CSS的书,可惜太懒了,看了一个暑假一半都没看完。我一直相信好的东西自然会有人欣赏,比如:16个优秀网站教你网站设计。今天,推荐的是20个优秀的CSS网站,很有用的。

原文出自Jacob Gube之手。

1. A List Apart CSS Topics

A List Apart是一个CSS优秀文章的收集网站,从1999年开始收集文章,关注最佳网页设计。

2. CSS Help Pile

CSS Help Pile重点关于CSS资源,技巧与手法。该网站授予良好的网页组及优秀的资源,适用于各个水平的开发人员,分类包括:初学者浏览器解析的错误简评CSS的书籍

3. CSS Basics

CSS Basics可以当成一书来看,用了18个章节来传授基本的CSS概念,对初学者相当有帮助。还有就是所有18个章节,提供打印或PDF格式下载

4. Holy CSS Zeldman!

Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。

5. Eric Meyer: CSS

这里主要是收集Eric Meyer (著名的开发者)的作品,在css/edgeCSS reference等页面可以找到一些相关的资源。

6. 456 Berea Street – CSS category

456 Berea Street下有一个CSS分类,里面有超过300篇文章,这些文章有教如果放置图片,有些是说CSS技巧

7. /* Position Is Everything */

这里只要关注的是如何摆脱浏览器显示的错误。

8. HTML Dog CSS Tutorials

HTML Dog致力于教授最佳的XHTML与CSS布局,分为初级中级高级三个级别。

9. Learn CSS Positioning in Ten Steps

如果使用CSS定位是一个棘手的问题,这里有10步,看能不能帮你解决。

10. Andy Budd CSS/Web Standards Links

Andy Budd有着一系列CSS/web标准的有用链接,以帮助你找到有用的资料。

11. W3CSchools CSS Tutorial

W3CSchools有一个CSS部分,内容涵盖了初级到高级的CSS主题。

12. css Zen Garden

css Zen Garden给我们展示了CSS是怎样工作的,使用相同的HTML文件,设计师提交的外部样式来美化这个文件。用Web Developer Tool就可以检查CSS是如何进行布局工作的。这个网站在7个最好的网上CSS资源里也有介绍。

13. CSS at MaxDesign

MaxDesign拥有Russ Weakley的一套CSS精彩教程,在Listmatic里,教你使用CSS格式化列表,在Floatutorial里,介绍floating元素的知识。

14. CSSeasy.com

CSSEasy.com拥有丰富的经验及创意分享,让我们更好地了解CSS。

15. CSS-Discuss

CSS-Discuss是一个CSS爱好者社区,而 CSS-Discuss Wiki是关于CSS的应用收集。

16. Web Design from Scratch: CSS

Web Design from Scratch有一章节是关于CSS的,涵盖了CSS的基本概念。 其中的Introduction to CSS对初学者很有帮助。

17.CSS-Tricks

CSS-Tricks是一个专注CSS的博客。

18.CSS on Delicious

The CSS tag on Delicious是关于优秀CSS设计的链接收集,亮点就是让我们知道哪些好东西在被人看。

19. SitePoint CSS Reference

SitePoint有一个CSS部分,专门讨论入门水平的CSS主题。

20. CSSDog

CSSDog有一部分为初学者高级开发者设计的,其中的开发经验及参考,个人认为是最有价值的部分。

来源:http://news.cnblogs.com/n/41975/