Div+css的入门必读

发表时间:2009年04月 14th , 分类:技术与产品, 搜索引擎营销, 标签: , , , , ,

我从2004年接触div+css,当时不懂SEO,所以对div+css的理解只有两点:1,高效,精简代码,节省带宽;2,便于管理,多终端兼容。

2007年我开始接触SEO,并不断调整自己在css编写上的思维,向html+css转换,发现这种布局办法非常利于搜索引擎抓录,甚至能够占到整个seo工作中50%强的效果,虽然编写成本高,但值得运用到建站阶段里。

我先后给公司多人培训过css前端设计,也给客户讲过div+css的意义,这是较难理解的一个概念,所以希望这篇文章能尽量浅显地讲清楚div+css的概念、意义。

1,什么是div+css

我举过一个例子,网站好比一间房子,程序是房子的地基和毛坯,设计是房子的装修,设计师把图纸画好,然后准备砖头、木材、涂料进行装修。这个准备装修材料和装修的过程,我们称为“web前端设计开发”,它区别于程序开发和美工设计,浪漫一点的讲,这个工作是把美丽的设计和严谨的程序相结合的过程。

我甚至可以称这个职位的人为工业设计师,因为在内涵上看,他们的意义是一样的,都是实用和美感结合的过程,都要找这其中的平衡点。

在div+css的概念成熟之前,网页设计师都用table进行web前端设计开发,div+css和table的关系,很像汽车和马的概念,他们的区别我在后面会讲,总之table是过时的产物,它臃肿且对搜索引擎很不友好。

现在你大体上能知道div+css存在的意义,当你要对它顶礼膜拜之时,我不得不告诉你,它只是一种过渡的产物,n年以后成熟的技术会取代它,不过n是多少还不确定,你大可放心的去学习。

2,div+css的核心是什么?

如果你查过div+css的相关资料,你会看到这样的字眼:内容和样式分离。不错,div+css的最大特点就在于内容和样式分离,这个概念很抽象,有人曾这样举例子:

我们看如下的文字:

再别康桥轻轻的我走了正如我轻轻的来我轻轻的招手作别西天的云彩

———————————这就是内容,再看:

再别康桥
轻轻的我走了
正如我轻轻的来
我轻轻的招手
作别西天的云彩

———————————-这就是结构,再看

再别康桥

轻轻的我走了
正如我轻轻的来
我轻轻的招手
作别西天的云彩

———————————-这就是样式。

问题开始明朗,事实上你可以认为div+css里的div就是内容,css就是样式,div是一滩烂泥的趴在地上,你把css给它后,它立即生龙活虎,生动起来。你是否感觉开窍了?下一个问题马上到来。

3,为什么内容和样式要分离?

对啊,内容和样式是分离了,但是有什么用?我混在一起岂不是更好?别着急,你可以看看下面的几对组合:

div+css1、div+css2、div+css3、div+css4、div+css5、……

同一个内容可以配好几套样式,厉害吧,我做365套样式的话,每天都可以给网站改版一次,我可以做成大人看的,小孩看的,老人看的;电脑看的,开车看的,电梯看的。等等。很显然这就是div+css引以为豪的多终端兼容显示。

作为div+css的死对头,table是绝对做不到这一点的,因为table的样式就写在内容里,无法分离。

4,为什么div+css适合搜索引擎优化(SEO)?

终于到SEO出场的时候了,我们了解div+css内容和形式分离的特点,就很容易理解它为什么适合SEO了。我们知道,搜索引擎是靠他们研究的一种程序来索引整个互联网的信息,这种程序的工作原理和蜘蛛一样,在浩瀚的蜘蛛网上来回爬行,它爬到每个网页上,读取网页内容,然后将信息带回总部,这些“钦差大人”对你的态度就决定了你在搜索引擎中的排名和权重。好了,我们知道“钦差大人”要读你网站的内容,为什么用“读”字而不用“看”字呢,因为程序没长眼睛,它和人不一样,看不见网页,你设计得再漂亮也没用,它只能分析网页的内容结构。这时候,div+css内容和形式分离的优势立即凸显,它把内容交给“钦差大人”,完全不干扰它的思路,table就不行了,因为table的内容和形式是混在一起的,这让钦差大人读的稀里糊涂,而后勃然大怒,后果可想而知。

不过要注意,你会div+css并不等于就符合SEO了,关键的问题在后面,请看。

5,什么是html+css?

