飞鲤自留地

自适应网页设计（Adaptive Web Design）是指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。随着4G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在640像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1920×1080），有的还达到了2000像素以上。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。于是，很早就有人设想，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）。网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其 ...

我们先来认识下favicon，它是英文Favorites Icon的缩写，顾名思义，其本意是让浏览器的收藏夹中除显示相应的文字标题外，还能以图标的方式区别不同的网站。一般业界中文俗称站标，现在多数浏览器都已支持直接在窗口标签上或地址栏中显示站标。一个好的网站想在推广方面取得成功，不仅需要良好的页面设计、令人印象深刻的网站Logo，也应该有独树一帜的favicon站标。今天我们就针对新手站长来探讨一下，如何为自己网站添加favicon.ico站标？ 实际上favicon.ico就是一个特殊格式的图片，按照既定规则准备好这样的图片放到网站，浏览器就能识别并显示出来，网站站标favicon.ico的尺寸通常是64X64、48X48、32X32像素这几种规格。既然是图片，那么我们首先就需要用制图软件设计出来，要求高的话还可以请专业设计人员制作，有的制图软件可以直接保存为.ico格式，如果不能也可以通过在线转换工具将jpg、png等格式转为ico格式。 现在我们来说一下规则，一般情况下浏览器只能识别名为favicon.ico的图标文件作为站标，且必须是真实的.ico格式（扩展名），只改扩展名可 ...

网页开头莫名其妙出现一行空白，不管你怎么折腾CSS用margin、padding、border等属性值为0来定义，都不能消除，在头部有背景色的网页中尤其明显也更容易被发现。出现这种情况时，通过FireFox和Chrome浏览器开发工具审查元素查看源代码，我们可以发现body标签之后有&#65279字样，空白正是由它产生，这串字符在实际网页内容中无法被查找到。那么这种情况是什么原因导致的，又该怎么处理呢？今天益吾库就来分享一些心得和经验。 &#65279的产生是由于文件保存的时候，被自动加入了BOM字符，一般是使用WINDOWS自带记事本工具编辑保存UTF-8网页文件导致。使用相对专业的网页代码编辑软件则不会出现这种情况，相信许多资深网页前端都曾给过初学者一些忠告，比如不要使用记事本修改UTF-8编码网页，包括禁止在某些FTP软件中直接编辑，而是使用Dreamweaver、Sublime Text、Notepad++等相对专业的工具软件。 BOM（Byte Order Mark）是指字节顺序标记，出现在文本文件头部，Unicode编码标准中用于标识文件是采用哪种格式的 ...

网页Meta标签是HTML网页源代码中一个重要的html标签，通常位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。Meta标签可用于浏览器识别（如何显示内容或重新加载页面），搜索引擎声明，或其他web服务，如作者、日期和时间、网页描述、关键词、页面刷新等。随着移动互联网的兴起，移动端web开发用到的meta标签也越来越多，今天益吾库就稍作整理供大家需要时查阅。1、申明文档使用的字符编码<meta charset='utf-8'> 或<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。它可以在同一页面显示中文简体、繁体及其它语言（如日文，韩文）等。当然，你也可以使用gb2312（简体中文），big5（繁体中文）等等其他字符集。而目前我们一般推荐使 ...

大家都知道如果要自己全新开发程序来搭建一个网站，成本是相当大的，并非所有个人和小微企业都能承受。好在现在网上有很多开源免费的建站程序，直接下载安装就能使用。这些开源程序既降低了建站门槛，又直接省去了一大截网站建设成本。为方便初学建站者初步了解，今天益吾库就来简要介绍下最流行的一些网站建站程序。1、WordPress[下载]WordPress免费开源程序，WordPress 可以搭建功能强大的网络信息发布平台，但更多的是应用于个性化的博客。WordPress除了做个人博客外，可以做企业站、门户站、商场、批发网站等，扩展性特别强大。2、DeDecms 文章管理系统[下载]织梦CMS是免费开源内容管理系统，DedeCMS适合应用的领域非常广泛，如企业网站、政府机关、教育机构、媒体机构、行业网站等，像大家比较熟悉的站长之家，A5站长网都有是有织梦DeDecms。3、Discuz 论坛社区程序[下载]Discuz 论坛免费开源，占有市场比例相当高，同时也是腾讯旗下的公司，通过QQ等多平台分享流量也是非常强大。4、PHPWind 论坛社区程序[下载]PHPWind 通用型论坛程序，同样也是免费 ...

