Focusec

SocialBeta@广州分享会

CT — Sun, 29 Aug 2010 23:01:50 +0000

前天去广州参加了socialbeta@广州分享会。途中虽麻烦不断，结果还是收获不匪。

定了深大去广州的车，先是时间安排不当，后是车来晚了，再是现金不足（刚够路费），而广州很多店不刷卡，对广州交通也不熟。还好最后准时到场了。

来的人不多不少，50人左右，不少是从事新媒体营销的。分享嘉宾有三位：

1.天涯社区的梁树新：《网络公益策划与执行案例分享》。讲的是利用新媒体（主要是微博）搞微公益。有两个很有意思的demo。一是铅笔换校舍，一是不穿裤子坐地铁。铅笔案例体现了社会化媒体的力量。具体如下：

2010年3月15日，在微博发起“铅笔换校舍”公益活动，通过以物易物和爱心竞拍方式，在25天内为广西昭平县走马乡佛丁村小学筹集到15万多校舍修缮资金。众多明星名人如姚晨、曾子墨、李念、柯蓝、王凯、马志海、五岳散人等积极参与。中央电视台、南方电视台、湖南卫视、北京电视台、新快报、京华时报、信息时报、南方日报等多家媒体对“铅笔换校舍”进行了报道。

这个公益活动个人觉得亮点很多，比如物款公开透明，中后期利用明星资源等引爆点，吸引了很多媒体的关注，名人企业的参与。这个演讲的交流环节很活跃，其中在公益上参与者（特别是企业）带来什么好处上说了很多。开始觉得公益不追求回报，后来想这些活动还是有功利性，个体想得到的是道德上的回报，企业要的是形像等软实力的回报。

2.黄榕佳的《社区的多样运用》，主要是利用社区进行营销的几个方法。介绍了粉丝群，客户社区，focus Group/群组，内部员工的集体智慧，社会公益，活动官网这六种方法。演讲和讨论都有不少知识我不理解（孤陋寡闻)，特别是很多涉及到实战的东西。

3. 第三个嘉宾是老外lonnie Hodge。从事社会化媒体营销多年。英语不好，现场有翻译，不过听起来就没味道（类化二手货的感觉）。讲了很多，大意是社会化媒体很重要之类。

三位嘉宾讲完还有自由交流环节，因为要回深圳，所以没参与。

好惶恐，这是会后的第一感觉。这么多知识自己连听都没听过。还好，这是新行业，还能及时补回来。虽然参加的人不多，不过很多都是达人大牛。邻座形像很普通，一问竟然是WP高人水煮鱼。webrebuild年会有人说得好，虽然我们不能站在巨人肩膀上，至少也可以坐在他们腿上。我要多见识外面的世界。

第四届WebRebuild年会深圳站

CT — Mon, 23 Aug 2010 21:44:51 +0000

初次参加WebRebuild的活动，收获巨大。认识了不少前端的牛人，工具/软件，美女帅哥。

个人收获如下（中间因前天晚上熬夜而精神不集中，听得不甚认真,sorry）。

1.HTML5：现在几乎所有的浏览器厂商都推动，HTML5的实用会越来越快。Google Chrome的胡坤认为HTML5是：HTML5~=HTML+CSS+jsAPI。范例很精彩（胡哥的演示文档是用html写的，强悍）。

2.工具/软件：第二个分享是腾讯石玉磊（大牛）的《web前端开发实用工具》，重点介绍了他开发的软件Fiddler插件 ——willow（willow是他FG的名字，好感动）。好多大牛在微博墙上回应严重推荐这个工具。其他工具/软件还有，vim，EditPlus，html validator等。

3.思想/方法：第三个分享是腾讯帅哥郑焕义带来的《重温网站重构》，回顾web开发的发展，其中重点是说到语义化标签的使用的好处（SEO，方便重构，结构清晰，无障碍浏览等）。随之的即兴分享，也是和语义化标签有关，说到table的滥用和div的滥用等。第四位演讲嘉宾是迅雷的邹惠斌，主题是《移动设备的web重构》，内容主要是怎样在PC上搭建移动设备的运行环境，并且在低端手机上怎样进行web重构，因为自己关注得少，很多知识都没听懂。第五位嘉宾是彩讯的张思坚，《浏览器兼容性》，演示文档很有特色（第一次看到用思维导图做演示），很全面地介绍了各类浏览器（搭建本地测试环境时很有参考价值），他所讲的内容还有不少，事过二天，现在记得清楚只有这些,等课件出来再补。压轴的彪叔，题目是《化烦为减》，以哈佛大学的公开教程《公平与正义》开题，讲得很广，气氛很轻松，主要内容是说，看，做要把握好度。另外石玉磊也提了不少优化的方法，比如用base64来表现图片。

4.项目管理：第六位演讲者是来自金蝶的陈军，是交流会上互动做得最好的嘉宾，题目是《scrum敏捷项目管理》。scrum敏捷项目管理比较适合互联网产品的开发管理。WebRebuild官方微博的对它的总结：

Scrum的核心是“拥抱变化”，它的迭代周期很短，在迭代完成之后的功能演示会议上客户会提出一些需求。因为互联网行业中客户在看到界面之前往往不清楚自己需要的是什么，通过完成核心需求来展示给客户界面，可以让他提出意见，团队好进行下一轮的迭代讨论。
Scrum Master要保证团队不受打扰，保持项目的心跳，让团队自己发挥潜能。
Scrum里有一个经典事件：每天早上有一个15分钟的Scrum简会，每位团队成员陈述当前状态，记录在白板上。白板无论对于内部成员还是对外部接口都是一个很好的描述项目进展的展示板。
在每一次迭代开始之前产品经理都会准备一份排好优先级的需求列表，团队可以提出意见，哪些优先级可以排高一些，最后由产品负责人确定本次迭代要开发的功能。在以后的迭代开始之前负责人有权调整这些需求的优先级，以确保每一次团队都在开发最有价值的需求。
Scrum特点三：面对面沟通，非语言特征比如表情和肢体动作通常能表达我们的真实意识，所以面对免沟通的效率是最高的。
Scrum是一个敏捷开发框架，是一个增量迭代的开发过程.。
重构是敏捷开发中很重要的一部分。