这只是一种概念转移,其实html+css和div+css一模一样,前面的《再别康桥》里,我们已经知道了形式、结构、样式的区别,你可以理解为div+css就是内容+样式,而html+css却是内容结构+样式。比如<h1>是一级标题,<li>是信息列表,<strong>是加粗。

“钦差大人”读起这些标签非常过瘾,因为内容结构完全符合它的程序逻辑,它能迅速知道一个页面的中心内容是什么,重点在哪里。这样“钦差大人”读得快又读得懂,当然优先考虑你的权重,也愿意经常来光顾你的网页了。

那些大量运用flash和图片的网站,排名效果都不太好,因为它们只考虑给人看了,没考虑搜索引擎的“钦差大人”,它读不懂,自然不愿意给你排个好位置。

6,难道div+css就没有图片和flash了吗?

这是非常好的问题,div+css的网站一样要用图片和flash,当然css可以用某种手段将图片和文字完美结合,这是它的技术优势,具体实现办法就属于技术细节问题了。

OK,以上是liooran我对div+css技术的简单描述,叫“入门必读”有点标题党,主旨还是让大家正确认识div+css技术,了解它在网站开发和seo推广中的重要地位,运用得当,必将事半功倍。

严守承诺

发表时间:2009年04月 14th , 分类:生活随笔, 管理与运营, 标签: ,

今天我很生气。

一个我在沈阳认识的患难之交,一个从04年开始我就想帮他好起来的朋友,一次次的让我失望。

这已经是第二次了,上一次我将朋友的div项目介绍给他,答应好交稿的时间他告诉我做不完,我只好熬夜到半夜3点弥补朋友的损失。

这一次,半夜11点的时候我发短信询问他是否做完,他告诉我可以做完,早晨的时候却告诉我有问题没调好。我生气的不是他又一次违约了,而是他告诉我的态度,好像没能完成是很自然的事。

每个人都有自己不同的处世哲学,但我想在这个竞争激烈的社会,信誉是最重要的,没有人会给你第三次机会,无论你爽约的理由是什么。

在辽阳的时候,答应给别人看的作品,我和同事一夜没睡觉也要做出来,即使只是竞稿,没有任何杂念,只因为一句承诺。

无论生活怎样,社会怎样,我们都要用一个积极、勇敢的心态去面对,去承受。坦白的讲,对于我的这位朋友,我很失望,第一,我不喜欢你玩世不恭的态度;第二,我不喜欢你老油条的工作方式;第三,我不想再听你的唉声叹气。

如果这种违约的事情还有第三次,那就是我的问题了。

我为什么被Google降权了

发表时间:2009年04月 13th , 分类:搜索引擎营销, 标签: , ,

这是让人沮丧的发现,我的博客在几个关键字上的排名都由第一页下降到第二页,尤其“大连seo”这个词,已经由首页第一变成了次页第三,百度稍好一些,但是位置也在下降。

这是为什么呢?

因为备案,祖国大陆刚刚发生不久的备案狂潮。长达一个月的域名url转向,博客被迫绑在空间商的三级域名上,备案通过后,域名就有了两个,Google对我忍无可忍,无需再忍,一刀砍了。

实际上我有一种方法来避免此事,就是在google管理员工具里申请删除关于三级域名的所有资料,因为我够懒也够心存侥幸,所以事情最终无法挽回。如何能够跳出google的降权期呢,我打算依然采用无为的办法,静观其变。

不要频繁的更换域名,不要用几个域名解析你的网站,这是大家早就知道的,我再补上这鲜活的一课。

Liooran是谁?讲讲我自己

发表时间:2009年04月 9th , 分类:生活随笔, 标签: , ,

在工作和生活里,向别人介绍我是件痛苦的事,“你好,我现在负责产品策划”,“啊,我以前做过开发”,“大学是学法律的”,“我英语不熟,我是学俄语的”。一通下来,对方往往目瞪口呆、满面狐疑,我也手忙脚乱,一头大汗,好像自己在撒谎一样。

我用我六年的小光阴,精准地描绘了一个非常拧巴的小青年从业之路,我一直羞愧于描述这段道路,所幸不会有太多人看到我的博客,而且把这些讲出来,也有助于大家认识一个更清晰的Leon。

我1999年考入鞍山钢铁学院,现在的辽宁科技大学,充满奇迹的是我的毕业证上写着“鞍山科技大学”,因为这个过渡的称号只存在两年,是学校和冶金部之间的不折不扣的政治博弈产物,能够在学校漫长的历史中赶上这转瞬即逝的瞬间,我无愧于拧巴青年的称号了。