如今手机端网页应用越来越广泛，而手机端网站则包括手机网站和APP应用。尽管手机网站和APP的利用价值都很高，但是对于很多小微型企业来说，同时拥有这两种难免会遇到成本或管理上的问题，因此益吾库建议企业根据两者之间的区别分析来进行抉择。今天益吾库就来简单讲一下手机网站和APP的区别：区别一：打开方式不同手机网站和APP之间最本质的区别就是，前者通过浏览器访问，需要输入网址，或者通过搜索引擎查找点击进入；后者是通过下载客户端APP实现访问，满足用户直接打开、了解和购买，操作步骤相对简单点。不过，用户仍然需要通过应用商店之类的渠道获取APP，而且不同手机的应用商店还不一样，因此企业要尽量拓宽APP的下载渠道，并保持更新，相对麻烦。而对于手机网站来说，只要有网就能找到并访问。然后，从用户沟通交流这一点来看，APP的功能更加齐全强大，甚至还有一些小游戏，满足企业和用户进行良好的沟通与互动。区别二：打开速度差异手机网站打开必须要求有网络，而且有一个网站的加载时间，如果网速慢的话，加载时间还会有点长，不过如今都是Wifi和4G当道，浏览一般手机网站还是没什么压力的；APP是安装在用户手机上的应用程 ...

之前我们介绍过判断一个网站是由哪种语言开发的方法，那么当需要知道一个网站是用的什么开源程序搭建时，我们该怎么查看和识别呢？在这之前，我们首先应该确保自己了解有哪些常见网站程序可直接拿来用？，有了一定知识储备才能谈得上识别。每一种开源程序只要没有被深度二次开发，它的固有特征就总能被找出来，今天益吾库所讲的识别方法正是基于这些固有特征，希望能帮到大家。一、WordPress博客系统网站特征：1、查看网页源代码，搜索看是否有wp-content、wp-includes字样；2、访问/robots.txt查看robots协议中有没有屏蔽plugins、support、extend等目录相关文件；3、在网站网址后面输入/wp-admin/看是否进入网站的登录页面；二、DeDe织梦CMS系统网站特征：1、在网站首页和分类栏目页网址后面输入index.html，看是否能访问，输入index.php看是否会跳转到index.html或index.php?upcache=1；2、查看网页源代码，搜索看是否有dedeajax、uploads\allimg字样（或类似）；3、访问/robots.txt查 ...

一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。而为了追求醒目的视觉效果，可以为标题使用较深的颜 色。下面是本站整理的一些资深设计师对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定 会有不错的效果，希望对大家在制作网页时有用。Bgcolor″#F1FAFA″———做正文的背景色好，淡雅Bgcolor″#E8FFE8″———做标题的背景色较好Bgcolor″#E8E8FF″———做正文的背景色较好，文字颜色配黑色Bgcolor″#8080C0″———上配黄色白色文字较好Bgcolor″#E8D098″———上配浅蓝色或蓝色文字较好Bgcolor″#EFEFDA″———上配浅蓝色或红色文字较好Bgcolor″#F2F1D7″———配黑色文字素雅，如果是红色则显得醒目Bg ...

现在网上关于SEO这方面的教程有很多，但是很多都是过时的，因为互联网是在不断的变化的，为了避免让大家学到错误的过时的知识，我联合互联网上的牛人，决定免费分享这门技术，想学SEO和网站搭建的小伙伴，阔以莱这个裙，前面是211，中间是806，最后是575，组合起来就可以找到，我想说的是，除非你想学习这方面的知识，让自己获取互联网机会，如果只是凑热闹的话，就不要来了。怎样提高访问量一直是困绕广大网站站长的一个问题。提高访问量要招揽新的访问者，但更重要的是要留住回头客，这部分人可是在总的统计人次占绝对比重。本文转自知乎，由雅虫译自一份Newsletter，讲的正是怎样留住回头客。益吾库认为本文讲的方法都比较接地气，值得各位看官传阅。 1.调查  在你网页上搞一些小调查，问一个有趣的问题，让访客投票。投票者也许会在明天或下周再来查看调查结果。  2.有奖活动  持续的搞一些有奖活动，奖品不必太贵重，只要对你的访客来说稍有用即可。他们会常来看结果。  3.原创材料  在网页上放一些别的地方没有的东西。并不是说你所有内容都必须是原创，但 ...

GET和POST是HTTP请求的两种基本方法，它们最直观的区别就是GET把参数包含在URL中，POST则通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。甚至当你在面试中被问到这个问题，你的内心充满了自信和喜悦。还轻轻松松的给出了一个“标准答案”：GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的，而POST么有。对参数的数据类型，GET只接受ASCII字符，而POST没有限制。GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。GET参数通过URL传递，POST放在Request body中。尽管该标准答案可能来自大名鼎鼎的w3school ...