5.个人感受：我喜欢这种交流会。之前的WebRebuild交流会我也有报名，不过最后觉得自己觉得的东西太少，拿不上台面而退怯了，现在后悔了。互联网的知识体系很大，全才是极少有的，交流会能很快让人发现新天地和自身不足。火花得多碰撞才耀眼。

25个令人惊奇的CSS3实验和例子

CT — Thu, 19 Aug 2010 17:48:28 +0000

CSS3为设计师和开发者打开一片新天地。以前需要用到图片，JavaScript或者Flash的地方，现在能用CSS来实现了。不幸的是，现在主流浏览器不支持CSS3，这些开发只能当作实验或学习。不过，如果你有兴趣了解CSS3的强大，下面例子值得一看。

文中我们列举了来自不同设计师/开发者25个CSS3的实验或例子。有一些比较实用，所有的例子都展现了CSS3的功能和创新之处。

Pure CSS Social Media Icons

Apple’s Navigation Bar Using Only CSS

Easily Turn Your Images into Polaroids with CSS3

Recreating the OS X Dock

Use CSS3 to Create a Dynamic Stack of Index Cards

CSS Posters

CSS3 Background-Clip & @Font-Face

CSS3 Button Maker

Create a Vibrant Digital Poster Design with CSS3

Experiment: Realistic iPod with CSS3

Old School Clock with CSS3 and jQuery

Multi 3D Cubes with Animation Using CSS

Sliding Vinyl with CSS3

Animations Using CSS Transforms

A Colorful Clock with CSS & jQuery

jQuery DJ Hero – CSS3 and jQuery Fun

CSS3 Animations Demonstrated with Snow

AT-AT Walker

How to Create Depth and Nice 3D Ribbons Only Using CSS3

Pure CSS Coke Can

Our Solar System in CSS3

Look Ma, No Flash!

Pure CSS3 Page Flip Effect

CSS3 Loading Spinners without Images

Rotating Image Gallery Using CSS Transform and Transition

focusec翻译，原文链接｜转载请注明本文链接

电子商务常识整理

CT — Wed, 18 Aug 2010 14:27:21 +0000

这是个人整理出来的电子商务常识，里面有不少知识直接来自上学期我在走秀网实习时的知识。难免浅薄。里面有很多是和网络营销相关的知识，因为电子商务和网络营销联系太密切了。电子商务三流之中的物流和资金流，因为了解还不多，没有把它整理出来。比较有价值的常识在文章后半部，请耐心阅读。

电子商务介绍

概念：电子商务，英文名Electronic Commerce，简称EC。

电子商务模式（常见类）：

B2B模式，Business to Business-企业对企业，例子：阿里巴巴，生意宝（网盛科技）、慧聪网。

B2C模式，Business to Customer-企业对个人，例子：亚马逊，当当，凡客，时尚起义，走秀网。

C2C模式，Customer to Customer－个人对个人，例子：ebay，淘宝，拍拍，易趣。

电子商务专业名词（常见类）：

SEM：Search Engine Marketing的缩写，意即搜索引擎营销。

EDM：Electronic Direct Marketing的缩写，就是电子邮件营销。

CPS：Cost Per Sales的缩写,即销售分成。

CPA ： Cost Per Action，每次动作成本，即根据每个访问者对网络广告所采取的行动收费的定价模式。对于用户行动有特别的定义，包括形成一次交易、获得一个注册用户、或者对网络广告的一次点击等。

CPM：(Cost Per Mille，或者Cost Per Thousand；Cost Per Impressions) 每千人成本。

CPC：(Cost Per Click；Cost Per Thousand Click-Through) 每点击成本。

ROI：Return On Investment的缩写，投资报酬率。

SEO：Search Engine Optimization的缩写，搜索引擎优化。

转化率：Conversion Rate的缩写，是指访问某一网站访客中，转化的访客占全部访客的比例。

UV：Unique Vister的缩写，独立访客。

AdWords：Google的关键词竞价广告。

Alexa：Alexa.com是专门发布网站世界排名的网站，网站排名有两种：综合排名和分类排名。

二跳率：二跳率，由99click最先提出，网站页面展开后，用户在页面上产生的首次点击被称为 “二跳”，二跳的次数即为”二跳量”。二跳量与浏览量的比值称为页面的二跳率。

跳出率：跳出率是指浏览了一个页面就离开的用户占一组页面或一个页面访问次数的百分比。

人均访问页面： PV总和除以IP，即可获得每个人平均访问的页面数量。至少人均访问页面需要超过10个以上，才算是优质的用户。

电子商务商务常见营销方式：

1.网络媒体：门户网站广告，客户端软件广告。

2.SEM：竞价排名，联盟广告。

3.EDM邮件营销：内部邮件群发，第三方平台，数据库整合营销等方式。

4.社区营销：BBS推广（发帖和活动）SNS。

5.CPS\代销：销售分成（一起发，成果网，创盟）。

6.SEO：搜索引擎优化。

7.积分营销：积分兑换，积分打折，积分购买等。

8.DM目录：传统单张目录，如麦考林，红孩子，凡客，PPG。

9.线下活动：会展，体验店等。

10.传统媒体：电视电台，报刊杂志。

网络营销主要机构：

3大在线媒体广告代理服务商：好耶，华扬联众，龙拓。

3大在线营销创意服务商：奥美互动，阳狮互动Digitas，安瑞索思。

3大网络联盟广告服务商：亿码（一起发），linkTech，alimama。

3大小企业的基础性在线营销服务商：中企动力，上海火速，深圳时代赢客。

3大网络公关公司：蓝色光标，宣亚公关，新华美通。

3大SEO服务商：王通，点石团队，新竞争力。

3大营销2.0机构：陈格雷，陈墨网络推广机构，浪兄推广机构。

用数字衡量网络营销效果：

－－网络营销效果可以100%以数字来衡量

1.访问页面：网络推广的访问者访问 5个页面以上才是有效流量。访问10个页面以上是高质量的流量，访问2个以下页面是垃圾流量。

