2008年9月 文章归类

网站首页做完了~i.2fool.cn

三水清 2008-09-26 03:15:11快抢沙发

一个晚上解决了Mac窗口的问题！

解决了网页中jquery 和prototype冲突！

看看新的截图吧~

看看效果吧：首页导航是个模仿mac os系统的css menu

上面的图片是我自己做的~怎么样？呵呵

域名开通了，可是今天的门户通受到了严重的肉鸡网段攻击~

服务器速度特别慢！

域名就不说了（其实在截图上面有的~哈哈~）

 

 

如何写网站的robots.txt和meta name robots的配置

三水清 2008-09-18 03:46:11快抢沙发

最近几天最出名的网络新闻应该是淘宝屏蔽百度搜索的事情了！淘宝怎么做到的呢？其实很Easy，看看淘宝的robots.txt就知道了。地址是：www.taobao.com/robots.txt。看到了吗？百度蜘蛛disallow啦！不懂啊~看看本文吧(PS：其实百度也要进军C2C市场，淘宝是为了保住自己的市场罢了)

robots.txt基本介绍
robots.txt是一个纯文本文件，在这个文件中网站管理者可以声明该网站中不想被robots访问的部分，或者指定搜索引擎只收录指定的内容。
当一个搜索机器人（有的叫搜索蜘蛛）访问一个站点时，它会首先检查该站点根目录下是否存在robots.txt，如果存在，搜索机器人就会按照该文件中的内容来确定访问的范围；如果该文件不存在，那么搜索机器人就沿着链接抓取。
另外，robots.txt必须放置在一个站点的根目录下，而且文件名必须全部小写。
robots.txt写作语法
首先，我们来看一个robots.txt范例：/robots.txt
访问以上具体地址，我们可以看到robots.txt的具体内容如下：
# All robots will spider the domain
User-agent: *
Disallow:
以上文本表达的意思是允许所有的搜索机器人访问blog.2fool.cn站点下的所有文件。
具体语法分析：其中#后面文字为说明信息；User-agent:后面为搜索机器人的名称，后面如果是*，则泛指所有的搜索机器人；Disallow:后面为不允许访问的文件目录。
下面，我将列举一些robots.txt的具体用法：
允许所有的robot访问
User-agent: *
Disallow:
或者也可以建一个空文件 “/robots.txt” file
禁止所有搜索引擎访问网站的任何部分
User-agent: *
Disallow: /
禁止所有搜索引擎访问网站的几个部分（下例中的01、02、03目录）
User-agent: *
Disallow: /01/
Disallow: /02/
Disallow: /03/
禁止某个搜索引擎的访问（下例中的BadBot）
User-agent: BadBot
Disallow: /
只允许某个搜索引擎的访问（下例中的Crawler）
User-agent: Crawler
Disallow:
User-agent: *
Disallow: /
另外，我觉得有必要进行拓展说明，对robots meta进行一些介绍：
Robots META标签则主要是针对一个个具体的页面。和其他的META标签（如使用的语言、页面的描述、关键词等）一样，Robots META标签也是放在页面的＜head＞＜/head＞中，专门用来告诉搜索引擎ROBOTS如何抓取该页的内容。
Robots META标签的写法：
Robots META标签中没有大小写之分，name=”Robots”表示所有的搜索引擎，可以针对某个具体搜索引擎写为name=”BaiduSpider”。 content部分有四个指令选项：index、noindex、follow、nofollow，指令间以“,”分隔。
INDEX 指令告诉搜索机器人抓取该页面；
FOLLOW 指令表示搜索机器人可以沿着该页面上的链接继续抓取下去；
Robots Meta标签的缺省值是INDEX和FOLLOW，只有inktomi除外，对于它，缺省值是INDEX,NOFOLLOW。
这样，一共有四种组合：
＜META NAME=”ROBOTS” CONTENT=”INDEX,FOLLOW”＞
＜META NAME=”ROBOTS” CONTENT=”NOINDEX,FOLLOW”＞
＜META NAME=”ROBOTS” CONTENT=”INDEX,NOFOLLOW”＞
＜META NAME=”ROBOTS” CONTENT=”NOINDEX,NOFOLLOW”＞
其中
＜META NAME=”ROBOTS” CONTENT=”INDEX,FOLLOW”＞可以写成＜META NAME=”ROBOTS” CONTENT=”ALL”＞；
＜META NAME=”ROBOTS” CONTENT=”NOINDEX,NOFOLLOW”＞可以写成＜META NAME=”ROBOTS” CONTENT=”NONE”＞
目前看来，绝大多数的搜索引擎机器人都遵守robots.txt的规则，而对于Robots META标签，目前支持的并不多，但是正在逐渐增加，如著名搜索引擎GOOGLE就完全支持，而且GOOGLE还增加了一个指令“archive”，可以限制GOOGLE是否保留网页快照。例如：
＜META NAME=”googlebot” CONTENT=”index,follow,noarchive”＞
表示抓取该站点中页面并沿着页面中链接抓取，但是不在GOOLGE上保留该页面的网页快照。

