博客

  • jquery实现圆角阴影效果

    网站的边框栏有圆角阴影效果,这里使网站看起来有立体感更加生动,但是使用纯css来制作圆角阴影效果兼容性很差,于是现在有专门的jquery来实现这个效果重要的是兼容全部浏览器。

    yuanjiaoyinying
    jquery下载
    另外附一个快速生成css3属性的小工具,收藏吧,对你有用的:http://www.css88.com/tool/css3Preview/Box-Shadow.html

  • seo教程第一课:分享我眼中的SEO

    第一课:分享我眼中的SEO

    第一部分:什么是SEO?

    seo在中国,我们译为搜索引擎优化。如果大家没有听说过SEO一定听说过CEO吧?可以说seo和ceo相差一个英文字母,但是我却把它看做是一个意思,都是搞优化的。只不过seo和ceo优化的品种不一样,一个是优化搜索引擎的,一个是让一个公司有条不紊良性发展,不断的产生利润。在这一成意思上他们都是做的优化工作的,而只是内容不一样罢了,但是本质和思想是一样的。如果你今天能学好SEO,那么明天你有可能是一个伟大的CEO,所以为了CEO这个位子我们今天一定要努力的学好SEO!

    下面我们看一下官方对SEO的定义:

    SEO(Search Engine Optimization),汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。

    SEO目的理解是:通过SEO这样一套基于搜索引擎的营销思路,为网站提供生态式的自我营销解决方案,让网站在行业内占据领先地位,从而获得品牌收益。SEO可分为站外SEO和站内SEO两种。

    通俗理解是:通过总结搜索引擎的排名规律,对网站进行合理优化,使你的网站在百度和Google的排名提高,让搜索引擎给你带来客户。
    深刻理解是:通过SEO这样一套基于搜索引擎的营销思路,为网站提供生态式的自我营销解决方案,让网站在行业内占据领先地位,从而获得品牌收益。

    总结:SEO就是搜索引擎优化分站内和站外优化,我们要站在CEO的思想高度去做好它!

    第二部分:SEO的发展史:(SEO是如何发展来的?)

    1, SEO 1.0 是1995-1998年,当时注重的是网站的内容匹配,搜索引擎蜘蛛识别能力较弱,所以就出现了罗列关键词的现象。是否有内容成了排名的主要因素之一。排名的规则更加注重于页面关键词密度、title、keyword、description等因素。这个时候无数站长都在疯狂大量的在页面里堆砌关键词,光是meta keyword标签都要写上好几百字。也就是说,从搜索引擎的角度出发,在SEO1.0时代更加注重的是网站的内容,认为内容相关度越高的页面就越应该靠前展示给用户。简而言之就是SEO1.0时代,内容为王。
    2, SEO 2.0 是1999-2010年,这个时间段注重的是站内优化,站外优化,同时搜素结果的地区性差异,以及多媒体结果的出现(搜索结果中出现图片等结果)。网站是否有高的权重,是否有高质量的内容成了排名的主要因素之一。搜索引擎算法改进,页面的想要排名靠前不光取决于标签、密度等因素了,而是更加注重内链结构以及高质量外部链接的导入。所以这个时候的站长每天都忙碌着发外链、发外链、发外链,甚至有些公司在招聘SEO人员的时候,都只是叫做外链专员,他们认为只要外链做好了,SEO也就成功了。虽然这种观点是错误的,可是也在某种程度反映出SEO2.0时代的特点。从搜索引擎的角度出发,在SEO2.0时代更加注重了页面的流行度、成熟度方面,以链接投票的方式,通过获得票数的多少来决定页面排名顺序。这就就是SEO2.0时代,外链为皇。
    3, SEO 3.0 是2011-?年,是否满足用户的需求,是否有高的权重,是否有好的内容成了排名的主要因素之一。产品设计优化、用户满意度优化、资源整合优化在此阶段显得尤为重要。SEO的英文定义也可从Search Engine Optimization演变为Searcher Experience Optimization,中文翻译为搜索体验优化。搜索引擎越来越人性化,搜索引擎考虑的是为搜索者提供高质量的用户体验。

    我理解的SEO3.0的含义是:SEO3.0是在以提供高质量内容、产品的基础上,通过对用户搜索体验的优化提升用户满意度,进而刺激用户的社会化分享活动而形成的自然SEO。我将今后的SEO发展定义为SEO3.0时代:
    SEO 3.0S 是提醒SEOer关注搜索引擎市场的动态,搜索引擎市场的份额已经发生了变化,这些变化或许就是搜索引擎发展的趋势。
    第一个S是微博搜索(s.weibo.com)。
    第二个S是SOGOU,搜狗在过去的一年中表现不凡,根据艾瑞数据搜狗已经成为中国第三搜索引擎,第一位百度,第二位谷歌。
    第三个S是SOSO,SOSO依托中国最多的客户端QQ,迅速壮大。

    总结:现在我们正在经历的这个SEO时代还不仅仅能单独追求用户体验的SEO,那就就不叫SEO。任何行业都有自己的标准,SEO也不例外。对之前做SEO和今后想做SEO的兄弟说一句,既然选择SEO这个行业,就要坚持做科学的SEO,所有理论建立在科学的规则和标准之上,少看一些自我猜测以及胡乱吹嘘的SEO文章,也许写文章的人自己连搜索引擎的基本原理都说不出来。做SEO一定要跟着数据走,不要凭空瞎想!多动手,勤动脑!

    第三部分:SEO是干什么的?或者说(SEO的职责是什么?)

    首先:SEO能干什么?

    “seo是做什么的?”每次面对这样的问题我总感到无言以对,思索良久给出的答案,结果却总会听到“太虚”“没有实质内容”“说了跟没说一样”等诸如此类的话,让我们在羞愧之余更多的对seo这项工作产生些许无奈。不过别人是那么想,但是我们做SEO的未必是那么看,对吧?我们有我们的理解,那么SEO到底能干什么?听我细细的道来:

    1,站在SEO从业者的角度看:
    通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网页内容进行相关的优化,使其符合用户浏览习惯,在不损害用户体验的情况下提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。

    通俗的理解是:企业或者个人通过SEO对网站的推广宣传,来实现盈利或者品牌的塑造;

    我的理解是:SEO是搜索引擎优化不假,通过SEO能得到什么?流量?金钱?名誉?订单?朋友?友情?爱情?没错!其实这些都可以得到。有人肯定又说我在忽悠了,不过我的确可以告诉你这些都可以得到,流量可以从搜索引擎优化排名来获取,有了流量自然能挣钱,因此你就会在某一个领域有声望,还可以通过这个平台卖东西就是订单,有了声望自然结交更多的朋友。至于爱情嘛,就看自己了……
    2,站在用户的角度看:
    SEO需求分为两种:
    (1)小站。小流量的用户
    目标关键词在百度、谷歌等搜索引擎排名前十(即首页),此类企业的目标客户数量有限,且十分精准,目标关键词在5万以下;
    (2)门户类,行业垂直类大的网站。流量大的用户
    客户的目标关键词以十万、百万、千万计算,如门户站,资讯类站,此类客户需要将海量关键词优化在搜索引擎的首页、前五、前三和第一名。

    我的理解是:SEO通俗的来讲其实就是卖东西,说白了就是网络销售,再直白点就是一个网上跑业务的。至不过我们不是通过面对面交流,而是我去展示我的能力由客户去挑选。变主动为被动来取得订单与交易!

    其次:SEO到底干些什么?
    很多人说,SEO还不好干啊?不就是发发链接,顶顶帖子吗?如果你是这么想的,我就要说你的眼睛比老鼠的还要小,如果你不是SEO从业者,这么说说还行,因为你不懂SEO,我们可以诉你无罪,如果你是做SEO的还这么认为,你就快卷铺盖走人儿了。其实,SEO的要干的工作远比你想想中的要多的多!不信,你看?

    数据收集监控、关键词分析、流量来源分析、网站结构分析、tkd撰写、url结构分析、外链导入、友情链接谈判、页面同质化问题方案、内容整合、搜索引擎算法测试等,寻找是否有更大的流量来源入口,同时我们也会对网站的改版、拆站、专题、频道修改新增、新站、关键词布局调整、新产品支持等提供支持。我们既需要主动提出需求,需要产品、技术、运营的支持;同时我们也会接受来自于产品、运营的需求,提供我们的支持。

    我们要做的工作真的很多,做SEO的接触最多的也就是产品经理和运营经理了!其实在工作中要处理要和这两个人的工作很重要。为什么呢?
    因为:产品经理经常是”痛恨我们的,在产品经理眼中,经常是我们拖慢了产品的开发进度,延长了产品的上线时间,是产品失败的不确定风险之一,”千里之堤溃于蚁穴“,而我们就是应该拿杀虫剂喷杀无数次的所谓”害虫“!其实,不然,我们这群人经常会在网站结构、url规则、页面链接、导航上指手画脚,或者为网站添加一些难看的按钮、无所谓的功能,又或者删除修改一些网站模块、改变网页布局,对代码、服务器、IP、域名神马这样那样的东西频频提出一些莫名其妙的建议,而我们提出的这些建议却仅仅是为了提高网站的页面数量、链接数量,改变网站页面的同质化问题等等。

    在运营眼中的我们,则无疑显得可爱了许多,我们会提出一些貌似高深、神秘的理论,有一些听起来或者看起来还算可行的提升网站流量的方法建议,我们会帮助运营分析网站流量下降或者上升的原因,如果是这样的话,无疑我们与运营的合作是愉快的、高兴的。而事实却不尽如此,我们总会抱怨运营、编辑对于网站的更新速度、关键词的选择、seo标题的撰写、描述的独立性唯一性、内容量方面做的不尽如人意,而我们又不能切实可行的让每一个网站运营人员在工作中完全结合seo的知识进行内容更新、工作安排,事实上在我们的理解当中也不能让运营这样去做,这样做的结果只能是为了优化而优化,我们也在担心因为seo的原因影响用户的搜索体验、页面浏览体验等问题。
    最后,SEO如何才能干好?

    1,从专业知识角度来说应该掌握的内容:
    (1)、必须具备电脑基础知识,HTML知识,如果这点都不具备,那我不知道你如何去优化网站。了解SEO的基础知识,比如PR,外链,收录,代码操作,以及搜索排名的规则。

    (2)、必须具备架设网站、维护网站的能力,试想一下你在接单的过程中客户问你我的网站打不开是怎么回事呢?你如果不会检查网站域名解析、网站空间,那么客户会相信你吗?更不要谈去接单赚钱了。能够较快的分析出网站存在的问题,比如说内容、外链、内链到底是哪一个环节出现了不正确的地方。
    (3)、必须具备独立完成写作任务的能力,独立的标题、关键词、描述方面的优化知识,要能够独立的修改客户网站存在的不合理标题与关键词及描述、SEO做什么,最重要的就是要写出原创的内容文章,如果你连文章都写不出来,那么当一名SEO是完全没有意义的,你不写,你又没有钱,那就只有抄袭,而抄袭的后果就是死路一条。

    (4)、熟悉asp、php等程序,市面上比较流行的程序有动力论坛、织梦、ZB博客、wp博客、多多返利等等,而要想以最快的速度接单,那么就必须以最快的速度适应这些程序,大家也可以看到,admin5网站其实就是dede改变而成的,如果你练基本的dede程序都不熟悉,客户教给你任务之后你还要研究分析,多浪费时间啊,而时间就是金钱,所以不会先去学。

    (5)、能够独立的写出一篇完整的文章,完整的文章要结构清晰、思维清晰、主旨明确,如果你不能那就多写多练,这靠的是积累。

    (8)、有丰富的外链资源,现在的SEO人员都应该具备了丰富的外链资源,有自己收集的博客外链、论坛外链、软文外链,如果你没有,那么就赶紧去找找吧,我这里建议可以去猪八戒看一看,因为上面有发布外链的任务,你将其中的一些没有删网址的网站记下来,这就是你的外链建设地点。

    2,从一般的学习角度来看:

    (1)要有毅力,坚持不懈,耐得住寂寞。
    我们因此需要做好打好持久战的准备,一般三个月之后才会有明显的效果。因此我们在之前的三个月不要有太多的希望,我们要做的就是每天定时,按量的完成需要做的工作,然后思考接下来该做什么,该如何去做。以及在过去的日字里,自己所做的工作有什么需要改进之处。不要老是想着结果,我们现在需要做的就是注重过程。而且有很多人都是半途而被淘汰,经不起耐心和寂寞。
    (2)勤动手,多动脑!要养成良好的总结习惯,知识是靠积累出来的!思维很重要,要不断的去扩散自己的想法。

    (3)多交流、分享、讨论!SEO其实很大一部分是和人脉有关系的,比如外链;

    (4)不要有投机取巧的心里,一定要稳扎稳打!否则百度等搜索引擎是不会饶恕你的!

    (5)行业动态要不断的关注,不断的学习!

    总结:网站优化过程中我们要善于思考;网站优化过程中我们要善于创新;网站优化过程中更加注重过程;网站优化过程与客户沟通;网站优化的过程要时刻把握方向。干任何事情都遵循一条逻辑规规律即:搞清楚干什么?想清楚怎么干?总结出怎么敢好!我相信任何人都不比我聪明,我能学会,大家也肯定能学会!没有干不成的事儿,只有不去干的事儿!SEO也是同样的道理!

    第四部分:SEO前景大展现

    1、个人做一个网站就足够养活一家人
    选择好关键词,把网站做强,让他一直在搜索引擎第一位。放网络广告即可。

    2、SEO培训
    挖掘所在地区的SEO需求,提供企业网络部门的SEO培训服务。

    3、SEO服务和SEO软件公司
    整合多渠道网络营销,提供企业网络营销解决方案。
    SEO顾问服务,为网络营销边缘企业提供网络营销支持。
    SEO软件,提供关键词分析、静态化、链接架构等。

    4、运营品牌网站、门户网站、电子商务网站
    任何一个百度指数高于1万的关键词都可以养活一个中型公司。
    从目标关键词出发,深度挖掘其商业价值。
    周杰伦,这个词有什么商业价值?价值非常高!发展娱乐社区,成立周杰伦fans俱乐部,卖唱片、卖明星纪念品、卖影碟、卖明星衣服等。

    5、卖百度和Google排名第一广告位
    百度或Google自然排名第一的关键词,一年维护费上5万十万的,非常多。
    比如:“苏州广告公司”这个词,你做一个非常棒的网站,让她排在这个关键词第一位。
    然后找排名在你后面的广告公司交易。很简单,在你的网站上放他们的联系方式,一年低于5万免谈。
    如果你做了好几个这样的词?那么。。。。

    6、应聘大型网络公司
    有一点是肯定的,中国现在SEO人才非常少,而且这个市场将严重供不应求。
    并不是建个SEO博客,写两个SEO文章就SEOer了。
    总结:如果你有进大型网络公司的打算,请抓紧充电:网站运营经验、基本的程序水平、沟通能力和团队精神、系统的SEO基础学习、对宏观SEO的把握。
    1,SEO“优秀营销人才”转身的基点;
    SEO是一个非常有性价比推广方式,SEO属于网站运营中的一部分,也是用的最多的网络营销手段。网络营销是营销的一个线上渠道,从这一成关系上看,营销和SEO有着天然的亲属关系!营销是什么意思呢?营销是如何发现、创造和交付价值以满足一定目标市场的需求,同时获取利润的学科。营销学用来辨识未被满足的需要,定义、量度目标市场的规模和利润潜力,找到最适合企业进入的市场细分和适合该细分的市场供给品。那么你可以选择SEO的营销之路,更多的想一个成功的营销型人才发展。在SEO如何与打开市场方面多花功夫,在SEO和产品的结合上多花精力,做一个SEO的营销型人才。也许这个SEO的营销之路说起来有点空洞,但是SEO的本质目的不正是为了网站的营销性而存在的么?不能获得利润的网站实在不能算优秀的网站,不是么?通过SEO的营销之路为挖掘更多的利润吧。

    2,SEO“技术性人才”的新突破:
    有些朋友认为,做SEO不需要太多技术知识,不用懂太多代码,程序,美工,建站知识,服务器知识。然后不断追求技术正是从业SEO之后一条非常给力的道路。入行SEO之后未来究竟应该怎样发展,不断学习更多和网站相关的技术知识是一条非常不错的SEO之路。很多做的不错的个人站长都是出身SEO,网站完全归你自己管,更多的掌握各种建站以及服务器相关技术,只会为你将来的强力SEO之路铺平道路。
    有些朋友做SEO做的居然排斥学习各种建站知识,认为代码,程序,美工,服务器知识对SEO没什么帮助?那么试问一下,这样的朋友究竟是为什么而作SEO?难道你做SEO不是为了做网站而做SEO的么?难道代码,程序,美工,服务器知识对建站没有帮助么?也许你会说,搞的太多太杂不利于发展,要学精。我只能说你在为自己找借口,我没让你没学会走之前就去学怎么样跑,但是没有一颗想跑的心,走路这件事情一样学不会。更何况,SEO确实需要很多建站相关知识,而且人活一辈子,就得不断超越自己,不断学习新东西,否则很快就被淘汰了。

    3, SEO“策略性人才”做企业的千里眼:
    欧美等发达国家的SEO喜欢谈SEO的策略问题,而国内的SEO喜欢讲怎么样做外链。这个差距虽然不小,但是相信这只是暂时的。毕竟欧美等发达国家在SEO行业的发展上确实领先于我们,他们在做一个网站SEO的时候更多的在考虑战略层面的事情,而我们的SEO绝大多数还只是停留在战术层面。这就属于一场战役,将军关心的是战略层次的问题,而班长只用考虑战术层面的问题,而士兵只用考虑执行层面的问题。

    4, SEO“管理型人才”做企业的掌舵者:
    管理型人才和技术型人才最大的区别是什么?前者管好事情优先,而后者管好人优先。前者对智商要求相对较高,而后者对情商要求较高。SEO管理型人才可以不太懂技术,但是不能完全不懂技术,SEO管理型人才可以不太懂营销,但是不能完全不懂营销,SEO管理型人才可以不太懂策略,但是绝对不能完全不懂策略。SEO型人才需要是万金油,兼顾各方面,SEO管理型要抓住两个基本问题,一个是“标准化”、另外一个是“系统化”。当然在中国还得加一个“人情世故”和“变通”的问题。

    总结:讲了这么多,其实我感觉SEO还是一个很不错的职业,至少我认为是这样的!关键是你以一种什么样的眼观去看它。我也是这条船上面的一名乘客,在不断的探索和学习着!接下来的课程我会和大家分享一些关于我是如何去理解和学习SEO里面的基础,所以的观点仅是一家之谈,各位在学习的时候取其精华去其糟粕,希望我的分享可以给大家带来更多的想法!我们一起努力!

  • CSS鼠标经过触发显示选项

    shubiaojingguochufashijian

    [code]<!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=”zh-CN” />
    <title>css打造鼠标触发效果</title>
    <style type=”text/css”>
    <!–
    body {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 12px;
    line-height: 160%;
    text-align: left;
    height: 100%;
    font-family: ‘宋体’,Tahoma ,arial,verdana,sans-serif,’Lucida Grande’,’Lucida Sans Unicode’;
    }
    *{ margin:0; padding:0;}
    h2,h2 a:link,h2 a:hover,h2 a:visited{
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    }
    .kw_from {
    padding:20px 0 0 0px;
    margin: auto;
    height: 300px;
    overflow: hidden;
    width: 650px;
    }
    .kw_from .sbtn{
    float:left;
    width:80px;
    padding: 16px 0 0 0;
    }
    .kw_from .searchMore{
    float:left;
    width:80px;
    padding: 4px;
    }
    #searchNav {
    width:430px;
    float: left;
    }
    #searchNav #conter1, #searchNav #conter3{
    float:left;
    width:250px;
    }
    #searchNav #conter2, #searchNav #conter4{
    float:left;
    width:180px;
    }
    #searchNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
    #searchNav li {
    float: left;
    }
    #searchNav li ul {
    display: none;
    top: 20px;
    }
    #searchNav li:hover ul, #searchNav li.over ul {
    display: block;
    float:left;
    }
    #searchNav ul li a{
    float:left;
    display:block;
    font-size:12px;
    padding:3px;
    text-decoration: none;
    color: #777;
    }
    #searchNav ul li a:hover{
    background-color:#f4f4f4;
    }
    #searchNav #jobKw{
    width:220px;
    height:18px;
    }
    #searchNav #cityKw{
    width:130px;
    height:18px;
    }
    –>
    </style>
    <script type=”text/javascript”>
    <!–//–><![CDATA[//>
    <!–
    startList = function() {
    if (document.all&&document.getElementById) {
    navRoot = document.getElementById(“searchNav”);
    for (i=0; i<navRoot.childNodes.length; i++) {
    node = navRoot.childNodes[i];
    if (node.nodeName==”LI”) {
    node.onmouseover=function() {
    this.className+=” over”;
    }
    node.onmouseout=function() {
    this.className=this.className.replace(” over”, “”);
    }
    }
    }
    }
    }
    window.onload=startList;
    //–><!]]>
    </script>
    </head>
    <body>
    <div class=”kw_from”>
    <form action=”/search.html” method=”get” name=”searchForm” id=”searchForm” onsubmit=”return check()”><ul id=”searchNav”>

    <li id=”conter1″><h2>找什么</h2>
    <input id=”jobKw” name=”jobKw” type=”text” />
    <ul id=”conter3″>
    <li><a href=”#”>会计</a> </li>
    <li><a href=”#”>网页设计</a></li>
    <li><a href=”#”>翻译</a></li>
    <li><a href=”#”>家教</a></li>
    <li><span class=”moreCity”><a href=”#”>更多>> </a></span></li>
    </ul>
    </li>
    <li id=”conter2″><h2>在那里</h2>
    <input id=”cityKw” name=”cityKw” type=”text” />
    <ul id=”conter4″>
    <li><a href=”#”>北京</a> </li>
    <li><a href=”#”>上海</a></li>
    <li><a href=”#”>广州</a></li>
    <li><a href=”#”>深圳</a></li>
    <li><a href=”#”>南京</a></li>
    <li><a href=”#”>天津</a></li>
    <li><a href=”#”>杭州</a></li>
    <li><a href=”#”>成都</a></li>
    <li><a href=”#”>重庆</a></li>
    <li><a href=”#”>武汉</a></li>
    <li><a href=”#”>西安</a></li>
    <li><a href=”#”>沈阳</a></li>
    <li><span class=”moreCity”><a href=”#”>更多城市>></a></span></li>
    </ul>
    </li>
    </ul>
    <div class=”sbtn”>
    <input name=”submit” type=”submit” class=”btn4″ style=”margin:0px 15px 2px 0;” value=”搜索工作” />
    </div>
    <div class=”searchMore”>
    <a href=”search_expert.html”>高级搜索</a><br /><a href=”search_sort.html”>分类搜索</a> </div>
    </form>
    </div>
    </body>
    </html>[/code]

  • li标签float浮动自适应高度的问题

    很多情况我们在用DIV+CSS制作网站的时候也需要做到这样的效果:

    biaoqianliebiao

    相信很多人都知道用<ul>和<li>标签比较合适,但是高度问题就出现了:

    biaoqianliebiao2
    这里可以用两种方法决解:

    1,在ul标签中加入以下属性:
    [code]overflow:auto; zoom:1;[/code]

    或者

    [code]float:left[/code]
    2,或者在</ul>前添加一个清除浮动层。

  • CSS强制换行与强制不换行

    [code]/* 禁止换行 */
    .nowrap{word-break:keep-all;white-space:nowrap;}
    /* 强制换行 */
    .break{word-break:break-all;}[/code]

    在需要调用样式层的地方使用以上样式。