关注前端开发微信微信号web007007

7个超棒的HTML5交互性网站

7个超棒的HTML5交互性网站

近几年,网络技术发展的速度十分惊人,前几年Flash还是网站互动和动画技术的主导,但现在Flash已经慢慢的被淘汰,并采取更多的与搜索引擎友好和强大的HTML5、CSS3和JavaScript技术。通过快速计算系统和高速上网,可轻松实现复杂但又流畅的动画效果的。 在这里,我们向你推荐7个超棒的HTML5设计的交互网站,很酷,很炫! 1、Intacto10 Years 通过一个数字机构显示了数字宇宙之旅的历史。 2、The ...

阅读全文...

怎么样预防SEO网站被降权

怎么样预防SEO网站被降权

网站取得好的搜索排名,一直是广大SEO站长追求的目标之一,也优化化多个站,有排名好的,当然常在河边走那能不湿鞋,被降权的也有几个,根据小站情况总结几大块经验如何防止网站被降权的因素,希望大家有所帮助。 一、外链突然大量增加 从事SEO的人都把“内容为王,外链为皇”视为经典,于是很多人专门以外链为重点,网站的一些外链资源到处都是,于是博客,论坛,分类目录等到处做外 链。如果没有...

阅读全文...

“有点儿意思”的导航设计

“有点儿意思”的导航设计

导航是网页设计中不可缺少的部分,它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不 费力地找到并管理信息,达到有效传递。同时,导航一般位于网页的中上部分,也是视觉中心的区域内。在保持其合理的功能作用的同时,一个好的导航设计,往往 能够成为整个网页设计的点睛之笔! 一个设计师在布局和整体规划网页设计时,导航总是一...

阅读全文...

SEO教程_为什么要做SEO

SEO教程_为什么要做SEO

如果您已经知道SEO对网站成功的意义,看这个已经没有意义了.. 什么是SEO SEO是英文Search Engine Optimization的缩写,中文意译为“搜索引擎优化”. 简单地说,SEO是指从自然搜索结果获得网站流量的技术和过程。 复杂但更严谨些的定义: SEO是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优 化,改进网站在搜索引擎中的关健词自然排名,获得更多流量,从而达成网站销售及品牌...

阅读全文...

SEO技术教程_搜索引擎与目录

SEO技术教程_搜索引擎与目录

一个合格的SEO必须了解搜索引擎基本工作原理。很多看似令人迷惑的SEO原理及 技巧,其实从搜索引擎原理出发,都是自然而然的事情。 为什么要了解搜索引擎原理? 说到底,SEO是在保证用户体验的基础上尽量迎合搜索引擎。与研究用户界面及可用 性不同的是,SEO既要从用户出发,也要站在搜索引擎的角度考虑问题,才能清晰地知道 怎样优化网站。SEO人员必须知道:搜索引擎要解决什么问题,有哪些技术上...

阅读全文...

SEO技术教程_搜索引擎面临的挑战

SEO技术教程_搜索引擎面临的挑战

搜索引擎系统是最复杂的计算系统之一,当今主流搜索引擎服务商都是有财力、人力 的大公司。即使有技术、人力、财力的保证.搜索引擎还是面临很多技术挑战。搜索引擎 诞生后的十多年中,技术已经得到了长足的进步。我们今天看到的搜索结果质量与10年 前相比己经好得太多了。不过这还只是一个开始,搜索引擎必然还会有更多创新,提供更 多、更准确的内容。 总体来说,搜索引擎主要会面对以下几方面...

阅读全文...

【jquery】星级评分

【jquery】星级评分

js星级评分,以下是代码。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>星级评价-web前端开发网</title> <script type...

阅读全文...

IE 调试工具 IETester+DebugBar

IE 调试工具 IETester+DebugBar

开篇第一句,我先强烈 BS 一下 IE 浏览器,包括它一家老小,还有那去年诞生的 IE9。同意此观点的童鞋请继续往下看。 Firefox 有 Firebug,Chrome 有审查元素,这些都是网页制作的必备工具,特别是在线调试的时候,浏览器的小工具可以帮助站长们更好更快更直观地修改网站排版和样式。IE 为了迎合站长们的需求,硬生生地将一个残疾的开发人员工具植入了 IE8 中,但其在功能上远远比不上 Firefox 的...

阅读全文...

文字超出隐藏并显示省略号