2.停留时间：超过3分钟才是有效流量；超过6分钟是高质量流量；小于1分钟的是垃圾流量。

3.二跳率数据：推广来主页二跳率70%以上是高质量流量。

4.转化率数据：推广购买转化率为1%以上为高质量流量。

网络营销需要辩别好：真实流量与流量，有效流量与流量，自然流量与购买流量，PV高的流量与PV低的流量，商业流量与娱乐流量。

如何用数字判断一个网站：

1.访问量：alexa，chinaz查询工具。

2.网络流行度：搜索网站名，搜索结果越多相对来说越流行。

3.行业排名：查询艾瑞的排名。

4.网络新闻曝光率：用baidu新闻搜索。

5.SEO表现：收录与PR，排名。

6.百度指数：百度指数是用以反映关键词在过去30天内的网络曝光率及用户关注度。

7.每天新增注册用户数＝UV*1%＝80000*1%＝80

8.活跃用户＝注册用户/10＝100000*10%＝10000

9.最高同时在线＝活跃用户*20%＝10000*20%＝2000

10.收费交易客户数＝活跃用户*5%＝10000*5%＝500

11.销售额：收费交易客户数*商品平均价格200＝10000

按照以上方法看不到对方内部数据也能大致判断这个网站很多数据。

focusec原创，转载请注明本文链接

WordPress主题:Focusec

CT — Mon, 09 Aug 2010 22:24:35 +0000

半个假期已讫，实习尚无着落（实乃不求上进)，诸事无成，只做了个wordpress主题：focusec。还没全部完善，摆在这里，想请各位朋友同学多赐建议，以便改良，不胜感激。

效果图如下，预览站点这里，图片有压缩，难免失真，最好去网站看一真面目。

上图是首页（index.php)，分页(page.php)效果，下图是文章内容效果（singlepage.php)。

制作这个主题源于练笔冲动，目的是让博客阅读体验更好，因此设计伊始就不与广告版面空间。单栏布局借鉴纸媒简洁排版的优点，减少阅读时信息噪声干扰，用色也比较简单。着墨最多处是评论留言区，花时间最多也在此。主要是把评论的内容和评论的相关信息分隔开来，以便浏览。留言表单比较吸引眼光，目的是促进读者多多评论。

虽然给这博客改版积累些小经验，不过对wordpress了解还不够，制作这主题过程中学习了网上很多教程和资料，特别是水煮鱼写的wordpress主题制作教程（推荐有兴趣者阅读）。另外这个focusec主题不用插件实现了分页导航和嵌套评论的功能。

不过问题也有很多，主要在于边栏（sidebar.php)，我把边栏放在底部，这样窗体化就很难设置，现在问题我还没方法解决，请WP达人帮忙指点。还有怎样向官方提交主题上，怎样才能快速高效，也请指教。谢谢。

在你的设计中加入水溅效果

luckygl — Sat, 07 Aug 2010 15:59:08 +0000

效果图：

Step1 创建背景

新建文档500*647px，用渐变工具，设置径向渐变。前景色：#ceed12,背景色：#18600。创建如图的效果。

新建一个层，选择对称渐变。混合模式：差值，使用黑色和白色作为前景色和背景色。创建如图的效果。

设置混合模式为柔光，降低不透明度，获得如图的效果。

Step2 加工瓶子

放入瓶子的素材，调整大小

使用魔术棒工具，选择白色区域然后删除。然后如图调整位置。

改变瓶子的颜色为绿色，创建一个新层，选择一个绿色，填充到酒瓶的选区。然后改变混合模式为色相。

创建一个瓶子的选区和一个新层，使用柔和的黑色笔刷描边瓶子的两边，然后混合模式为柔光。

Step3 添加树叶和飞溅的水

按照合成瓶子的方式把树叶放到广告中来，改变它们的位置。你可以多次使用树叶，然后调整得到更好的效果。

打开飞溅的水的素材，用色彩范围选择白色的水的部分。

去掉选中的云

选择飞溅的水粘贴到广告中的新层，调整大小和位置。然后执行滤镜>锐化>锐化

Step4 添加修饰

在瓶子的周围添加环，选择一个3PX笔刷，运用椭形工具，创建一个比瓶子大的路径。

描边路径，从下拉单中选择笔刷，选中模拟压力。然后按esc删除路径，运用图形样式

外发光

颜色叠加

然后调整环形到一个合适的角度，可以复制图层然后调整大小。

创建其他的笔触，使用钢笔工具，运用图层样式，调整图层的位置和不透明度制作如图效果

Step 5 添加一些趣味在广告中

创建一个新层，使用19px硬笔刷，设置笔刷如图

开始在新层上用使用画笔，在瓶子的底部笔刷大一些，远一点就小。设置混合模式为叠加。

重复使用笔刷但是保证较低的透明度

在环的图层中间也增加画笔的效果

Step 6 加上labels

原文网址：

http://www.tutorial9.net/photoshop/beverage-ad-enhancer/

firefox 4 beta 1安装不兼容插件的方法

CT — Wed, 07 Jul 2010 08:06:51 +0000

firefox 4 beta 1出来几天了，界面改变比较大，十分大气简洁，看起来很舒服。不过安装后会出现的最大的问题就是很多插件不兼容。以前可以通过修改config的方法来解决问题，不过现在这个方法不一定能解决问题。firefox官方提供了一个简单实用插件（add-on compatibility reporter）来解决这个问题。说实话，火狐没了插件就像蝙蝠侠没有装备一样平凡。

1.打开插件管理器（以前是一个小窗口，现在是一个页面了），在get add-ons下找到add-on compatibility reporter

2.安装add-on compatibility reporter，重启后就可以安装还不兼容的插件了，如果不重启就不能安装。现在已经有不少插件兼容firefox 4了，不过热门的插件兼容的还是很少，个人只找到adblock，WOT。

3.安装不兼容的插件后有一些可能会出现不能正常使用。为了不影响浏览网页，最好将不能使用的插件去掉。下面是我安装的插件的截图。

现在可以把状态栏的图标设置到标签栏，这样可以节省很多空间，firefox 4默认是没有显示状态栏和菜单栏的。

