好文分享

分享互联网最有价值的文章,为站长和自媒体人提供灵感与思路。

好文分享

  • 个体创业的逻辑是什么?

    个体创业的逻辑是什么?

    个体创业的最极目标是:让自已变成值钱的超强个体,或IP,在圈子里有一定影响力,通过影响力,输出价值,将产品或服务(持续)变现。不过,这里有个前提就是:铺垫!我多次讲过的,创业最好从大二开始,自我培养,主要是三种能力:一是学习力,系统构建知识体系而不是完成学业;二是观察力,实地考察市场培养洞察能力;三是演讲力,力着培养口才和写作能力。这三种能力是创业基本功不是可有可无。当今社会,如果你既不是985之类的学业,也不是官二代,就很难找到像样的工作,多半会伦落到在小微企业间跳来跳去,35岁就没人要了,这是现实,大多数人,最终会走创业这条路。因此,趁早打好基础,创业才有可能水到渠成。@帽子哥-胡南方

    爱奇智2020-02-10好文分享

    阅读更多
  • 用js+css3来写一个手机栏目导航

    用js+css3来写一个手机栏目导航

    有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打开,那直接就不响应了.我一直都喜欢用简单的代码来实现,js,css3利用的好,同样可以做出好看实用的导航,关键是代码极少.现在我把步骤分享出来展开后:效果演示请缩小你的浏览器比例,或者直接用手机访问.思路是这样的:两个导航,一个用于手机端显示,一个用于电脑端显示.自适应的css代码,当media screen width<480px,则显示mnav,隐藏PC端的nav样式.按钮的动作:默认隐藏,动作点击后出现. 可以用×图标,或者css直接来写. 虽然用图片来比较简单,也不费事,但是css能实现就别用图片了,用css来实现吧.Html:<div id="mnav"> <h2><span class="navicon"></span></h2> <ul> <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> </ul> </div>CSS:#mnav { display: none; width: 100%; position: fixed; top: 0; right: 0; } #mnav h2 { text-align: right; color: #fff; font-size: 18px; height: 40px; line-height: 40px; padding-left: 10px; width: 100% } #mnav h2.open { text-align: right; background: rgba(1,1,1,0.8); width: 100%; } #mnav ul { display: none; background: rgba(1,1,1,0.8); width: 100%; padding-bottom:40px} #mnav li { height: 40px; line-height: 40px; vertical-align: top; font-size: 16px; display: block; overflow: hidden; text-align: center } #mnav a:hover { color: #fff;} /* 默认= */ #mnav h2 .navicon { margin-right: 15px; } .navicon { display: inline-block; position: relative; width: 30px; height: 5px; background-color: #FFFFFF; } .navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .navicon:before { margin-top: -10px; } .navicon:after { margin-top: 10px; } /* 展开后导航栏目 */ #mnav h2.open .navicon { background: rgba(1,1,1,0.8) }/* 使用背景色隐藏中间的红线 */ #mnav h2.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #mnav h2.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #mnav h2.open .navicon:before, #mnav h2.open .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } @media screen and (max-width: 480px) { nav { display: none } #mnav { display: block; z-index: 99999; margin-bottom: 30px } }JS:<script> window.onload = function () { var oH2 = document.getElementsByTagName("h2")[0]; var oUl = document.getElementsByTagName("ul")[0]; oH2.onclick = function () { var style = oUl.style; style.display = style.display == "block" ? "none" : "block"; oH2.className = style.display == "block" ? "open" : "" } } </script>来源:https://www.yangqq.com/jstt/css3/2018-03-14/806.html

    爱奇智2020-02-10好文分享

    阅读更多
  • 利用伪静态实现阿里云虚拟主机建立多个网站

    利用伪静态实现阿里云虚拟主机建立多个网站

    一般情况下阿里云虚拟主机都是使用一个域名绑定一个网站,具体绑定搭建的教程就不细说了,使用多个二级域名绑定虚拟主机访问多个不同的网站的话,以a.aiqizhi.com、b.aiqizhi.com、c.aiqizhi.com为例,三个地址解析到同一个主机下,主机里面包含a、b、c三个文件夹与之相对应,然后在虚拟主机根目录下建立一个.htaccess文件夹(一般都自带),内容如下所示:<IfModule mod_rewrite.c> RewriteEngine On #伪静态作用于要目录 RewriteBase / #绑定a.aiqizhi.com 到 a 子目录 RewriteCond %{HTTP_HOST} ^a.aiqizhi.com$ [NC] RewriteCond %{REQUEST_URI} !^/a RewriteRule ^(.*)$ /a/$1 [L] #绑定b.aiqizhi.com 到 b 子目录 RewriteCond %{HTTP_HOST} ^b.aiqizhi.com$ [NC] RewriteCond %{REQUEST_URI} !^/b RewriteRule ^(.*)$ /b/$1 [L] #绑定c.aiqizhi.com 到 c 子目录 RewriteCond %{HTTP_HOST} ^c.aiqizhi.com$ [NC] RewriteCond %{REQUEST_URI} !^/c RewriteRule ^(.*)$ /c/$1 [L] #可以绑定多个 只需重复上三行代码并更改一下域名、目录名 就好了 </IfModule>然后在a文件夹下建立一个.htaccess文件,内容如下:<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_HOST} !^a.aiqizhi.com$ [NC] RewriteRule (.*) http://a.aiqizhi.com/$1 [L,R=301] </IfModule>b和c文件夹内也分别建立一个.htaccess文件,内容参照以上代码即可。这时我们可以在a、b、c三个文件夹内上传相应的建站程序,也可以用静态页面测试一下,如果要使用到统一套程序,数据库地址一样的话,在搭建时修改下数据库表前缀即可。最后友情提示一下,以上只是以阿里云linux主机举例子,对于其他的服务商主机,只要是apache环境一般情况下都适用的。,欢迎各位转载,转载请保留或注明出处!

    爱奇智2019-07-04好文分享

    阅读更多
  • 手机在过去的一些年干掉了谁?

    手机在过去的一些年干掉了谁?

    干掉了座机,干掉了照相机,干掉了收音机,干掉了手电筒,干掉了镜子,干掉了报纸、杂志,干掉了iPod,干掉了游戏机,干掉了银行、邮局、钱包,干掉了身份证,干掉了钥匙,还干掉打字机,传真机,电报局,日历,计算器,婚姻介绍所,手表,假币硬币纸币,MP3,MP4,电视,电脑,地图、字典、词典,指南针…未来还会干掉什么?!

    爱奇智2018-01-23好文分享

    阅读更多
  • 写在互联网30年:看看这些图片我们已经老了

    写在互联网30年:看看这些图片我们已经老了

    1、知道这是什么事件的,网龄至少7年。3Q大战发生在2010年,已经过去7年,PC时代的最后一次战争。2、知道这是什么事件的,网龄至少8年。这是2010年的官二代雷语,“我爸是李刚”因为造句在天涯论坛上迅速走红,成为年度最热门的流行语。3、知道这是什么事件的,网龄至少8年。不解释。4、知道这是什么事件的,网龄至少9年。那时候所有人都定好闹钟,半夜起来抢人参。如果不按时收割的话,极有可能就被你的好友偷走。而通过种菜、卖菜等换取的收入,可以装扮你的农庄。就这么简单的小游戏,瞬间让全民陷入“偷菜”热潮。而当所有人都以为开心网就要开创一个时代的时候,它却死了。5、知道这是后来的什么网站的,网龄至少10年。那时候所有人都定好闹钟,半夜起来抢人参。如果不按时收割的话,极有可能就被你的好友偷走。而通过种菜、卖菜等换取的收入,可以装扮你的农庄。就这么简单的小游戏,瞬间让全民陷入“偷菜”热潮。而当所有人都以为开心网就要开创一个时代的时候,它却死了。5、知道这是后来的什么网站的,网龄至少10年。照片中老虎的真实性受到了网民的强烈质疑。但当地林业厅却坚持为真,引发公众强烈质疑。直到2008年6月29日,陕西省政府召开新闻发布会,通报周正龙所拍摄照片中“老虎”实为老虎纸画。7、知道这是什么事件的,网龄至少11年。熊猫烧香的作者叫李俊当年才25岁,后来被聘为金山的安全观察员,这事还有个后续:李俊出狱后,在成都大熊猫繁育基地携手一些网站,真的认养了一只命名为“云”的熊猫。8、知道这是什么地方的,网龄至少12年魔兽世界2005年开服后迅速引起追捧并运营至今,是网络游戏史上最重要和最经典的一款游戏。在最早的时候,最高等级只有60级和45级,参与过60年代和45年代的都是这款游戏最资深的元老级玩家。9、知道这个东西的,网龄至少13年。在没有今天这些随便一查就能下载歌曲的app的年代,Winamp是大部分人听歌的主要软件。但是歌也需要自己到网上找资源下载,有时候为了下一首歌,需要花上几个小时到处点废链接。我记得当时mp3随身听的容量也很有限,最初只有8-16M,也就是说只能放10首左右的歌,用耳机反复循环听。10、用过这个软件的,网龄至少14年。MSN曾经一度在一线城市白领中非常流行,被认为是和低龄QQ用户有效区分的新一代聊天工具。但由于微软中国在这方面的不思进取,没有认真思考中国地区用户的需求,功能上逐渐落伍,最终被淘汰并停止运营,拱手让出了在今天看来数千亿人民币的市场。11、知道这是什么游戏的,网龄15年《传奇》被誉为中国网游的鼻祖,虽然当时在盛大代理前在韩国只是二流游戏,但是在仅仅中国公测不到一年,传奇的同时在线人数创下世界纪录的50万+。之后传奇的一系列游戏层出不穷,长达十几年的时间并没有磨灭传奇系列在玩家心中的影响力。12、知道这是干吗用的,网龄至少16年了。很多人接触网络,就是通过聊天,最初上网的乐趣,就是聊天,很多人学会打字,也是由于聊天,很多人第一个网友,也是通过聊天。那时足不出户,就可以和天南海北的人海阔天空,那时,网游还没有兴起,聊天室GG、MM、886、大虾等新词不断冒出高峰时候,网易聊天室有7.5万同时在线,直到2008年,网易才停止了聊天室的运营。13、有在这上面买过东西的,网龄17年。易趣的出现要比淘宝更早,但淘宝推出了支付宝,支付宝的担保交易模式,彻底打消了中国用户对在线购物的怀疑和不信任。最终的结果,大家现在都知道了,再也没有易趣什么事了。14、知道这两个是干吗用的人,网龄至少18年了。2000年左右的时候,根本没有现在这样看影视资源的便利,带宽根本不可以随点随看。所以必须依赖影视光盘,超级解霸和一些国产光驱配合使用,可以解析出许多已经划伤的光盘,非常实用。而Realplayer,则早在18年前就很有远见的把流媒体整合到了软件功能里,只是当时根本无法做到,起的早不如赶的巧。15、注册过这个东西的人,网龄已经19年了QQ的源头是一个叫OICQ的软件,脱胎于美国的ICQ。据说马化腾自己承认过当年为了吸引用户注册,自己亲自上阵扮演女用户在上面陪人聊天,堪称腾讯不忍卒读的黑历史。16、知道这只兔子的人,网龄也有19年超级兔子是后来各种安全卫士、电脑管家的鼻祖,作者叫蔡旋。尤为难得的是,从1998年超级兔子诞生之日起就一直是免费软件,直至今日。17、用过这些的人,网龄20年,20年!对于大部分85前来说,大众软件和藏经阁都是自己中学时代放学后在公交车站附近必买的东西。藏经阁是是一个带有营利性质的破解小组做的,跟现在很红的一个游戏网站有着千丝万缕的关系,当年还有人专门做藏经阁的碟评的。今天已经有人开始收集当年的藏经阁系列总共710期,据说集全了之后价值惊人。尽管在今天看来有一定问题,但这确确实实是中国80后迈向世界主流娱乐方式踏出的第一步。18、玩过这种东西的绝对是殿堂级的老网民。MUD通常将缩写字直译为“网络泥巴”或是简称“泥巴”。是一款多人即时的虚拟世界,通常以文字描述为基础。MUD 结合了角色扮演、砍杀、玩家与玩家对战、互动小说与在线聊天等元素。今天的孩子根本想不出当年还有人是这样玩游戏的。19、中国人离信息高速公路还有多远?向北1500米。1996年深秋的一天,北京白颐路口竖起了一面硕大的牌子,上面写着:“中国人离信息高速公路还有多远?向北1500米。”———前方向北1500米,就是瀛海威的网络科教馆。说起瀛海威,很多年轻的网民可能不知情,但是“想当年”,瀛海威曾是一面标志性的大旗说不清是这句广告语成就了瀛海威,还是瀛海威成就了这句广告语,反正这句广告语已经成为很多人对早期中国互联网的一个经典记忆。以上的一切,都源于1987年9月20日,那一天在北京计算机应用技术研究所内正式建成中国第一个国际互联网电子邮件节点,并于发出了中国第一封电子邮件:“Across the Great Wall we can reach everycorner in the world.(越过长城,走向世界)”,揭开了中国人使用互联网的序幕。三十年来,互联网彻底改变了我们的生活。作者:肥肥猫,来源:早读课

    爱奇智2017-12-11好文分享

    阅读更多
  • 网站Banner广告设计的思路

    网站Banner广告设计的思路

    Banner广告是网络广告中最常见的一种广告形式,怎样做好一个Banner广告,使用户在浏览过程中迅速吸引眼球,勾起他的点击欲望呢?Banner广告不同于传统的平面广告,用户有足够的时间读你的广告,而在这个缤纷的网络环境,用户打开浏览器,有无限的内容足以使其眼花潦乱,那么怎样使用户对你的广告“情有独钟”呢?那么做为广告设计师,必须有清晰的思路,从用户的浏览习惯出发,做到突出重点,主题明确,视觉焦点明晰,我们可以从如下步骤开始:1、此次广告的目的以上图为例,我们的目的就是让有需求学西班牙语的用户关注并尽力吸引其进入学校网站;当然这个过程中您还可以学习一些行业的知识或竞争对手的相关资料,都有助于您最终完成一幅成功的Banner广告作品;2、广告语的确定( 也就是广告主题的确定过程 )在人们听多看多了一些华丽夸张的广告语后,其实更朴实的广告语反而能得到用户的信赖。在案例中,我们的广告语非常朴实:”学西班牙语首选千奕西班牙语学校”,既诉说了行业信息,又突出了品牌信息,接下来“中国第一家专业西班牙语学校”向用户表达了为什么是“首选”,潜台词是:因为我们专业,而且国内仅此一家只教西班牙语的学校!让用户产生信任感!3、Banner广告设计画面设计尽量简洁明了,符合我们之前在名片设计的艺术手法—减法讲的减法规则,内容少而精,但画面的视觉焦点一定要突出,色彩一定要符合画面和内容的主题,不要为了更突出使用一些高反差,与画面内容并不搭调的色彩,那样不仅牵强,而且对用户浏览很不友好,处理不好,会被冠以垃圾广告的名号,哈哈!在有限的范围内尽可能达到明快,突出的效果。要让有需求的用户看一眼后有继续看下去的欲望。案例中我们重点突出了”西班牙语“和学校的名称还有”获取免费试听名额“。广告设计过程中我们可以尽量做一些和行业、创意相关的图形和细节来渲染、润色我们的广告主题(这里就不多说设计的技巧了),从而使整个广告达到图文并茂的效果.4、激起用户的观看和点击欲望据有关数据统计,大多数用户对”免费“”折扣“等字样缺少免疫力,这就是我们为什么要加上”获取免费试听名额“的原因,当然这个创意点必须要建立在客观真实的基础上,如果您的试听名额是收费的,如果这样写,就是欺骗用户,后果不堪设想……所以我们在设计过程中一定要想方设方激起用户的点击欲望,比如我们在设计上加入了按钮、箭头元素,都能在潜意识里增加用户的点击欲望!总之,设计一幅平面作品也好,网络广告也罢,您一定不要盲目的动手,一定要在有了清晰的设计思想后再开始,这样您就可以做到心中有数,一气呵成了!

    爱奇智2017-08-28好文分享

    阅读更多
博主栏壁纸
博主头像 爱奇智

来是偶然的,走是必然的。所以你必须,随缘不变,不变随缘

25 文章数
174 评论量