文字超出隐藏并显示省略号

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到,我想很多人都碰到过吧,这个有两种解决方法 一是用程序开截取字符长度,这个其实也是可以的 第二种是用样式来做,这里主要介绍一下用样式怎么来做吧,我话也不多说了吧直接上代码吧,   css样式如下: .css1{ color:#6699ff;border:1px #ff8000 dashed; margin-bottom:20px; width: 20em;/*不允许出现半汉字截断*/ } ...

阅读全文...

国内优秀Web前端Javascript框架库汇总列表

国内优秀Web前端Javascript框架库汇总列表

此列表会一直更新、维护下去,以帮助大家了解、推动国内Web前端技术框架的发展,欢迎大家留言补充! Como – http://www.comsome.com EdoJs – http://www.edojs.com/ DWZ – http://j-ui.com/ JX(腾讯) – http://alloyteam.github.com/JX JSI – http://code.google.com/p/jsi/ KISSY(淘宝) – http://www.kissyui.com KindEditor – https://github.com/k...

阅读全文...

【NodeCC】NodeJs开发的脚本压缩和combo工具

【NodeCC】NodeJs开发的脚本压缩和combo工具

对于Web前端的开发而言,为了降低文件大小,js文件和css文件的压缩和组合几乎是默认的规矩。 我们利用YUI Compressor 和 google Compiler 可以很容易的完成文件的压缩。 甚至 yui compressor 本身都已经支持 多文件的批量压缩。 但是,为了更好的处理这些机械化的事情,我们通常还是需要脚本来辅助,让这些工作可以更好的自动化,可配置化。 网上有很多类似的脚本工具,或者有的也已经编译成了可...

阅读全文...

如果生活可以选择我愿生活在…

如果生活可以选择我愿生活在…

今年广东省高考作文题目:《如果生活可以选择我愿生活在……》 如果生活可以选择我愿生活在新闻联播里,那里的领导个个都是时代先锋,群众人人都是道德模范。即使偶尔抓到一个贪官,也只是一笔带过,不留一丝遗憾。 如果生活可以选择我愿生活在新闻联播里,那里的农业年年大丰收,工业月月传喜讯,即使遇到百年不遇的自然灾害和金融危机,都是有增无减。 如果生活可以选择我愿生活在新...

阅读全文...

最小高度使用技巧兼容 IE6、IE7、IE8、FF等浏览器

最小高度使用技巧兼容 IE6、IE7、IE8、FF等浏览器

在说这个话题之前先说一下我们为什么要用min-height 最小高度这完意吧. 这个一股情况用在企业网站上页,看看我们现在大部份的企业 网站的内容页好像都是左边一栏二级菜单,然后右边是放一些介绍性的内容什么的,有木有。 正在是因为这样才引发了这个话题,当左边菜单比较多一点而右边内容又没多少的情况下那样右边太短了就看着不舒服了,如果给它一个最小高度就会好那么一点点,那样当它内容不够...

阅读全文...

CSS代码缩写

CSS代码缩写

一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。 所以下面的代码: p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px; border-left-width: 20px;} 可以写成: p {border-widt...

阅读全文...

使用Lable标签,提升用户体验!

使用Lable标签,提升用户体验!

在现如今WEB都以用户体验作为一个重要的指标来看待,是很有道理的。相信每个网友在浏览页面时,都希望有最IN的体验。 现在我们就来说说LABEL,一个容易被人遗忘和弃用的标签。下面以checkbox和radio来加以说明: 输出效果: checkbox 点这里看哪种体验更好(有LABEL) 点这里看哪种体验更好(没LABEL) radio 点这里看哪种体验更好(有LABEL) 点这里看哪种体验更好(没LABEL) <p>check...

阅读全文...

js防刷新的倒计时代码

js防刷新的倒计时代码

这里做了个js防刷新的倒计时的例子,什么也不说了,直接上代码比较爽块 &lt;pre&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt...

阅读全文...

淡淡前端开发职责

淡淡前端开发职责

在我的映像中很多朋友都把前端开发和网页制作这两个职位给混一块去了,其实说实在的网页制只是属于前端开发中的一个小部分先来说一下这两个职位所各自在工作的所要做一些事吧; 网页制作:很简单就是把一个设计师所做好的图还原成网页的形势就OK 了,而一些网页JavaScript特效的话基本上不是自己去写而是在网上下载一个类似的效果去改一改就完事了。 前端开发不一样:前端开发工程师的话需要做的...

阅读全文...

给WordPress添加百度和谷歌地图

给WordPress添加百度和谷歌地图

已经好多天了,一直想给自己的博客添加百度地图和谷歌地图。因为工作的事情,这件事也一直搁浅到现在。利用午饭的时间,给说其网添加了百度地图和谷歌地图,也算了了一件小小的心愿。 其实既然做这个,心中难免会问道:为什么要建立网站地图?作为SEO或者建站方面的新手,在这之前我已经搜集过一些关于网站地图的资料。能给出的一些答案如下: 1.网站地图可以给搜索引擎蜘蛛提供可以浏览整个网站...

阅读全文...

更改WordPress友情链接排序的方法

更改WordPress友情链接排序的方法

最近两天加了几个友链。但是发现一个问题:友情链接系统默认是按照 name 来排序的。如何自定义友情链接排序。这是今天需要解决的问题。 作为一个新手站长,WordPress菜鸟,首先我当然不会去WordPress官方查看文档。最有效的办法就是上谷歌百度一下。解决办法: 一:通过修改代码来实现 打开 wp-includes/bookmark-template.php 文件。搜索 “ wp_list_bookmarks ”,找到如下代码: <div> ...

阅读全文...

页面加载时调用js方法:简述 onload

页面加载时调用js方法:简述 onload

也许多数人对于 onload 早已是轻车熟路,可我觉得还是有必要整理一篇稍微详细一些的文章。也方便自己加深记忆。 一直没有仔细看过js文档中关于 body 的 onload 属性 和 window.onload 方法。今天就此作一小结吧。 可以从多个切面入手。比如,页面加载时,只调用一个方法,或者页面加载时需要调多个js方法。就按照这个来说吧。 1.最简单的调用 <html> // 当然也可以简写成: onload=&q...

阅读全文...