我高中的时候每天只想着广告设计,理想是那些满头长发,飞来飞去、忙碌而牛逼的设计师,这个想法受害于青春偶像剧,始作俑者已不可考。总之那一年在志愿表上写了“广告专业”几个大字,交志愿表的时候老师告诉我写错几个字,赶紧重新写,忙碌之间二本的第一志愿写成了法律,也没多想就交上去了。然后是华丽的人生情感剧,我考到了二本的鞍山钢铁学院,法律系。

Read the rest of this entry »

亲而不狎,严而不厉

发表时间:2009年04月 9th , 分类:管理与运营, 标签: , ,

做管理不是一件容易的事,你面对的不是严格执行的机器,而是情感丰富的人,你的一举一动,一言一行,都要斟酌再三,行为成了一种艺术。我原来觉得,和下属打成一片的人是最优秀的管理者,如今换个角度看待问题,当初的想法并不成熟。

当你面对不同的下属,他们有着不同的性格因素,有的爱动,有的爱静;有的内向,有的外向;有的阳春白雪,有的下里巴人。除非你八面玲珑,左右逢源,否则就会在接触的时候,无意识地形成亲疏区分:和你有共同话题的人和你更加亲近,反之则疏远,这样至少造成三种不良影响:

1,部分人开始投合你的兴趣,心思脱离本职工作,只想怎么讨得你的欢心;

2,虽然你想在工作上一视同仁,但多数人对你的“宠儿”开始忌惮,影响团队协作的公正性;

3,不懂阿谀奉承、与你兴趣相左的员工有脱离感,降低对你的信任。

以上还不包括“宠儿”们跨越级别限制给你造成的麻烦,所以我终于明白管理上的这句话:亲而不狎。保持对所有员工的亲和力,却不偏不倚,适当的距离感,让每个人都觉得在一种公平的环境下工作,减少他们工作之外的心理负担,而且能使员工间更加亲密,形成一个凝聚的团队。

亲而不狎,严而不厉。多么微妙的管理艺术啊,不管你是热情奔放的白羊座,还是外冷内热的天蝎座,你都必须克制自己的个性,因为你要锻造一个具有战斗力的团队,你不是一个人在战斗。

大连UI设计师招聘

发表时间:2009年04月 7th , 分类:技术与产品, 标签: ,

大连有没有最出色的UI界面设计师?让操作成为一种艺术,让设计成为第一生产力。

求贤若渴,寻找大连最出色的UI界面设计师,加入这个年轻的团队,一起奋斗,让设计改变世界。如果你感兴趣,我相信,我们的项目前景足够打动你,我们对UI界面设计UI界面设计师的重视足够感动你,我们准备的报酬足够满足你的成就感。最重要的是,我们的产品需要一个真正的设计师来控制,不断完善,不断发展,挑战用户体验和应用操作的一个又一个巅峰。

至少有苹果那样的理想。

加入我们的团队,一起体验创造的快感,一起攀登牛角山,一起品尝理工大的牛肉汤,一起打球,一起唱歌,一起成功!只要你满足以下几个条件:

1,热爱设计,并愿意为之奋斗终身;

2,美术天分,对细节、色彩的把握和美创作能力;

3,精通UI界面设计及相关软件,对人机交互有较深理解;

4,团队精神,有顽强的、执着的性格因素。

如果你满足上述条件,并对我们的项目感兴趣,可以联系我,我会尽快安排您来面谈,供述理想!具体联系方式请看这里

Google一步一步的统治了我

发表时间:2009年04月 7th , 分类:生活随笔, 标签: ,

本来我是用新浪邮箱的,但后来我用Gmail,因为google更稳定,更快,更贴心;

本来我使用抓虾订阅的,但是后来我用Google?reader,因为google更稳定,更快,更贴心。

我搜索用google,发信用google,统计网站用google,读书用google,国产的老大吗,你们真得努力了。

周末两天和老婆在家使用Ipod,相比我们自己买的昂达MP4,这种差距是让人崩溃的。

SEO的美丽面纱之后

发表时间:2009年04月 7th , 分类:搜索引擎营销, 标签: , , ,

很久没有谈到SEO了,周六下午去给朋友讲课的时候,很多SEO的理论细节我也说不清楚,这说明我是一个不求甚解的人,和DIV+CSS技术一样,若让我从理论上讲清楚ID和class的区别,我说不明白,但是我比那些满口理论的人用得更好。