手把手图解教你使用PQ魔法师调节硬盘分区大小

三水清 2008-09-15 07:55:04快抢沙发

下载地址：http://www.xdowns.com/soft/6/7/2006/Soft_30767.html 

　　PQ界面非常友好，在界面右端为硬盘的所有磁盘路径，上面标识着各个硬盘的容量，文件系统类型等等。左面是可以执行的操作。这里的硬盘是3个分区（就是磁盘1，磁盘2和3是网吧的服务器上的硬盘），C盘7.32G，D盘14.6G，E盘51.8G，下面介绍2种常用的操作大家可以举一反三：

一：C盘不变，E盘减小为30G，减小的空间给D盘。

　　介绍方法之前，我们先说明下硬盘的逻辑结构。硬盘在逻辑可以看作是线性的，就像紧挨着的3块地C、D、E，你把E想分一块给D，这个操作比较简单，因为D、E相邻，只要把E的一块拿出来给D就好了。但是硬盘还有一点比较特殊，就是D的地必须在一起，你要分E就必须把和E相邻的地给D，如果是E的他地方空闲，那就必须把E上的东西整体移动，使和D相邻的那块地方空闲，然后给D。

如图，黄色是已经存放数据的区域，白色是未使用区域，我们把E盘的空间分给D，实际是分E白的部分给D。这样实际的操作是把D白色的区域增大，E白色的区域减小，E黄色的区域向右移动。操作就非常简单了：单击选种E盘，右键，选择调整容量/移动


　深紫红色表示已经存放数据的区域，浅紫红色表示未使用区域，黑色表示空闲区域。最小容量就是深紫红色区域,新分区必须能容纳这个区域.最大容量是该分区和它周围的所有黑色区域的大小,是新分区最大的容量.

　　你可以拖动紫红色区域两侧的箭头调整大小。把鼠标放在紫红色区域回出现十字箭头，这样就能调整E盘在硬盘中的位置。你也可以在新建容量上输入30836，然后把E盘向右拖动，使空闲区域在E盘左侧，这样空闲区域就直接可以分配给D盘。
继续阅读全文……

对Zblog的页面分页链接的修改

三水清 2008-09-11 03:37:45快抢沙发

今天我们去上自习可惜上午第二节课又有上课，我们没办法学习啦~于是就来网络上面看看，看着自己的blog的分页样式不好看，现在自己试着修改了下，很容易就可以做到的！不用“文件重建”的功能就可以使用~原理就是使用修改CSS和b_pagebar.html

正文开始啦，这个样式只是适用Zblog的默认模板，其他的模板大家可以自己更改下的，我的代码中有具体的注释

  1. 修改HTML文件：找到主题文件下的template文件夹中的b_pagebar.html（分页文件），把其中的<a href="<#pagebar/page/url#>">[<#pagebar/page/number#>]</a>改成<a href="<#pagebar/page/url#>"><#pagebar/page/number#></a>  也就是简单的去掉“[”和“]”，目的是为了更改后的更美观
  2. 修改CSS文件：找到style中的默认CSS文件default.css 在文件的最后添加下面的代码

/*————————–分页条CSS代码——————————-*/
 div.pagebar{
margin:10px 0 0 10px;
padding:0;
line-height:20px;
height:20px
}

div.pagebar a,.pagebar .now-page{
padding:1px 5px 2px 5px;
margin:0 2px;
text-align:center;
font-weight:bold;
font-family:Verdana;
border:1px solid #ccc;
text-decoration:none
}

div.pagebar a:hover{ /* 定义鼠标滑过页码样式 */
BACKGROUND: #4EB2ED; /* 鼠标滑过时候的背景颜色 */
COLOR: #000;/* 鼠标滑过时候的字码颜色 */
border:1px solid #0084DC;
text-decoration:none
}

div.pagebar .now-page{ /* 定义当前页码 */
BACKGROUND: #0066CC;  /* 当前页码颜色代码，自己改 */
COLOR: #000; /*当前页码的颜色 */
}

PS：网站设置的分页不要太多，我设定的是现实18个一张分页。

好了，大家看看下面的我的页面的截图吧~具体效果看看我的博客吧：

 

♦▐返回顶部