世界杯-最成功的游戏

CT — Sun, 27 Jun 2010 16:11:35 +0000

南非世界杯赛程已过半，班上很多同学（包括我）每天兴致勃勃地关注当天的比赛，深夜起来看球。是什么样的魅力能让人如此疯狂地关注与自己没有直接利益关系的游戏，与球员一起为进球而欢呼，为失利而悲怒？不得不说，世界杯是目前世界上办得最好的游戏。世界杯靠什么掳获了世界亿万人的心？作为一名资历不深的球迷，个人的理解如下：

简单的规则：比积分，比净胜球，比进球数。

详细的执法标准：怎样才能判越位，怎样才能判手球，怎样才能出牌，现在的执法比赛的标准已经越来越详尽。

信息公开透明：没有人喜欢被蒙在鼓里。虽然说世界足联在很多事情上信息公开还做得不好，但是球迷的关注下，媒体的作用下，信息透明甚至已经可以让我们知道比赛双方的作战策略这种机密信息。在互联网时代，想做到信息不对称已是登天难事，况且虽在全民关注下。商业联赛的成功也让球员的特点及其相关的信息更易获取。

足球运动的推广：一百多年足球运动的发展让足球比赛越来公平公正，而足球的推广培养大量的球迷。

利益均衡：世界足联在利益均衡上表现还可以。在各大洲参赛队伍名额数量上，裁判的选择上（裁判更多来自足球实力不强的国家），以及比赛举办国的选择上（南非这次得以举办世界杯是因为当时非洲足威胁退出世界足联才让世界杯第一次在非洲上举行，现在实行各大洲轮流举办世界杯制）。

复习，后天得考试了。

推荐在线制作流程图工具：gliffy

CT — Sun, 13 Jun 2010 14:43:56 +0000

因为专题写作课需要制作专业知识地图，所以在网上找了几个制作流程图线框图的工具，几经试用对比，最后感觉用gliffy最好用，效果也最好。分享一下（这不是软文）。
打开gliffy后需要注册才能保存制作好的图片。注册后新建空白文档，界面如下图（也有模板）。

其中控件栏主要有很多种类的控件，有流程类，有网络类。根据自身需要来选择哪些就行了。默认打开是基本的。右边的是属性栏，你把控件拖到中间的画布后就可编辑它的属性。属性有坐标（这个可能很实用，可以让不同控件水平或垂直对称，编辑好属性后最好锁定，防止不小心移动它），宽高，旋转角度，渐变，阴影，锁定（锁定后不能移动控件的位置），字体（种类，大小，颜色，链接，文本对称，样式）。

另外菜单栏上有三个常用的功能，一个就是把不同控件用线条来表示它们的关系，另二个是在不同控件有重叠时，设置哪些控件位于前面。

制作完成后可保存在网站上，也可以导出保存在电脑上，有四种格式（SVG,XML,JPEG,PNG)。需要登陆才能保存和导出。

下面是个人的练笔之作（其实也是交给老师的，期末了没时间认真献计文献和准备材料，不过电商专业的知识体系也太杂广了），此图没有任何权威性，也不保证准确，相信者请面壁三天。

个人上网习惯之找好网站

CT — Wed, 09 Jun 2010 19:29:13 +0000