为什么我们更喜欢在理论上浪费时间呢?Google是5天收录还是10天收录有那么重要吗?百度是两周收录还是四周收录有那么神奇吗?PR值3个月更新一次,外链计算的方法有多玄妙吗?在这上耗费时间,不如先做好网站内容。

SEO算不上一套完整的理论体系,实际上SEO只是一种策略。分解在网站开发、运营、推广的各个执行细节。你硬把市场调研、用户体验、内容运营、数据分析塞给SEO,它还担当不起。搞SEO的人别给自己戴太大帽子,在SEO诞生之前50年,产品策划的概念就产生了,从业的人比我们更懂什么是产品和用户。

扪心自问,我们懂产品策划吗,懂市场调研吗,懂网站运营和商业模式吗?

搜索引擎优化,因为有SEO这顶洋气的帽子就被人趋之若鹜,实际上剥开这层面纱,SEO没有太多玄虚的东西。SEO本质上是策略+执行,操作上有三个重点:1.开发阶段的技术优化;2.编辑阶段的内链和关键词建设;3.外链的建设。而这三点也不过是一种执行细节,真正起决定作用的是网站的内容,很多网站都没有刻意优化,甚至不了解SEO这个概念,因为脚踏实地做内容,排名一样很好。

看看SEO经常用到的几个帽子:1.开发前工作的用户调研、搜索习惯、关键词分析、网站拓扑结构、用户体验,这都是产品策划部门的职责;2.内容策划、标题优化、关键字选择、内链建设,这都是编辑的工作;3.所有前台和后台的技术优化、404、301转向,显然这都是开发部门的事;4.网站推广、访问数据分析、商业模式,这都是网站运营的事。

失去上述这些美丽的面纱,SEO不过是一种思维,这种适合搜索引擎索引习惯的思维会逐渐深入到上述各个环节,所以我们不需要一个人来专职负责SEO,至少将来不需要。

搜索引擎越来越智能化,我们可以预料到,不久的将来,不同地域、不同性别、不同年龄、不同消费能力的人,在搜索引擎上搜索同一关键字的结果是不一样的,这个时候,SEO很难保证关键字的固定排名。我们不需要再做什么,只要坚持SEO执行的三个重点,以不变应万变,踏踏实实做好内容,认真面对我们的用户,就一定可以保证良好的排名。

做网站,不要追求流量,要追求转化率

发表时间:2009年04月 2nd , 分类:电子商务与互联网, 管理与运营, 标签: , , , ,

做网站的人都喜欢提高流量,因为流量造成一种人丁兴旺的错觉,也是粉饰业绩、获得融资的筹码,但归根结底,流量的本质是一种成本,带宽的资金压力是很大的,这也是视频网站烧钱的原因。

所以我们切记,流量不等于目标用户群,流量大不等于目标用户积累多,我们最重要的任务不是提高流量,而是精准定位目标用户群,提高转化率。

引申到SEO工作上,就是要明白长尾理论的真实含义,靠海量新闻去打擦边球,找不相干的热点增加曝光度,靠虚假信息获得收录,这些手段骗骗老板和VC还行,此外,唯一的作用就是增加带宽成本了。

PS:推荐一些转化率高的网站:

  • proflowers.com 30.6% 花/礼物
  • metrostyle.com 23.6% 女士服装
  • qvc.com 21.6% 衣服/首饰/厨房用品
  • officedepot.com 21.6% 办公室用品
  • llbean.com 21.5% 男服装/家具
  • tickets.com 20.1% 球票/电影票/音乐会票
  • blair.com 18.9% 服装首饰
  • landsend.com 18.4% 服装
  • 1800flowers.com 17.8% 花/礼物
  • sportsmansguide.com 16.8% 户外用品

经济危机之后,B2C将会是个井喷年代

发表时间:2009年04月 1st , 分类:电子商务与互联网, 标签: , ,

1,规律:按照经济的发展规律,有波峰必有波谷,反之亦然;

2,习惯:经济危机改变多数人购物心理,网上购物受众大批出现;

3,成熟:B2C电子商务发展更加成熟。

如果你错过了华军时代,错过了hao123时代,错过了手机上网时代,那么别错过这次b2c的时代了。这个阶段,最重要的目标是积累用户和渠道经验,等待黎明的到来。

千万不要急,要捱过黎明前的黑暗。

页码: 上一页 1 2 3 ...9 10 11 12 13 14 15 ...27 28 29 下一页