Web Spider

admin

Misc

beginner, howto, robot

在查看WP后台的时候，总是能看到机器人访问。好奇机器人是什么，就在网上搜了一下，看到这篇关于搜索引擎机器人的文章，写得很详尽。那段广度优先、深度优先的解释，一下就把我拉回到大学时学习数据结构的课堂——那真是段伤脑筋的日子。

搜索引擎机器人也称网络蜘蛛（Web Spider），这是一个很形象的名字。把互联网比喻成一个蜘蛛网，那么Spider 就是在网上爬来爬去的蜘蛛。网络蜘蛛通过网页的链接地址来寻找网页，从网站某一个页面（通常是首页）开始，读取网页的内容，找到在网页中的其它链接地址，然后通过这些链接地址寻找下一个网页，这样一直循环下去，直到把这个网站所有的网页都抓取完为止。如果把整个互联网当成一个网站，那么网络蜘蛛就可以用这个原理把互联网上所有的网页都抓取下来。

在抓取网页的时候，网络蜘蛛一般有两种策略：广度优先和深度优先（如下图）。

read more

Dec

新年新气象

admin

Wordpress

beginner, blog, personal, 个人, 主题开发, 半透明

用WordPress的一个好处就是：一个主题风格用久了，难免会腻，而WP可以很方便的切换风格，即便是自己来设计。

昨天，心血来潮，想着新的一年就要来了，也应该给孩子点新气象，于是，开始着手一个新主题风格。有兴趣的话，欢迎你来看一看：子遨的网站。

从开始构思、到Photoshop设计、再到代码实现，就一天的时间。如果你是个网站开发熟手，可能这样一个简单的改版不算什么，可对于一个不那么熟的业余爱好者，一天能完成到这样，我已经很心满意足了。

这个主题用到了最近看到的一些CSS和jQuery技巧，那话怎么说来着——不亲手实践，你就永远不知道那些技巧该怎么用，看的再多、知道的再多也是白搭！这样一次改版就彻底亲手实践了以下技术： read more

Dec

致网站设计初学者：你该了解的CSS技巧

admin

CSS

beginner, CSS, tutorial

在我们初学网站设计的时候，会遇到很多关于显示的问题，然后，最终我们会发现很多都是由一些CSS暗含的小技巧来解决的。每个网站设计人员都会碰到这样的问题，花费了很多时间，我们查找原因、查找解决办法，找到答案的时候，我们就会希望：如果早知道~~

这篇文章就是关于这些你该掌握的CSS技巧：

Resets & Browser Inconsistencies
Box Model — Margin, Padding & Borders
Dimensions — Width, Height, Min & Max
Floats & Clearing
Conditional Comments
Overflow & Zoom

原文链接: http://www.noupe.com/css/css-techniques-i-wish-i-knew-when-i-started-designing-websites.html

Dec

如何在文章里嵌入代码

admin

Plugin, Wordpress Tags

beginner, howto, opensource, Plugin, tutorial

我们在写有关代码技巧的文章的时候，总会需要在文章里嵌入代码，诸如HTML, CSS, PHP, javascrip等等。如何让代码能够不执行，仅仅显示呢？很多博主应该都会遇到这个问题。

在一篇文章中，我们对代码一般会有这样两种处理方式：一类是我们在一段话中引用代码，来加以说明；另一种则是高亮显示完整的代码段。

在一段话中引用代码，我们可以用<code>和</code>把代码包括进来。
比如：如果要显示“我们今天要讨论的是index.php”，可以在编辑器里这样输入：我们今天要讨论的是<code>index.php</code>。

但如果代码里有HTML标签的话，这样仅仅用<code>和</code>还是不行的，Wordpress会解读为你在使用html标签。
比如要显示：“我们来看<div class="header">”，在编辑器里，我们必须使用字符集<来替换标签左括号，用>替换标签右括号，然后再用<code>和</code>把代码包括进来，即： <code><div class=”header”></code>。

你可以阅读WordPress官网上的这篇文章，那里有详细的解释。

以上是说明如何在一段话中引用代码。另一种情况是，我们需要单独高亮显示一整段代码段，来表达某个功能的实现方式。

使用Wordpress代码编辑插件。
以下有一些推荐的，其实每种都很好用，看个人喜好。

使用SyntaxHighlighter
SyntaxHighlighter 是一款基于javascrip的开源代码高亮显示工具。使用起来也很简单，你只需要把以下代码段copy到<head>头文件里（或者是其它你需要高亮显示代码段的任意地方），移除不需要的语言。

Dec

Design a Clean Portfolio Site in Photoshop

admin

CSS

beginner, howto, photoshop

Today we will be working through the process of designing a portfolio site layout in Photoshop. The tutorial will break down each step of the process, and you can download the PSD file from Folio Focus if you are interested.

The End Result:
Here is a look at what we will be designing in this tutorial (click on the image to see it in full size).