花在网上的时间越来越多，时间管理观念越来越差。哎，习惯真的是我最大的敌人了。知已知彼，百战不殆，好吧，多花点时间了解一下自己。我上网的习惯是怎样的呢？需要总结一下了。我接触互联网比较晚（2006年），在专业和兴趣的驱动下，经常需要找一些网站。当然百无聊赖时也会寻找一些有意思的网站。不知能不能以已度人(宿友：此乃小人之心），为别人所借鉴。总结一下，下面是这习惯的自白。

1.专业的用户界面

我觉得好网站在界面上都做得不错。个人觉得能够让用户更方便更舒适地使用网站的界面就是好的界面。google的界面虽然简单，但可以让用户在极短的时间内知道怎样使用。我在找需要的网站的时候经常会在搜索框中加个关键词，比如专业/professional，推荐/recommend。特别是在找设计（主要是学PS）有关的网站时这种方法会很有效，因为这样能很直观地判断出网站的制作是否用心。比如说下面的两个网站：

IconDock 一个可以下载精美图标的网站

UIrss 国内UI设计师社区网站

2.口碑/推荐

乐于分享的同学朋友会向我推荐好网站，当然我也常请教一些对互联网了解比较多的人推荐一些网站，一般来说这些被推荐的网站质量都不差。其实我感觉总体来说，熟人推荐的网站比在搜索引擎的结果更有效，不过这方法也有不好之处，你总不能麻烦他人，而且遇到牛人的机会也不是经常有。所以在twitter上看到别人分享网站的时候，我都会去看看。虽然会遇到软广告，不过找到的好网站还是很多的。

3.友情链接

大二的时候开始对博客感兴趣，为了了解博客，需要订阅很多博客，所以当时找了很多博客，为了保障订阅文章的质量，以及快速找到好的博客。所以我当时找到几个名博，然后通过他们的友情链接来寻找好的博客（特别是独立博客）。因为独立博客的友情链接更少涉及到利益，内容一般都有共同点，质量也有保障，一个博客一般都会有几个友链，一连十，十连百，很快就可以找到很多好博客，好网站。

4.以身试药

现在有很多提供在线应用的网站，比如说在线制作流程图的网站gliffy,在线office的google docs等网站。而且有很多网站提供的应用相同或相似，比说我们之前翻译的在线制作图表的网站就有20多个，这时优中选优还是得以身试药，自己尝试一下才能知道哪些网站最适合你的需求。

电台与纸媒危机

CT — Fri, 04 Jun 2010 15:18:32 +0000

这几天看了不少与纸媒危机的文章，突然想纸媒危机是不是和之前的电台所遇到的问题相似？冒着被扔鞋的风险写了这篇文章。现在大众很少把广播电台当做获取信息，娱乐的主要渠道了。在电视普及之后，电台受到的冲击很大了，不过经过调整，现在国内的广播电台已经慢慢地找到自己的合适领域：

1.专注服务区域用户

比如说为区域用户提供点歌，路况播报，方言讲新闻，讲故事等服务来开拓市场，维持影响力。

2.提供性教育以及其他媒体不擅长也不便于传播的疾病诊断服务

很多电台晚上和地方的医疗机构合作推出性教育，或者其他疾病诊断服务，而这些是其他传媒不擅长也难以开拓的市场，虽然其中有很多猫腻，不过给电台带来不菲的经济效益。

3.利用新技术来保持吸引力

很多电台利用手持设备的普及，利用新技术开通短信平台，网站来弥补与用户互动不足的弊病。

电台的再次发展也许能给报纸产业带来很多启示。

现在纸媒在电视和互联网的冲击下面临着很大的冲击，在金融危机的放大下，广告收入与发行量骤然下降，国外很多报社倒闭。国内报社虽然在体制与经济刺激计划，用户基数大的支撑下没有出现什么危机，没有不破的堡垒，纸媒没有改变，自身市场运作的时间不长，产业不成熟，广告客户的流失，用户获取信息的工具与方法的改变以及垂直化网站的发展尽早会把它挤到更小的角落。

1.自身市场运作的时间不长，产业还不成熟

国内报纸是在1979年才开始重新市场化动作，刊登广告；在之后的几年里，国内电视也很快就普及，挤占了报纸的很多发展空间。自身原始积累不多。另外，在体制的保护下，大量的机关报，党报也没有足够的动力去市场化。

2.广告客户的流失

内容更丰富，传播更快捷的互联网已经把年轻一代的眼球牢牢地吸引住了。虽然说中老年人的阅读习惯还很传统，不过在消费能力不断增长的80后90后市场中，广告主更喜欢把广告投放在网络上。

3.用户获取信息的工具与方法的改变。

移动设备，电脑这些工具已经改变了用户获取信息的方法。

4.垂直化网站的发展。

垂直化网站的发展会越来越专业，这会让报纸的高端用户流失。

2002年的时候，我会隔个三五天买《信息时报》（有时是《参考消息》），以及周报《南方周末》，2006年开始接触互联网后，我开始减小买报纸的次数，买也只买《南方周末》。虽然在其官网上能免费看到相同的内容，而且图片是彩色的，还可评论与投票。不过我路过报亭时还是会经常买一份。因为在巨量信息的电脑前，我不会长时间认真地阅读一篇文章，更不用说几个版面的长篇大论了，但是我对于报纸，我会认真地看上几个小时。我觉得它能给我带来几个好处：

1.阅读的快感

报纸的质感是键盘鼠标所不能带来的，报纸能让你专注于阅读，十几页的版面能很快读完，就像每天都能进步一点一样，可以带来充足的成就感。

2.没有别的信息干扰

优质的报纸版面布局会松弛得当，图文谐调，便于阅读，而在电脑上，我会受到各种信息的干扰，弹出的广告窗，即时通讯软件，页面文章中的链接与边栏的各种广告，丰富的色彩，炫丽的交互是优势与也带来文字阅读的干扰。

3.更专业

最重要的一点是，我所购买的报纸更专注，专题很纵深，思辨性强，更真实性，而这是我最看重的价值。

在用户产生内容的web2.0的互联网时代，获取信息的方便已不是报纸电视的优势，那什么是报纸的优势？我想就是能提供更专业的，更高端，更纵深的新闻专题吧。

博客改版与RSS地址更改

CT — Tue, 01 Jun 2010 05:05:22 +0000

因为博客之前出了问题，所以重修安装了，只备份了博客的文章，之前的评论没有得到保留，对不起之前的评论者。花了几天了也给博客改版了。本来想把RSS地址改回以前的，不过试了几回改固定网址，发现改后会出现各种各样的问题，所以最后还是没改。请订阅博客的读者重修订阅一下。

博客的RSS地址更改为：http://focusec.cn/?feed=rss2

旧版focusec

新版focusec

你觉得这样改版好吗？请各位点评一下。

补：已把底色改成原来的白色。

20个最佳wordpress电子商务主题

CT — Sun, 30 May 2010 23:27:21 +0000

国内很多博客使用wordpress,不过网店用wordpress的就不是很多，个人只看过三四家。其实wordpress的定制功能很强大，可以快速方便地制作个性网店。wordpress有个很有名的电子商务插件WP e-Commerce，也有很多电子商务主题。

译文：wordpress是建网店的好平台，有大量可用的主题帮助店主吸引目标用户。这篇文章展示20个最佳wordpress电子商务主题，其中有免费的与也有收费的，可满足立足于诸多不同利基市场店面的需要。

1. Store

这是个好电子商务wordpress主题，功能多，界面美观；安装和后台管理方便，主题创作者提供售前解疑和客户服务。

2. Ecommerce Theme

用户使用这个主题能有效地管理网店。该主题在SEO和定制上可以满足开发各种利基市场的需要。

3. AppCloud

AppCloud主题简洁美观，两栏布局，带有可水平/垂直滑动的图片滑动栏。这个电子商务主题特色在于能集成热销产品和产品分类列表的功能。

4. eShop

主观利索的界面的eShop主题让店主和客户使用进来非常方便。该主题功能强大，小小改动就能适合销售各种商品。

5. WP Store

店主使用这主题可以建立网店，展示商品，交易付款和管理存货。

6. Auction Theme

这是个收费主题，可以搞拍卖网店，在线拍卖或逆向拍卖。

7. Market Theme

Market主题可让wordpress变成网店。默认配置下，这个主题看起来像一个普通的博客，不过有很多选项可以自定义外观，比如说用方格来展示商品。

8. Kidz Store

这个明快的主题能很好地向儿童和他们的父母展示商品。该主题色彩丰富，功能多样，支持后台管理，有所有必要的电子商务功能。

9. StorePress

收费主题，带有插件，支持PayPal积分。

10. eGoods

eGoods适合于可以下载的产品，以及用paypal接收付款。该主题有明亮或暗淡两种外观。功能有特色商品，热销商品，最近上架，数量有限货品，还有支持礼品券。

11. Vanilla Cart

这是个简洁大气的主题

12. Color Cart

这是基于Vanilla Cart主题上制作的主题，添加了选择主题颜色的功能。

13. Cherry Cart

绝对简洁，不带任何边栏。

14. Classified Ads Theme

（图片重复了?)这是适合于做广告展示的主题。支持paypal,后台管理。

15. folioShop

FolioShop主题旨在于让网店外观有吸引力，直观，以便于展示销售的商品或者提供下载的产品。该主题提供安装指南，视觉向导以及主题的PSD文件（方便改版）。

16. ClassiPress

这个专业主题可以把wordpress博客转变成典型的广告站。

17. wpShop

收费主题，有明亮或暗淡两种风格。主题包带有PSD文件，安装向导。有英文和德文两种语言。

18. Simple Cart

木质背景（比较特别），商品呈方格显示。也有不同色彩可以选择，用户安装时可以自定义整个界面。

19. Tobashop

集成了另外一个电子商务wordpress主题–eShop。结合插件可以制作出高级专业的网店。

20. enVirashop

这个主题不需任何插件，主题所带的工具就能满足各种利基市场的需要。主题定制方便，店主可以很方便地让网店能迎合目标用户的需求。

英文原文｜转载请注明本文链接｜来自focusec

“齐迎大运之页面设计大赛”个人点评

CT — Fri, 28 May 2010 00:39:37 +0000

因为一些原因，让我也参与了学院与深圳大学合办的齐迎大运之页面设计大赛。在这个比赛的rater中，我是最不够资格的，不过我也已尽我所能把这工作做好。比赛的作品我都写下详细的点评，现在把个人的看法整理一下，希望能给选手交代，也给下一次的比赛点建议吧（希望这比赛还能继续）。详细作品请点这里。

评分标准是按内容，美工，创意来定优胜的，所以下面我就这三个方面说一下。

内容:什么是页面？个人觉得页面就是信息的载体，就像纸的作用一样。最好的页面应该是可以让用户最舒服地接受所展示的信息的页面，很多报刊杂志的排版更重于文字排版，因为文字是纸媒最重要的信息，图片只是起着辅助阅读的作用，便于读者理解。这次比赛我觉得很多作品在这方面上做得不是很好。因为大运会的信息量会比较大，更新频繁会比较高，很多参赛者为了追求界面的美观，采用flash来布局和展示大量的信息，而这些不是flash的强项。另外在设计排版时，有一些作品展示信息的地方不够大，这样本来可以按排在一个页面的内容会变成好几个页面。用户如果在一个网站中翻了好几个页面都找不到所需的信息，那么这个网站也会很快被用户放弃。

另外说到可行性上，主要是技术实现难度上。不少作品缺少这些方面的考虑，不过这些要求有点高，因为很多选手是更多把这个比赛只当作是界面比赛，技术上的原因可以不用考虑。有一些选手是大三大二的选手，我还是觉得需要有这方面的意识，因为举办这次活动的学生很多都是学软件工程和电子商务的。flash用来搭建页面的时候更多是因为它的交互效果和色彩图形上很有吸引力。不过在大中型网站中很少运用它来展示大量的信息，不不仅是因为需要安装flash，更多是因为它不便于维护更新，技术需要高，另外还因很多终端对它的支持不好（比如说很多手机）。另外还有一些问题，比如说字体，虽然现在已经用CSS解决字体问题，不过很多浏览器在这方面上支持还是不够。

美工：这次作品中美工上存在不少问题，听说活动前期宣传时，因为下雨，所以知道这个活动的人不多，所以学美术的同学来参赛的很少。很多页面细节上处理不好，用色也有问题。不少页面上的图像还有扭曲变形。因为这次的主题的2011年世界大学生运动会，所以说美工上的需要其实是挺高的，因为一般大学生对互联网是很了解的，能够设计出被大学生喜欢的界面是不容易的。这次比赛参赛者主要学软件工程和电子商务，美工本来就不是他们的强项，所以出现这么多问题是正常，不过为什么要搞我们不擅长的设计比赛，而不是搞我们更拿手的网站PK呢？

创意：这次比赛有二三个作品有一些地方在创意上有几个闪光点。第一个作品的”圆”,最具创意奖的获得者的apple风格，还有最后一名选手的白天黑夜的理念（这个真的是创新），这些作品个人觉得在创意上都表现不错。

建议：吸引更多专业的学生参赛，形式上更自由，邀请行业人士参与评委，不要再让像我这种不足以服人的学生当评委。

扯完这些，想说点别的。学院的网页设计课应该放在大一来上，因为这是一门简单的课程，而且是我们专业的技术基础课。大一的时候如果就可以接触到这门课程，相信会有更多的同学会对网页设计感兴趣，学别的技术也会更快。

纯粹CSS制作图片滑动栏

CT — Mon, 24 May 2010 03:00:42 +0000

之前翻译过用jQuery制作的精彩图片滑动栏的文章，又曾利用ul和页内锚点制作过水平滚动的网页。前几天突然想，为什么不也用ul和页内锚点来制作图片滑动栏呢？用js和 jQuery制作的图片滑动栏的效果虽然很漂亮，不过对SEO不友好，而且不同浏览器，不同平台对它们的支持也不一致。纯粹用css和html制作图片滑动栏在这些方面是有好的表现的。

效果：样例（点击可见），下载样例

制作思路如图：

具体制作步骤：

1.搭建好框架





滑动栏的内容：可只是图片也可图文并存
滑动栏的内容：可只是图片也可图文并存
滑动栏的内容：可只是图片也可图文并存
滑动栏的内容：可只是图片也可图文并存



1
2
3
4

2.添加细节。“滑动栏的内容”加上具体的图片与文字。还有添加一些样式以控制显示效果。我在“滑动栏的内容”中加的是:


纯粹CSS图片滑动栏
这里是滑动栏的文字区域。主要是为了说明左边图片，摘要而已，字数不需多，重点突出即可。

此滑动栏用到HTML和CSS。

3.添加样式

*{ margin:0; padding:0;}
body{ margin:0 auto;}     /*--整个页面属性，下面是滑动栏的属性--*/
#box{ margin:0 auto; position:relative; width:940px;}
/*----------------------------div slider 样式-------------------------*/
#slider{ width:940px; height:225px; overflow:hidden; margin:0 auto; border:1px solid #0099ff;

top:100px; position:absolute;}
ul{width:940px; height:225px; overflow:hidden; display:block; margin:0 auto; text-align:center;}
ul#image-text-div li{ display:block; height:225px; margin:0; padding:0;}
#a1,#a2,#a3,#a4{ width:940px; height:225px; display:inline;}
img{ width:610px; height:225px; float:left; overflow:hidden;}
.Summary{ width:320px; margin:0 0 0 10px; height:225px; padding:0; float:right; overflow:hidden;

background:#eee; display:block; text-align:left;} /*--文字摘要区域属性--*/
h2{ font-size:25px; line-height:1.3; margin:0; padding:0 5px;}
p{ font-size:17px; line-height:1.8; margin:16px auto; padding:0 5px;}
/*---------------------------按钮 样式------------------------------*/
a{ color:#ffffff; text-decoration:none; background-color:#0099ff; padding:0 5px;}
#button{ height:25px; top:300px; position:absolute; float:left; text-align:left;}
ul#button li{ display:inline; width:25px; height:25px; line-height:25px;}

4.具体说明

用锚点a1,a2,a3,a4来控制slider中的无序列表li的显示效果。浏览器兼容性方面，opera 10,IE6,IE8(IE7没测试），firefox 3.6,Maxthon 3，chrome 4都没问题。如果你发现有任何问题，请留言说明一下，谢谢。

小事一桩：这两天博客或因服务器问题，或因自己操作不当，博客出现了访问不了等问题，谢谢陈勇文的帮助，现已恢复来正常。

转载请注意本文链接|来自focusec

创意表单

luckygl — Mon, 17 May 2010 21:50:12 +0000

表单已经从简单的HTML表单改变了很多，作品集的网站和设计机构的表单尤其如此。
目前的表单设计很漂亮而且具有创造性。除了大家都了解的方式，表单可以通过加入地图、社交网络的信息、插图等得到增强。一个固定设计别致的表单可令观众对网站后面的人或公司有信心，从而提高到网站的整体体验。
在这篇文章重，我们收集了最有创意的用于联系表单，你可以在自己的设计中使用创意灵感。

Alexarts

Tony-Johnson

Daniel Hellier

Lionways

Trendy Web Design

Step2Reality

Brian Handley Design

Ilovecolors

Try Triangle

Carsonified

Chocomize

Electric Pulp

Vincent Mazza

Yodaa

The Kabro

Red Bull Soapbox Racer

Gpacheco

Ctm-Argentina

Indofolio

Condare

Bio-Bak

Shoutdigital

Z-Index Media

Creativeswitch

Alexandru Cohaniuc

Orman Clark

Ctrln

Ready Made Designs

Socialsnack

Bullet PR

Envira Media Inc

Brandwood

World-Arcade

Lunalunerafestival

Aterlierdetour

Pixelounge

Hybridworks

IL FRUTTETO

Bert Timmermans

Matt Dempsey

Artcore-Illustrations

译文地址：http://www.webdesignerdepot.com/2010/05/beautiful-contact-forms-for-your-inspiration/

转载请保留本文链接|来自focusec

55个精彩的图片滑动栏

CT — Fri, 14 May 2010 20:24:33 +0000

近忙一项目，用到图片滑动栏，乃广涉猎，觅此类佳作，巧在reader上看到WDL上这文《55 Inspiring Examples of Slideshows in Web Design》，得来全不费功夫，于是翻译，水平有限，错漏请指正。

网站用来乘载信息的，大版块的意义在于让最重要的信息吸引它所应该得到的注意力。一个好方法就是在首页中使用图片滑动栏。图片滑动栏的功效来源于它能在有限的空间中展示几个内容信息。另外滑动也是一种吸引注意力的好方法。

在交互效果很精彩的jQuery等技术的应用下，图片滑动栏已成为网页设计中潮流。之前，我们曾经写过一篇文章介绍很多jQuery图片滑动栏技术和入门教程。这篇文章收集了在网页设计中应用了图片滑动栏的55例子。

Osmond Interactive

James Lai Creative

open source design network

Graphik

Deluge Studios

sprinkle penny

Routes

Melatonin

zuno

Radium

paramoreredd

Verdeo

Tea Round

Nosotros

Brooklyn Fare

Viget Labs

zcope

Syncopy

hipstamatic

copimaj

mint

SlideDeck

launchmind.com

Jumsoft

NCover

valen

glue

MacPaw

Hwo Architects

Espresso Apartments

Sven Prim

Malcolm Reading

HyperX Local

thrudigital

hellothemes

eighty8four

CakePHP

wufoo

violet

Things That Are Brown

etonDIGITAL

Icon Resource

winestore.

mimeo

Squared Eye

Designbits

kollektivdreinull

Digital Convulsions

atebits

envero

agnarson

boerdam

fullfat

marcsdesign

Sketchen

转载请保留本文链接|来自Focusec

图片素材网站及应用推荐

CT — Fri, 07 May 2010 20:17:42 +0000

今年开始接触了大量的图片素材网站，对一些应用也用得越来越多，分享一下。

1.TinEye：查找相似图片

这个应用在查看社会化媒体的文章时特别有用，因为这些文章经常使用一些很直观的说明社会化媒体的作用的图片，有时这些图片不是很大，这里可以用 TinEye来查找这些图片的大图片。这样可以积累一些很有意义的图片，对于写博来说帮助很大。外，TinEye已经有火狐插件和chrome 插件了。

2. 一个严重推荐的新闻照片博客：the big picture

这个新闻照片博客很专业，每篇文章的照片都很精彩，可以看到在国内媒体上很少看到的新闻照片。结合我们之前推荐过的火狐插件–fastfox：批量下载网页中的图片的插件，可以很快就下载到这些很有价值的图片素材。

3.PSD 素材网站

我经常在这几个网站寻找PSD格式的素材：deviantART,Photoshop Files,PSDgraphics。其中deviantART是一个有很多种类艺术作品和素材的网站，素材很多，流量很高，知名度也很高。Photoshop Files和PSDgraphics主要是PSD格式的素材，其Photoshop Files的素材质量不错，不过数量比较少；PSDgraphics的素材质量我觉得是三者中最好的，不过数量也不多，有特色的是，它也提供PS的教程。这三个网站有很多素材是免费下载的。Photoshop Files在邮件营销上做得很好，有作品发布的时候会发邮件通知你。

4. 图标搜索网站

图标搜索网站的用的不是很频繁，主要是有时在google搜索图片时别的图标时，有很多不需要的图片会干扰你的查找，有时需要翻很多页才能找到相关的内容。这些网站有名的有几个，icon finder , iconlet ,icons search,veryicon , iconseeker。其中我使用比较多的是icon finder。
转载请注明本文链接|来自focusec

思想碎片1

CT — Sat, 01 May 2010 20:15:49 +0000

下面是我发在微博上的只言片话，记自己所思所得，碎片而已，不强求系统与深度。

看国产微车的广告，都打感情需求牌，应验了李书福的名言：“汽车就是四个轮和座椅”，没有技术优势，又不重视安全，谁还敢买？（虽然我还买不起）。————————看CCAV微车广告有感
如果移动互联网发展得越来越好，那么web也会变得越来越轻，色彩和图片会用得比 Pc,Mac上少得多，网页大小会受到严格的控制，那么flash的运用就会越来越少。———————-对移动互联网的思考
twitter手机客户端，facebook的手机客户端都走简洁路线，是囿于手机硬件能力，也是代表了手机应用的趋势。用手机上网不如Pc,Mac，方寸之地的单一页面不可能像宽屏电脑那样吸引用户停留那么多时间。手机应用重在于实时方便，其他方面优势实无。————–也是对移动互联网的思考
淘宝的扩张之路和亚马逊的扩张之路差别很大，前者是自身不断膨胀，自力开拓新领域；后者是不断吸纳别的企业，收购优秀网站，敦是优劣，现在还难定论，不过现在明显可以感觉amazon的战略更为成功。当然国内的资本运作与硅谷的距离不是以百里记。——————对电子商务的思考
为什么要辩论？不一定需要说服辩方，而是让听众认真地听取与辨别双方的意见，让听众作出自己的决定。——————-有感于台湾领导的电视辩论
辩论双方都是很封闭的，自圆其说，对于对方的意见观点接纳的空间是非常狭小的。听众思路开放就行了。——————–有感于台湾领导的电视辩论
关注中国富豪排行榜的排名就会发现: a.国内富豪的财富积累很野蛮很血腥，开矿和房地产的富豪太多。b.首富轮流做，一年换一个，说明这些财富泡沫很大，不坚挺。人家美国，香港等地的首富轻易是不会换的。c.玩火者必自焚，政治风险不是一般的大。 ——————-看国美老总的案事及富豪榜有感
孙悟空未参与取经之前无所不能，神妖俱惊，而跟随唐僧之后，常常需要假借他人别物之力才能降妖除魔，无乃为佛门讳忌多多，条条框框之下，身受束缚，日渐消磨，难免不败。——————闲扯
要勇于接受失败，不能逼己太甚。——————闲扯
认同教皇对互联网这部分的观点：“它的存在还“使德与智之间的相互对比关系出现了不平衡的态势。”因此会造成“多种形式的道德和荣辱观的沦丧”以及”精神污染” ”。近朱者赤，近墨者黑，互联网的太杂了，了解的信息越多不意味着你的道德就能提升，且在众多诱惑信息中，个人的道德底线能坚持多久？————–对互联网的思考
谈论观点时不要扯及别人历史及人品问题，那只说明你对别人不信任而已，不能说明其观点对错。———亦关于辩论
除却工资不高外，传统田间劳作是最好的工作：有劳才有得，没有作假，亲近自然，日出而作，日落而息，没有人事烦扰，要有好收成也得劳心伺候庄稼，也有益活络筋骨。奇怪啊，我有点怀念小时的农田劳动了。————看宫崎骏《岁月的童话》有感

关于腾讯微博的一些思考

CT — Mon, 26 Apr 2010 11:35:42 +0000

虽然自己现在还不知道怎样使用好微博，而且还因发推被臭骂过。不过日有所思，推有所发，使用工具如果不总结，不思考也不好吧。

先看一下腾讯微博负责人和菜头对微博定位的看法：

前段时间腾讯微博对测试用户的邀请把关很紧，有人说以腾讯的巨大用户基数，如果开放注册，不知会发展到什么状况？

个人思考：虽然QQ大部分用户也在升级，不过腾讯微博也许就像QQ空间一样，虽然最后用户数量是无人能比，但影响力终输他人。

QQ空间的用户虽然比新浪博客的用户多得多，不过在影响力上始终比不上新浪博客，新浪以博客来拓展用户，而QQ空间更多地是用于提高用户粘性；新浪博客以名人博客兴起开博热潮，给自己增加更多的资讯来源，而QQ空间更多地被用于记录个人生活杂碎信息，是被腾讯用装饰空间等各种手段来赚钱的地方。

QQ用户虽然也在不断升级，不过还是偏年轻。twitter用户多为中青年人，阅历经验技术水平都比较高，分享的信息，发布的价值都会比较高。而我们谁会认真会看陌生人的QQ签名？QQ签名可带有很强的微博的特点。微博上如果布满了你不想看的，或者没有价值的信息？一天还可忍受，日复一日，你还会忍受吗？

另外微博在突发新闻传播这个很重要的功能和价值上会被审查和删推而大受冲击，而腾讯与相关部门在网络审查上有着优秀的合作传统。很多意见领袖会因为这个而慢慢离开，twitter虽然被墙，不过twitter还是要开发中文版，就是因为它可以自由发推，有很多高级用户经常翻墙而来的原因。一个论坛缺少了灵魂人物，一个Q群少了活跃的引导者，只会日趁冷落，直落得众人独自喧哗。

所以说感觉腾讯微博会对别的微博有冲击，不过打来的不是致命的子弹，更像是水枪。不过是弥补QQ在交流上的一些缺陷而已。