Name.com域名注册商常见问题解答

综合

什么是域名？为什么需要注册？

简单地说，域名是一种互联网标识，计算机之间可以通过域名系统将域名转换成IP地址来通讯。网站、邮件的应用都会涉及到域名。

在Name.com里注册域名有哪些好处？

获得认证

Name.com是获得ICANN认证的注册商，您在Name.com注册的域名是合法的，有保证的。

服务

Name.com提供实惠价格的同时，也提供了优质的服务。无论是个人还是公司，Name.com的员工都尽力使您获得成功。

价值

在Name.com公司注册域名，可获得：

免费的URL转发

免费的邮件转发

免费的域名注册信息保护

免费的域名解析

免费的域名转让（站内）

易于操作的帐户管理系统

售后服务

注册了域名，能使用哪些功能？

1. 获得域名

2. 邮件转发

3. 域名转发

4. 免费转让（站点）

5. 友好的管理界面

6. 域名锁

7. 免费的域名服务

8. 免费注册域名服务器

如何联系Name.com？

地址：Name.com / 125 Rampart Way / Suite 300 / Denver CO 80230 (美国科罗拉多州首府丹佛市)

帐户管理

如何创建帐户？

1. 在首页的右上角，点击 Login （登入）标签

2. 在 New Customers （新客户）栏中填写用户名及密码（至少6位字符）

3. 点击继续按钮

4. 为帐户填写默认的联系信息。每次域名注册，要求填写4种联系信息：注册人（所有者）、管理员、技术员与帐单。当然，也可以勾选页底的选项，这样，可以只填写一次，其它都使用相同的信息

5. 点击 My Account （我的帐户）查看您的帐户

如何登录帐户？

1. 在首页的右上角，点击 Login （登入）标签

2. 在 Returning Customers （老客户）栏中填写正常的用户名及密码（区分大小写）

3. 点击 Sign （登录）按钮

如何注册域名？

1. 登录您的Name.com帐户

2. 在欢迎页中，在页顶点击 Register a Domain （注册新域名）

3. 在 Find a Web Address （查询域名）页中，依次完成1到3步

4. 选中您打算订购的域名，点击 Add to Cart （添加到购物车）

5. 在 Your Shopping Cart （购物车）中，确定您想注册的年份数，如1年，2年等

6. 点击 Update （更新）后点击 Checkout （买单）

7. 在 Billing Infromation （帐单信息）页中，输入您的信用卡或PayPal帐户信息，勾选 Service Agreement （服务协议）后点击 Place My Order （处理订单）

几秒钟后，您的订单会得到处理，如何订购成功，在您的帐户中会看到已订购的产品，否则会提示您重新输入帐单信息

如何管理我的域名？

1. 打开 https://www.name.com

2. 在 Returning Customers （老客户）栏中填写正常的用户名及密码

3. 在欢迎页中，点击您想管理的域名

请注意，如果您的域名状态是“上锁”的话，请首先 Unlock Domain （解锁）后才能管理域名

如果为域名解锁？

1. 登录到您的Name.com帐户

2. 在欢迎页中，点击您的域名

3. 在 Manage domain name （域名管理）页中，点击 Unlock Domain （解锁）

4. 阅读相关的信息后，点击 Continue managin domain （继续）

基础版的域名有什么服务？

基础版（$6.99）的域名仅可以更改域名解析服务器，不包括高级的DNS解析服务，如URL转发等。

基础版适合那些有自己域名解析服务（如空间商提供了DNS解析）的客户。

完全版（$7.99）还有以下功能：

1. URL转发

2. 邮件转发

3. DNS解析（ A, MX 记录等）

*如何将域名从基础版升级到完全版？*

1. 登录到您的Name.com帐户

2. 在欢迎页中，点击您的域名

3. 在 Manage domain name （域名管理）页中，点击 here 升级

4. 在 Your Shopping Cart （购物车）中，选中 Add upgraded service... （服务升级），点击 Update （更新）

5. 输入帐单信息后，点击 Checkout （结算）

5. 最后，点击 Place My Order （提交订单）

什么是 Monitored Only Domains （域名监测）？

您可以从域名列表中选择一个来做监测，可以得到这个域名的相关信息，如Alexa排名、whois信息等。

在欢迎页中的域名列表中，选中其中的一个，点击 Add a domain to monitor （进行监测）

帐户更改

如何重置密码？

1. 访问name.com的主页

2. 打开帐户登录的页面，点击 Forgot your username or password （忘记用户名密码）的链接

3. 输入您的帐户用户名或域名，点击 Get Password （获得密码）

之后，系统会向域名上的域名管理联系信息中的邮件地址发送一个包含更改密码的超级链接

如果域名管理联系信息中的邮件地址失效呢？

可以通过域名管理联系信息中的电话或发信地址联系name.com公司，核实身份后可以更改邮件地址

如何更改密码？

1. 登录到您的name.com帐户

2. 在欢迎页中，在右侧的控制面板中，点击 Change Password （更改密码）

3. 输入您当前使用的密码

4. 前后两次输入新设置的密码

如何更改默认的联系信息？

1. 登录到您的name.com帐户

2. 在欢迎页的右侧控制面板中，点击 Edit Account Defaults （编辑帐户的默认设置）

3. 输入帐户的默认联系信息。每个域名都要求有4类信息：所有人、管理员、技术员、帐单的联系信息

4. 点击 Update （更新）

如何创建子帐户？

1. 登录到您的name.com帐户

2. 在欢迎页的右侧控制面板中，点击 Create and manage sub accounts （创建或管理子帐户）

3. 为子帐户设置用户名及密码，点击 Submit （提交）

域名管理

如何设置URL转发？

1. 登录到您的name.com帐户

2. 在欢迎页，选中您需要管理的域名，在 Manage domain name （管理域名）页中，点击 URL Forwarding （URL转发）

3. 请阅读相关说明后，点击 Enable URL forwarding for YOURDOMAINNAME.COM （为该域名启用URL转发）

4. 在 Point to （指向）项中填写需要转发的目的地址，但不能指向三级域名，如 my.abc.com

5. 选择是 masked （隐藏）还是 redirect （显式）转发。隐藏式转发不会将转发的目的地址显示在浏览者的浏览器上，显式会

6. 可以为页面增加页面标题

7. 点击 Update （更新）

注意：只有您使用name.com的解析服务器时，该功能才有效

如何设置邮件转发？

1. 登录到您的name.com帐户

2. 在欢迎页中，选择您想管理的域名

3. 在 Manage domain name （管理域名）页中，点击 Email Services （邮件服务）

4. 在 Email Forwarding （邮件转发）一栏中，创建您想使用与接受转发的邮件地址

5. 点击 Submit （提交）

注意：只有您使用name.com的解析服务器时，该功能才有效

DNS管理

什么是主机名？

主机名用于计算机在互联网中标识自己，用于的通讯

要填写多少个域名解析服务器地址？

通常，服务商会至少提供2个，一主一辅。您按照服务商提供的填写就可以了

如何更改域名的解析服务器？

1. 登录到您的name.com帐户

2. 在欢迎页中，选择需要修改的域名

3. 在 Manage domain name （管理域名）页中，点击 Edit Name Servers （编辑域名解析服务器）

4. 可以使用 Remove （删除）原有的， Add （添加）新的域名解析服务器地址

可能需要24小时，才能让修改后的设置生效

如何创建自己的域名解析服务器？

1. 登录到您的name.com帐户

2. 在欢迎页中，选择您想编辑的域名

3. 3. 在 Manage domain name （管理域名）页中，点击 Rgeister a Name Server （注册域名解析服务器）

4. 输入主机名如( ns1, ns2 )，点击 Continue （继续）

5. 然后输入对应的解析服务器地址，点击 Add IP （添加IP地址）

注意：您可以注册多个域名解析服务器，但每个主机对应于一个不同的IP。在 Register a Name Server （注册域名解析服务器）与 Modify a Name Server （修改域名解析服务器）并不会显示您已创建的域名解析服务器

如何修改已创建的域名解析服务器？

1. 登录到您的name.com帐户

2. 在欢迎页中，点击需要修改的域名

3. 在 Manage domain name （管理域名）页中，点击 Modify a Name Server （修改域名解析服务器）

4. 输入原先创建的主机名，选中 Delete IP from Name Server （删除域名解析服务器对应的IP），输入相应的IP地址，点击 Continue （继续）

什么是主机记录？

是将对于基于主机名的访问，解析到IP地址

为什么用主机记录多过URL转发？

使用主机记录显得直接、方便。URL转发，需要经过name.com公司的URL转发服务器，多了一层手续

什么是MX记录？

是将邮件寻址正确指到您的邮件服务器

如何添加（MX, A, TXT, CNAME等）记录

1. 登录到您的name.com帐户

2. 在欢迎页中，点击需要修改的域名

3. 在 Manage domain name （管理域名）页中，选择右侧的 DNS Management （DNS管理）

4. 在 DNS Management - Record （DNS详情）中，点击 Add a record （添加新记录）链接

5. 在输入框中输入正确的信息，如有不懂的地方，可咨询空间商或技术员

6. 点击 Submit （提交）

注意：完成添加后，会提示 A record has been added for yourdomainname.com （已经为该域名添加记录），如不肯定，请重新回到 DNS Management - Record （DNS详情）中查看

在name.com添加DNS记录有前提是使用name.com公司的域名解析服务器。一般，DNS记录的传递更新需要24小时

域名续费

如何知道续费的时间？

您可以在帐户里设置域名过期通知邮件，如过期前90, 60, 45, 30, 15, 10, 5, 1天通知。请及时更新管理员中的联系资料

如何为域名续费？

1. 登录到您的name.com帐户

2. 在欢迎页中的右侧，选择 Renew A Domain （为域名续费）

3. 选中需要续费的域名，点击 Renew （续费）

4. 在 Your Shopping Cart （购物车）页的 Domain Renewal （续费），选择要续费的年数，如1, 2年，点击 Update （更新）后点击 Checkout （付款）

5.在 Billing Infromation （帐单信息）页中，填写正常的支付信息，且勾选 Yes, I have read... （同意某某某），最后点击 Place My Order （埋单）

提交后，会有页面提示是否成功处理订单，您也可以返回到帐户中查看相应的域名信息有没有发生变化

迁入

如何将域名从别处迁入到name.com？

1. 登录您的name.com帐户或创建一个

2. 点击页顶的 Transfer to Name.com （迁入到name.com）

3. 在 Transfer to Name.com （迁入到name.com）的页面中，输入域名和相应的 authorization code(s) (转移授权码)，点击 Continue （继续）

4. 接下来，填写帐单信息，最后点击 Proceed With Transfer Request （完成迁移请求）

在您提交迁移请求后，name.com会通过电子邮件向该域名的管理员取得证实，如是，在5-7天内可以完成。如果不迁移不成功，name.com也会通过邮件通知您，且退还您已付的款项（一年续费价格）

如何查看到迁移的状态？

1. 登录到您的name.com帐户

2. 在欢迎页中，点击 View your pending and completed transfers （查看请求迁移或已完成迁移的域名）

3. 在 Domain Transfer Status （域名迁移状态）页中，可能查看到以下信息：

1. Data Submitted （您提交迁入请求的时间）

2. Domain Name （迁入的域名）

3. Authoritative Email Address （授权通知邮件地址）

4. Losing Registrar （原注册商）

5. Registrar Query Attempts （向原注册商发出查询请求的次数）

6. Registry Status （现在域名的状态），如 Registrar-Lock/Hold （被注册商上锁）、 clientUpdateProhibited （禁止更新）、 Client Transfter Prohibited （禁止迁出）的情况下是迁出不成功的

7. Status （状态）

(0) Transfer process will begin with 24 hours （24小时后进行迁出）

(1) Whois information has been queried （已发出whois查询）

(2),(3) Administratior has been emailed for transfer authorization （管理员已经发出请求授权迁入）

(4) Transfer has been quthorized by Administrator （迁入已经得到授权）

(5) Transfer has been submitted to the central Registry for approval （已经向注册中心提交迁入请求）

如何在name.com站点转让域名？

买家：

1. 如果没有name.com的域名，请创建一个

2. 将帐户名提供给卖家

卖家：

1. 登录到您的name.com帐户

2. 在欢迎页，点击要转让的域名

3. 在 Manage domain name （域名管理）页中，选择 Account Transfer （域名转让）或 Bulk transfer names from this account to another name.com account （批量将该帐户名下的域名转让到name.com的另一个帐户）

4. 输入买家的帐户名，勾选适当的联系方式，点击 Submit （提交）

一般，在24小时内会完成域名转让

请注意，name.com在此过程中，不担当交易中介的角色，买卖双方自己把握分寸，保护自己的利益，如需要name.com参与，请在交易前电话联系name.com公司

支付与帐单

name.com接受哪些支付方式？

VISA, Mastercard信用卡，American Express与PayPal

有其他支付方式吗？

《财富》1000强的公司、非营利组织与政府机构可以联系name.com公司特别约定，但有额外的费用

信用卡的信息能得到保护吗？

当然。与name.com公司的会话全部是使用SSL加密的

遇到信用卡支付失败，如何是好？

用信用卡支付的过程大概是这样的：

1. name.com公司的计算机系统向您的发卡行发出查询，是否有足够的信用额来完成本次订购

2. 当发卡行收到结算请求时，得到授权后，会从您的信用卡信用额中扣除相应的款项

请注意，在这步中，name.com并没有收到钱，而是临时被发卡行冻结了，如果没有完成下面的第3步，那么发卡行会在4-5个工作日会为这笔款项解冻的

3. 如果name.com检测到客户的订单是有效的，会从您的信用卡扣除相应的款项

需要特别说明的是，如果在第3步操作失败，可能您在网上查询或即时帐单中显示这笔款已经被扣除了，但事实上没有。再过4-5个工作日，涉及的款项会重新回到您的信用卡帐户的

使用PayPal支付失败，怎么办？

当您选择使用PayPal来支付时，结算的时候会被定向到PayPal站点的页面，在PayPal站点的会话最后，必须要点击Continue（继续）按钮返回到name.com的页面才算完成支付。否则，有可能支付失败。

如果您直接将款项通过PayPal发送到support@name.com，name.com的员工会手工帮您将款项充值到您的name.com帐户中。如支付失败，name.com会归还相应的款项

有更实惠的价格吗？

很抱歉，现有的价格已经是很实惠的了

如果取消已注册的域名，有退款吗？

域名一旦成功注册，不能退款。name.com也不会自动为域名续费，除非客户自己手动续费

可以更改已注册的域名吗？

不能

rm -rf mydir /* 删除mydir目录 */

cd mydir /* 进入mydir目录 */

cd – /* 回上一级目录 */

cd ~ /* 回根目录 */

mv tools tool /* 把tools目录改名为tool */

ln -s tool bac

/* 给tool目录创建名为bac的符号链接,最熟悉的应该就是FTP中www链接到public_html目录了 */

cp -a tool /home/leavex/www /* 把tool目录下所有文件复制到www目录下 */

rm go.tar /* 删除go.tar文件 */

find mt.cgi /* 查找文件名为mt.cgi的文件 */

df –h /* 查看磁盘剩余空间,好像没这个必要，除非你太那个了 */

tar xvf wordpress.tar /* 解压tar格式的文件 */

tar -tvf myfile.tar /* 查看tar文件中包含的文件 */

gzip -d ge.tar.gz /* 解压.tar.gz文件为.tar文件 */

unzip phpbb.zip /* 解压zip文件，windows下要压缩出一个.tar.gz格式的文件还是有点麻烦的 */

tar cf toole.tar tool /* 把tool目录打包为toole.tar文件 */

tar cfz geek.tar.gz tool

/* 把tool目录打包且压缩为geek.tar.gz文件，因为.tar文件几乎是没有压缩过的，MT的.tar.gz文件解压成.tar文件后差不多是10MB */

wget http://www.sevenapart.com/download/wp.tar.gz

/*下载远程服务器上的文件到自己的服务器，连上传都省了，服务器不是100M就是1000M的带宽，下载一个2-3兆的MT还不是几十秒的事 */

wget -c http://www.eightapart.com/undone.zip

/* 继续下载上次未下载完的文件 */

tar cfz geek.tar.gz tool

/* 把tool目录打包且压缩为geek.tar.gz文件，因为.tar文件几乎是没有压缩过的，MT的.tar.gz文件解压成.tar文件后差不多是10MB */

退出SSH后，继续运行！

#nohup wget http://www.phpv.net/file.tar.gz &

wget是一个Linux环境下用于从World Wide Web上提取文件的工具，这是一个GPL许可证下的自由软件，其作者为Hrvoje Niksic 。wget支持HTTP和FTP协议

，支持代理服务器和断点续传功能，能够自动递归远程主机的目录，找到合乎条件

的文件并将其下载到本地硬盘上；如果必要，wget将恰当地转换页面中的超级连接以在本地生成可浏览的镜像。由于没有交互式界面，wget可在后台运行，截获并忽略HANGUP信号，因此在用户推出登录以后，仍可继续运行。通常，wget用于成批量地下载Internet网站上的文件，或制作远程网站的镜像。

语法:

wget [options] [URL-list]

URL地址格式说明:可以使用如下格式的URL:

http://host[:port]/path

例如:

http://fly.cc.fer.hr/

ftp://ftp.xemacs.org/pub/xemacs/xemacs-19.14.tar.gz

ftp://username:password@host/dir/file

在最后一种形式中，以URL编码形式为FTP主机提供了用户名和密码（当然，也可以

使用参数提供该信息，见后）。

参数说明：

wget的参数较多，但大部分应用只需要如下几个常用的参数：

-r 递归；对于HTTP主机，wget首先下载URL指定的文件，然后（如果该文

件是

一个HTML文档的话）递归下载该文件所引用（超级连接）的所有文件（递归深度由

参数

-l指定）。对FTP主机，该参数意味着要下载URL指定的目录中的所有文件，递归方

法与

HTTP主机类似。

-N 时间戳：该参数指定wget只下载更新的文件，也就是说，与本地目录中

的对

应文件的长度和最后修改日期一样的文件将不被下载。

-m 镜像：相当于同时使用-r和-N参数。

-l 设置递归级数；默认为5。-l1相当于不递归；-l0为无穷递归；注意，

当递

归深度增加时，文件数量将呈指数级增长。

-t 设置重试次数。当连接中断（或超时）时，wget将试图重新连接。如

果指

定-t0，则重试次数设为无穷多。

-c 指定断点续传功能。实际上，wget默认具有断点续传功能，只有当你使

用别

的ftp工具下载了某一文件的一部分，并希望wget接着完成此工作的时候，才需要

指定

此参数。

使用举例：

wget -m -l4 -t0 http://oneweb.com.cn/

将在本地硬盘建立http://oneweb.com.cn/的镜像，镜像文件存入当前目录下一个名为oneweb.com.cn的子目录中（你也可以使用-nH参数指定不建立该子目录，而直接在当前目录下建立镜像的目录结构），递归深度为4，重试次数为无穷（若连接出现问题，wget将坚韧不拔地永远重试下去，知道任务完成！）

另外一些使用频率稍低的参数如下：

-A acclist / -R rejlist：

这两个参数用于指定wget接受或排除的文件扩展名，多个名称之间用逗号隔开。例

如，假设我们不想下载MPEG视频影像文件和.AU声音文件，可使用如下参数：

-R mpg,mpeg,au

其它参数还有：

-L 只扩展相对连接，该参数对于抓取指定站点很有用，可以避免向宿主

主机的其他目录扩散。例如，某个人网站地址为：http://www.xys.org/~ppfl/，使用如下命令行：

wget -L http://www.xys.org/~ppfl/

则只提取该个人网站，而不涉及主机www.xys.org上的其他目录。

-k 转换连接：HTML文件存盘时，将其中的非相对连接转换成为相对连接。

-X 在下载FTP主机上的文件时，排除若干指定的目录

另外，下面参数用于设置wget的工作界面：

-v 设置wget输出详细的工作信息。

-q 设置wget不输出任何信息。

如果我们已经在一个HTML文档（或普通文本文档）中存储了所要提取的文件的连接

，可以让wget直接从该文件中提取信息，而不用在命令行中提供URL地址，参数格式：

-i filename

地址文件也可以不是HTML文档，例如，一个普通的文本文件，其中有需要下载的

URL列表即可。

我们可以用以下技巧提高下载速度：由于Linux是一个多任务系统，我们可以同时

运行多个wget进程以提高下载速度，例如，先下载某主页文件（index.html），然后将该文件所列出的所有地址分别用一个独立的wget进程进行下载。

至于其他的参数，可参考wget的man手册页，命令为：

man wget

DreamHost中shell使用指南

1. Basic Instructions基本操作命令

通常来说，使用”$[Instructions] –help”可以获得以下各个命令[instructions]的帮助，包含其参数列表的定义。

-ls 列出当前文件夹下所有内容

$ls -o 列出当前文件夹中所有内容，含详细信息，但不列出group

$ls -l 同上，含group信息

$ls -a 列出当前文件夹中所有内容，包含以”.”开头的文件

$ls -t 按更改时间排序

$ls -v 按版本先后排序

-cd [dir] 进入文件夹

-pwd 显示当前路径

-mkdir [dir] 新建文件夹

-chmod 更改文件/文件夹权限

$chmod [Mode] [dir]，其中Mode形如”755″或”777″等。

$chmod [Mode] [file]

$chmod -R [Mode] [dir]，递归形式，即将目标文件夹内所有文件均改变权限

Mode还有另一种表达方式，”755″即为”-rwxr-xr-x”，不列举了。

-rm [file] 删除文件/文件夹

$rm -f [file] 强行删除，忽略不存在的文件，无提示

$rm -r [file] 递归删除所有内容

-cp 拷贝

$cp [options] [source] [destination]

其中[options]可以为-f（强行拷贝）或-r（递归拷贝）

-mv 重命名或移动

$mv [options] [source] [destination]

[options]常用：-f(强行移动/重命名), -i(移动/重命名前尝试), -u(更新)

例如

$mv wwwroot/cgi-bin . 将/cgi-bin目录移动到当前目录下

$mv cronfile.txt myfile.txt 将cronfile.txt重命名为myfile.txt

2. wget下载工具

wget是一种非交互式的网络文件下载工具，在linux下可以使用该工具快速地从网络上下载所需要的文件而不需要经由本地硬盘中转，而且速度极快。以下是一些使用方法：

wget [参数列表] URL

最简单的用法:

$wget http://targetdomain.com/file.tar

wget的常用参数：

· -t [nuber of times]：尝试次数，当wget无法与服务器建立连接时，尝试连接多少次。比如”-t120″表示尝试120次。当这一项为”0″的时候，指定尝试无穷多次直到连接成功为止，这个设置非常有用，当对方服务器突然关机或者网络突然中断的时候，可以在恢复正常后继续下载没有传完的文件；

· -c：断点续传，这也是个非常有用的设置，特别当下载比较大的文件的时候，如果中途意外中断，那么连接恢复的时候会从上次没传完的地方接着传，而不是又从头开始，使用这一项需要远程服务器也支持断点续传，一般来讲，基于UNIX/linux的Web/FTP服务器都支持断点续传；

· -T [number of seconds]：超时时间，指定多长时间远程服务器没有响应就中断连接，开始下一次尝试。比如”-T120″表示如果120秒以后远程服务器没有发过来数据，就重新尝试连接。如果网络速度比较快，这个时间可以设置的短些，相反，可以设置的长一些，一般最多不超过900，通常也不少于60，一般设置在 120左右比较合适；

· -w [number of seconds]：在两次尝试之间等待多少秒，比如”-w 100″表示两次尝试之间等待100秒；

· -nd：不下载目录结构，把从服务器所有指定目录下载的文件都堆到当前目录里；

· -x：与”-nd”设置刚好相反，创建完整的目录结构，例如”wget -nd http://www.gnu.org/ “，实际的目录结构一级一级建下去，直到所有的文件都传完为止；

· -nH：不创建以目标主机域名为目录名的目录，将目标主机的目录结构直接下到当前目录下；

· -r：递归下载，在本机建立服务器端目录结构；

· -l [depth]：下载远程服务器目录结构的深度，例如”-l 5″下载目录深度小于或者等于5以内的目录结构或者文件；

· -m：做站点镜像时的选项，如果你想做一个站点的镜像，使用这个选项，它将自动设定其他合适的选项以便于站点镜像；

· -np：只下载目标站点指定目录及其子目录的内容。这也是一个非常有用的选项，我们假设某个人的个人主页里面有一个指向这个站点其他人个人主页的连接，而我们只想下载这个人的个人主页，如果不设置这个选项，甚至–有可能把整个站点给抓下来，这显然是我们通常不希望的；

· –http-user=username

· –http-passwd=password：如果Web服务器需要指定用户名和口令，用这两项来设定；

· -O 将数据写入文件中。

3. Crontab 定时执行任务

在DreamHost系统下, 通过Shell可以建立自己的crontab. 具体使用如下:

使用支持shell登录的终端(如fterm或putty), 地址栏输入 username@hostguide.cn:22即可以SSH方式登录至服务器.

常用的crontab命令:

crontab -l 显示所有现存cron job.

crontab -r 删除当前cron jobs.

crontab -e 编辑当前 “crontab file”. DH推荐使用nano

注意你的crontab包含所有的cron jobs, 每个cron一行, 断行结尾. 一个正常的cron如下所示:

45 2 * * * /home/user/script.pl

第一个数字是每小时的第几分钟,

第二个数字是每天的第几小时,

第三个数字是每月的第几天,

第四个数字是每年的第几月,

第五个数字是每周的第几天.

使用方式例如:

32 * * * * : 表示每小时的第32分钟.

12,42 * * * * : 表示每小时的第12及第42分钟两次

*/15 */2 * * *: 表示0:00, 0:15, 0:30, 0:45, 2:00, 2:15, 2:30, …

43 18 * * 7: 表示每个周日的6:43pm运行命令行.

在DreamHost下使用nano编辑完文件后，使用ctrl+o保存，ctrl+x退出编辑。

4. tar命令

tar命令的使用方法如下：

tar [参数列表] [文件名]

参数列表：

-c 生成新的备份，并同时覆盖旧的备份文件

-x 从备份文件中解压缩

-t 列出备份文件内的文件目录

-v 显示所有被操作文件列表

-f 在指定位置生成备份

-u 将不存在于备份中的文件，或将已经被更改的文件加入该备份中。

举例说明：

tar cvf filename.tar /*制作备份*/

tar cvf tarfile.tar ./filename /*将filename的文件备份到tarfile.tar里面*/

tar tvf filename.tar /*列出tar文档的内容*/

tar xvf filename.tar /*从tar文档中导出文件*/

tar zxpvf filename.tar.gz /*从tar.gz文档中导出文件*/

tar zxvf filename.tar.gz /*同上*/

tar xvf tarfile.tar ./filename /*导出tar文件中的单个文件*/

5. vi编辑器

Linux下很易用的一种编辑器，只需要稍微知道几个指令即可应用。

打开vi：

$vi [filename]：打开或新建文件，并将光标置于第一行首

$vi +n [filename] ：打开文件，并将光标置于第n行首

$vi + [filename] ：打开文件，并将光标置于最后一行首

$vi +/pattern [filename]：打开文件，并将光标置于第一个与pattern匹配的串处

$vi -r [filename] ：在上次正用vi编辑时发生系统崩溃，恢复filename

$vi [filename]….[filename] ：打开多个文件，依次编辑

如果filename不存在，则自动生成一个名字filename的新文件。

vi共有两种状态：命令状态/编辑状态

编辑状态下：

第一次按下insert键为”insert”模式，再按一下为”replace”模式，使用ESC返回命令状态；

在此状态下键盘的PgUp/PgDn/Insert/Delete/Home/End/方向键，均处于正常功能状态。

命令状态下：

输入的字符串作为命令处理，使用”insert”键切换到编辑状态；

以下是命令状态下的命令清单：

移动光标类命令

h ：光标左移一个字符

l ：光标右移一个字符

space：光标右移一个字符

Backspace：光标左移一个字符

k或Ctrl+p：光标上移一行

j或Ctrl+n ：光标下移一行

Enter ：光标下移一行

w或W ：光标右移一个字至字首

b或B ：光标左移一个字至字首

e或E ：光标右移一个字j至字尾

) ：光标移至句尾

( ：光标移至句首

}：光标移至段落开头

{：光标移至段落结尾

nG：光标移至第n行首

n+：光标下移n行

n-：光标上移n行

n$：光标移至第n行尾

H ：光标移至屏幕顶行

M ：光标移至屏幕中间行

L ：光标移至屏幕最后行

0：（注意是数字零）光标移至当前行首

$：光标移至当前行尾

屏幕翻滚类命令

Ctrl+u：向文件首翻半屏

Ctrl+d：向文件尾翻半屏

Ctrl+f：向文件尾翻一屏

Ctrl＋b；向文件首翻一屏

nz：将第n行滚至屏幕顶部，不指定n时将当前行滚至屏幕顶部。

插入文本类命令

i ：在光标前

I ：在当前行首

a：光标后

A：在当前行尾

o：在当前行之下新开一行

O：在当前行之上新开一行

r：替换当前字符

R：替换当前字符及其后的字符，直至按ESC键

s：从当前光标位置处开始，以输入的文本替代指定数目的字符

S：删除指定数目的行，并以所输入文本代替之

ncw或nCW：修改指定数目的字

nCC：修改指定数目的行

删除命令

ndw或ndW：删除光标处开始及其后的n-1个字

do：删至行首

d$：删至行尾

ndd：删除当前行及其后n-1行

x或X：删除一个字符，x删除光标后的，而X删除光标前的

Ctrl+u：删除输入方式下所输入的文本

搜索及替换命令 :

/pattern：从光标开始处向文件尾搜索pattern

?pattern：从光标开始处向文件首搜索pattern

n：在同一方向重复上一次搜索命令

N：在反方向上重复上一次搜索命令

：s/p1/p2/g：将当前行中所有p1均用p2替代

：n1,n2s/p1/p2/g：将第n1至n2行中所有p1均用p2替代

：g/p1/s//p2/g：将文件中所有p1均用p2替换

选项设置

all：列出所有选项设置情况

term：设置终端类型

ignorance：在搜索中忽略大小写

list：显示制表位(Ctrl+I)和行尾标志（$)

number：显示行号

report：显示由面向行的命令修改过的数目

terse：显示简短的警告信息

warn：在转到别的文件时若没保存当前文件则显示NO write信息

nomagic：允许在搜索模式中，使用前面不带“\”的特殊字符

nowrapscan：禁止vi在搜索到达文件两端时，又从另一端开始

mesg：允许vi显示其他用户用write写到自己终端上的信息

最后行方式命令

：n1,n2 co n3：将n1行到n2行之间的内容拷贝到第n3行下

：n1,n2 m n3：将n1行到n2行之间的内容移至到第n3行下

：n1,n2 d ：将n1行到n2行之间的内容删除

：w ：保存当前文件

：e filename：打开文件filename进行编辑

：x：保存当前文件并退出

：q：退出vi

：q!：不保存文件并退出vi

：!command：执行shell命令command

：n1,n2 w!command：将文件中n1行至n2行的内容作为command的输入并执行之，若不指

定n1，n2，则表示将整个文件内容作为command的输入

：r!command：将命令command的输出结果放到当前行 。Adminis

mysql的一些乱七八糟的东西

mysql的一些乱七八糟的东西 使用MYSQL半年，自己经常用的东西- -

Mysql –h192.168.0.110 –uks –p –P4444登录

Mysqladmin –h192.168.0.110-uks –p reload重新加载用户表

Mysqldump –R –h192.168.0.110 –uks –p test>c:/test.sql备份

Mysql –h192.168.0.110 –uks –p test

Windows下net stop mysql关闭服务

Net start mysql 开启服务

Linux下 service mysql stop关闭

Service mysql start 开启

Service mysql restart重启服务

Linux下开机自动启动mysql

#>chkconfig –add mysql 开机启动

Chkconfig –del mysql 关闭自动启动

Chkconfig – -list 查看服务启动情况

Mysql命令行下

Explain select……..查看该SELECT语句信息

Show variables查看系统变量

Show status 常看当前服务器状态

Show databases;

Show tables;

Show processlist

Show warnings;(查看最近一个警告或错误)

Set global xxxx=xxxx;

Flush ……清楚mysql使用的部分内部缓存

Information_schema.tables表信息

Mysql动态语句5.1

只支持create table,delete,do ,insert,replace,select set ,update语句

Describe tablename查看该表结构

Optimize table XXX 清理该表中已删除的链接（可以释放一些资源）

Source c:abc.sql 在MYSQL命令行中执行脚本

Select

Create

Insert

Update

Alter

Grant

revoke

就不说了= =

Mysql 数据库名最长 64位字符串

表名….. 64位字符串

字段名……. 64位字符串

用户名…….. 16位字符串

密码……… 貌似没限制

Handler（很牛X的东东）

Handler testt open as abc;

Handler abc read id=(123456);

Handler abc close;

Benchmark(n,expr)执行N次EXPR并测算时间

Post in LAMP | No Comments »

MYSQL在命令行创建存储过程

MYSQL在命令行创建存储过程 如何在MYSQL命令行创建存储过程

今天早上在百度知道碰到这个问题，我开始没看明白…….后来才知道提问人的意思是要在命令行下创建存储过程。很感谢这个问题，因为我也不会呵呵，我一直都用EMS创建这些东西…….

我也尝试了一些方法，但是第一个分号mysql就以为语句结束了，就拿那个例子来说：

CREATE PROCEDURE p7 (IN b INTEGER(12))

begin

declare a INTEGER(12);

set a=5;

INSERT INTO t VALUES (a);

SELECT s1*a FROM t WHERE b<=s1;

End

这个存储过程，在命令行直接创建的话，在第三排你输入分号后就报错了……因为MYSQL以为这个语句结束了，那对于MYSQL而言

CREATE PROCEDURE p7 (IN b INTEGER(12))

begin

declare a INTEGER(12);

肯定是个错误语句。

然后看了些东西，原来要加分隔符- -……….

DELIMITER //

CREATE PROCEDURE p7 (IN b INTEGER(12))

begin

declare a INTEGER(12);

set a=5;

INSERT INTO t VALUES (a);

SELECT s1*a FROM t WHERE b<=s1;

End

//

就OK了…………意思就是说在//……//之间的当成一个语句执行所以MYSQL接到的才是这个存储过程完整的创建语句。

Post in LAMP | No Comments »

mysql 基本命令

01月 27th, 2008

基础介绍:

1.在linux下使用下列命令,请确认mysql的bin目录是否已经加入到PATH路径中,或者是已经进入到mysql安装路径下的bin目录

查看PATH

shell> echo $PATH

或者

shell> cd /usr/local/mysql/bin

2.windows下,请运行cmd后,同样检查mysql的bin目录是否已加入到系统的PATH路径中,或直接进入mysql的安装目录

下面所有操作都是确认你以检查mysql的bin目录已加入到系统的PATH路径中,或已经进入mysql的安装目录的bin目录下

1]如何创建mysqld数据库的管理用户？

数据库安装好后，我们应该为mysql数据库创建一个管理帐号。要把root用户设置为管理员，我们应该运行下面的命令；

shell> mysqladmin -u root password 123456

通过上面的命令，我们可以知道，mysql数据库的管理员是root，密码是123456。

2]如何进入mysql数据库？以mysql数据库管理员root，密码为123456为例；

shell> mysql -uroot -p123456

输出上面的命令后，出现的是如下的提示；

Welcome to the MySQL monitor. Commands end with ; or /g.

Your MySQL connection id is 6 to server version: 3.23.58

Type ‘help;’ or ‘/h’ for help. Type ‘/c’ to clear the buffer.

mysql>

注意：操作这些命令的时候，应该把mysqld服务器打开。这些新手兄弟早就知道了吧：)

3]如何在数据库中操作命令呢，我想这是mysql手册都有的，我主要说几个要注意的地方。其实我也会不了几个命令。如果自己想学的弟兄，也不是什么难事；在windows中操作过mysql的，其实在这里也是一样的，mysql是跨平台的数据库，用法都是相同的。

在mysql数据库中，每操作一个命令，都是;号结尾的，可能有的新手弟兄，忘记输入了；号结尾，结果退不出来。:):)

1]查看mysql中都有哪些数据库？

代码:

mysql>

show databases;

+———-+

| Database |

+———-+

| mysql |

| test |

+———-+

2 rows in set (0.00 sec) mysql>

在mysql安装好，设置好管理员后，第一次进入系统，我们用show databases;命令查看数据库的列表，发现有两个数据库，mysql和test，这是系统自建的，是让大家练习用的。

4]如何创建和删除一个数据库？

比如我要创建一个名为linux的数据库，应该运行如下命令

mysql> create database [数据库名];

所以我们应该运行如下的命令，来创建名为linux的数据库

mysql> create database linux;

Query OK, 1 row affected (0.00 sec)

是不是建好了呢？？肯定是建好了，因为都有OK了:)

查看是不是有linux这个数据库了呢？

代码:

mysql> show databases;

+———-+

| Database |

+———-+

| linux |

| mysql |

| test |

+———-+

3 rows in set (0.00 sec)

那我们如何删除一个数据库呢？？

mysql> drop database [数据库名];

比如我们要把刚才创建的linux数据库删除，应该用下面的命令；

mysql> drop database linux;

Query OK, 0 rows affected (0.00 sec)

是不是已经删除了呢？？

代码:

mysql> show databases;

+———-+

| Database |

+———-+

| mysql |

| test |

+———-+

2 rows in set (0.00 sec)

5]如何操作一个数据库呢，这个问题就比较多了，建议还是看一下mysql的手册吧。里面的东西太多了。如果操作一个数据库，首先是要指定一个数据库为当前数据库，应该用use命令

mysql>use [数据库];

比如我想指定linux这个数据库为当前数据库，应该是

mysql> use linux;

Database changed

6]如何备份数据库？？

比如我们要备份mysql中已经存在的名为linux的数据库，要用到命令mysqldump

命令格式如下：

shell> mysqldump -uroot -p linux > /root/linux.sql

Enter password:在这里输入数据库的密码

通过上面的命令，我们要明白两件事，首先备份数据库是要以数据库管理员的身份备份；其次：备份目的地是/root，备份的文件名是linux.sql。其实备份的位置和文件名，根据自己的情况来定。文件名可以自己来取，路径也可以自己来安排；

比如我想把linux的数据库备份到/home/beinan，数据库的文件名为linuxsir031130.sql，所以应该输入如下的命令。

shell> mysqldump -uroot -p linux > /home/beinan/linuxsir031130.sql

Enter password:在这里输入数据库管理员root的数据库密码

这样我们到/home/beinan目录下就能发现mysql中名为linux的数据库的备份文件linuxsir031130.sql

综上所述，我们学习时要学会变通。:):)

5]如何把把备份的数据库导入到数据库中？

首先我们还是要操作上面几个过程，比如添加数据库管理员(如果您没有添加过mysql数据库管理员的话)，创建数据库等。

比如我们要把在/home/beinan这个目录中的linuxsir031130.sql这个备份，导入名为linux的数据库中，应该如下操作；

shell> mysql -uroot -p linux < /home/beinan/linuxsir031130.sql

Enter password:在这里输入密码

如果机器好，数据库比较小，几分钟就好了。

6]其它一些比较常用的mysql指令；

查看状态

mysql> show status;

查看进程

代码:

mysql> show processlist;

+—-+——+———–+——+———+——+——-+——————+| Id | User | Host | db | Command | Time | State | Info |

+—-+——+———–+——+———+——+——-+——————+| 16 | root | localhost | NULL | Query | 0 | NULL | show processlist |

+—-+——+———–+——+———+——+——-+——————+

1 row in set (0.00 sec)

查看表，应该先指定一个数据库为当前数据库；比如是名为linux的数据库；

mysql>use linux;

mysql> show tables;

Empty set (0.00 sec)

7]对mysql数据库常用命令的一点补充；

几个常用的mysql相关的管理命令

mysql 命令：基本文本的，显示和使用的mysql数据库。前面已经简单的提过用法；比如登录等。

mysqladmin 命令，用来创建和维护mysql数据库的命令，前面已经简单的提过；

isamchk 是用来修复、检查和优化.ism后缀的数据库文件；

mysqldump 是用于备份数据库，前面已经简单的说明过；

myisamchk 用来修复.myi后缀的数据库文件；

比如我们要检查名为linux的数据库.myi数据库表是否存在问题，应该用下面的命令；

要把mysqld服务器停下来

shell> ../share/mysql.server stop

然后执行

shell> myisamchk ../var/linux/*.MYI

上面的命令的意思就是检查所有的.myi文件，数据库的目录在../var/linux/目录中

如果有问题，应该用-r参数来修复

shell> myisamchk -r ../var/linux/*.MYI

6]mysqlshow 命令：显示用户选择的数据库和表

shell> mysqlshow -uroot -p [数据库名]

比如我要查看名为linux的数据库；应该是：

shell> mysqlshow -uroot -p linux

好了,到这里,你可能已经知道命令行下的所有基本操作了~

ps:补充一个。。

更改ROOT帐号名。

update set user=”新名字” where user=”旧名字”;

自己补充：

在windows中的关闭mysql命令 net stop mysql ；启动是net start mysql

OPTIMIZE TABLE “;优化表

Post in LAMP | No Comments »

ib_logfile0和ib_logfile1,为INNODB数据LOG文件

01月 27th, 2008

ASK: 我的系统是windows2003,最近装了MYSQL5.0后发现C盘容量剧减,后来仔细检查了一下,发现ib_logfile0和 ib_logfile1竟然用了600多M,现在C盘8G的空间就剩余200M了,请问我要怎样转移ib_logfile0和ib_logfile1文件到D盘呢?

DA: ib_logfile0和ib_logfile1,为INNODB数据LOG文件,先停下数据库.

将这三个文件拷到它处

修改MY.INI配置文件, 参数改为新目录

—————————

innodb_log_group_home_dir

The directory path to the InnoDB log files. It must have the same value as innodb_log_arch_dir. If you do not specify any InnoDB log parameters, the default is to create two 5MB files names ib_logfile0 and ib_logfile1 in the MySQL data directory.

————

再启动

不过有个问题,LOG文件是固定不变,用来存储未提交的数据,一般设为几十兆就可以了,你的是否设置有问题.

最近国家严打低俗网站造成国内站长人心惶惶，通过国内电玩巴士和多玩的域名被hold使很多站长对在国内注册域名失去了信心。很多站长纷纷把域名转到国外，建议在国外注册域名。以下是本人在国外注册域名的一些经验希望能给各位站长一些收获。

　　国外域名注册商有很多不过国内站长用得多比较多的是godaddy、name,domainsite、namecheap、enom。很多人认为国外注册域名非常麻烦其实很方便价格跟国内还相差无几甚至比较便宜，而且管理非常方便。国内注册的域名几乎都可以直接push过户，转出也很简单。不像国内为了利益限制你转出域名。以下以本人在name.com注册域名为例，首先在国外注册域名要有信用卡或者paypal。如果没有信用卡可以使用paypal，首先注册paypal帐户，注意paypal要注册国际的帐户不要注册国内的贝宝，贝宝是不能美元支付的.然后到淘宝或者各站长论坛兑换美元。name.com域名价钱为8.99,不过一般能找到优惠吗能优惠1美元左右。name.com域名提供免费隐藏whios服务大家可以查询下我的域名 www.zhengmei.net 正妹网 设置了隐藏的效果。转出也非常方便转移码就在域名的旁边,解释也非常快基本上是实时生效。以下是name.com注册域名的教程。

　　帐户管理

　　如何创建帐户？

　　1. 在首页的右上角，点击 Login (登入)标签

　　2. 在 New Customers (新客户)栏中填写用户名及密码(至少6位字符)

　　3. 点击继续按钮

　　4. 为帐户填写默认的联系信息。每次域名注册，要求填写4种联系信息：注册人(所有者)、管理员、技术员与帐单。当然，也可以勾选页底的选项，这样，可以只填写一次，其它都使用相同的信息

　　5. 点击 My Account (我的帐户)查看您的帐户

　　如何登录帐户？

　　1. 在首页的右上角，点击 Login (登入)标签

　　2. 在 Returning Customers (老客户)栏中填写正常的用户名及密码(区分大小写)

　　3. 点击 Sign (登录)按钮

　　如何注册域名？

　　1. 登录您的Name.com帐户

　　2. 在欢迎页中，在页顶点击 Register a Domain (注册新域名)

　　3. 在 Find a Web Address (查询域名)页中，依次完成1到3步

　　4. 选中您打算订购的域名，点击 Add to Cart (添加到购物车)

　　5. 在 Your Shopping Cart (购物车)中，确定您想注册的年份数，如1年，2年等

　　6. 点击 Update (更新)后点击 Checkout (买单)

　　7. 在 Billing Infromation (帐单信息)页中，输入您的信用卡或PayPal帐户信息，勾选 Service Agreement (服务协议)后点击 Place My Order (处理订单)

　　几秒钟后，您的订单会得到处理，如何订购成功，在您的帐户中会看到已订购的产品，否则会提示您重新输入帐单信息

　　如何管理我的域名？

　　1. 打开 https://www.name.com

　　2. 在 Returning Customers (老客户)栏中填写正常的用户名及密码

　　3. 在欢迎页中，点击您想管理的域名

　　请注意，如果您的域名状态是“上锁”的话，请首先 Unlock Domain (解锁)后才能管理域名

　　如何为域名解锁？

　　1. 登录到您的Name.com帐户

　　2. 在欢迎页中，点击您的域名

　　3. 在 Manage domain name (域名管理)页中，点击 Unlock Domain (解锁)

　　4. 阅读相关的信息后，点击 Continue managin domain (继续)

　　基础版的域名有什么服务? 基础版($6.99)的域名仅可以更改域名解析服务器，不包括高级的DNS解析服务，如URL转发等。

　　基础版适合那些有自己域名解析服务(如空间商提供了DNS解析)的客户。

　　完全版($7.99)还有以下功能：

　　1. URL转发

　　2. 邮件转发

　　3. DNS解析( A, MX 记录等)

注册及使用国外空间常用英语翻译

1. Hosting Space /disk space 主机空间

2. Transfer/Bandwidth  流量  一般是按月计算

3. Domain Name    域名

4. Website Builder  网站生成器

5. eCommerce      电子商务

6. renew     一般指续费

7. Database  数据库

8. Domain Registration 域名注册

9. Package  包，一般指一个计划，相当于国内服务商的套餐之类的

10.setup fee 设置费，一般的空间购买一年都不收设置费

11。24x7 Phone & Email Support 24x7电话邮件支持

12。Script Library  脚本库，一般指提供的网站程序

13。Control Panel  控制面板

14。

常用英语句子

1.询问mySQL最大连接数

Hello, may I ask the max connections of mySQL?

2。询问PHP版本

What version of PHP are you using?

3。询问mySQL版本

What version of mySQL are you using?

4. 要使用它们空间的网站

Can I see some of the websites you host?

5。是否允许A网站

Do you allow adult sites?

6。询问控制面板以及控制面板的演示

What control panel do you use and do you have a demo?

7。是否支持telnet或者SSH

Do you offer Telnet or SSH access?

购买空间时的英文翻译

个人信息：

First Name: 名

Last Name: 姓

Company: 公司，一般可以不填写

Address 地址。一般从小到大用汉语拼音即可。XXX房间可以翻译为ROOM XXX  ,XX号楼可以翻译为XXTH building XX号可以翻译为No.XX

                        XXX路 翻译为 XXX road即可

City 城市

State/Region 省

Country 国家，选择china

Phone: 电话

Email 电子邮件

Fax 传真，一般可以不写，如果必须填写，没有的写电话号码即可

Username 主机帐户的用户名，以后登陆用，在许可范围内自己选择

Password  主机帐户的密码，一般也就是主FTP的密码，也有个别公司的不一样

Verify Password 确认密码

信用卡信息

Select Card Type 选择信用卡种类 ，根据你的信用卡选择

Cardholder Name 持卡人姓名

CC Number 信用卡卡号

CVV2 信用卡背面的三位安全数字

Exp Date 有效期

内部链接文字：10分

标题title：10分

域名：7分

H1,H2字号标题：5分

每段首句：5分

路径或文件名：4分

相似度（关键词堆积）：4分

每句开头：1.5分

加粗或斜体：1分

文本用法(内容)：1分

title属性：1分 (注意不是title>, 是title属性, 比如a href=… title=”)

alt标记：0.5分

Meta描述（Description属性）：0.5分

Meta关键词（Keywords属性）：0.05分

1、 静态页面

将信息页面和频道、网站首页改为静态页面，有利于搜索引擎更快更好的收录。

2、 页面标题(Page Title)的关键词优化

必须列出信息的标题、网站的名称以及相关关键字。

3、 Meta标签的优化（过去搜索引擎优化的重要手法，现在已经不是关键因素，但仍不可忽略）

主要包括：Meta description、Meta keywords的设置

关键字密度要适度，通常为2%-8%，也就是说你的关键字必须在页面中出现若干次，或者在搜索引擎允许的范围内，要避免堆砌关键字。

4、 针对Google制作Sitemaps

Google的sitemaps是对原来robots.txt的扩展，它使用XML格式来记录整个网站的信息并供Google读取，使搜索引擎能更快更全面的收录网站的内容。

可以使用Google提供的Sitemap生成器制作（需要技术人员制作）：

也可以由技术部人员制作更全面的Sitemaps。

5、 图片的关键词优化

图片的替代关键词也不要忽略，其另外一方面的作用是，当图片不能显示的时候，可以给访问者一个替代解释语句。

6、 避免表格的嵌套

目前本站的表格嵌套太多，搜索引擎通常只读取3个＜table>的嵌套，如果太多，会造成部分有用信息没有被检测到。

7、 采用web标准进行网站重构

尽量使网站的代码符合W3C的HTML 4.0或XHTML 1.0规范。通过XML＋CSS技术进行网站重构，减少不表格及冗余代码，提高网站页面的扩展性，兼容性，可以使更多浏览器支持。

8、 网站结构的扁平化规划

目录和内容结构最好不要超过3层，如果有超过三层的，最好通过子域名来调整和简化结构层数。另外目录命名的规范做法是使用英文而不是拼音字母

9、 页面容量的合理化

合理的页面容量会提升网页的显示速度，增加对搜索引擎蜘蛛程序的友好度。同时建议js脚本和css脚本尽量用链接文件

10、外部文件策略

把javascript文件和css文件分别放在js和css外部文件中。这样做的好处是把重要的页面内容放到页面顶部，同时能缩小文件大小。有利于搜索引擎快速准确地抓取页面

重要内容。其他的字体（FONT）和格式化标签也尽量少用，建议采用CSS定义。

11、外部链接

尽可能多地让其他跟你主题相关的网站链接本站，同时尽量同PR值更高的网站进行相互链接。如果网站提供与主题相关的导出链接，被搜索引擎认为有丰富的与主题相关的内容，也有利于排名，例如各类招商网站、投融资网站的概念。另外避免链接不顾质量的大面积撒网，对搜索引擎而言宁少要精。

12、网站地图

网站自身的网站地图是搜索引擎更全面索引收录你的网站的重要因素。建议制作 基于文本的网站地图，内含网站所有栏目、子栏目。网站地图的三大因素：文本、链接、 关键词，都极其有利于搜索引擎抓取主要页面内容。特别是动态生成目录网站尤其需要 创建网站地图。

13、图像热点

除AltaVista、Google明确支持图像热点链接外，其他引擎暂不支持。当“蜘蛛” 程序遇到这种结构时，就会无法辨别。因此尽量不要设置图像热点(Image Map)链接。

14、FLASH应用

FLASH由于不含文字信息，应尽量用于功能展示和广告，少用于网站栏目和页面。

15、JS脚本

在不支持JS脚步的浏览器里 NOSCRIPT> 标签会起到重要提示作用，对搜索引擎的Spider搜索也会有帮助。

16、Frame框架

Frame标签会被搜索忽略，尽量少用，如果一定要用，则应正确使用Noframe标签， 在Noframe>/Noframe>区域中包含指向frame页的链接或带有关键词的描述文本，同 时在框架以外的区域也出现关键词文本。

17、资讯的内部链接

有助提高网站排名和PR值，例如相关资讯、推荐资讯等

-

    SQL注入是从正常的WWW端口访问，而且表面看起来跟一般的Web页面访问没什么区别， 所以目前市面的防火墙都不会对SQL注入发出警报，如果管理员没查看IIS日志的习惯，可能被入侵很长时间都不会发觉。

    随着B/S模式应用开发的发展，使用这种模式编写应用程序的程序员也越来越多。但是由于这个行业的入门门槛不高，程序员的水平及经验也参差不齐，相当大一 部分程序员在编写代码的时候，没有对用户输入数据的合法性进行判断，使应用程序存在安全隐患。用户可以提交一段数据库查询代码，根据程序返回的结果，获得 某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。

    SQL注入是从正常的WWW端口访问，而且表面看起来跟一般的Web页面访问没什么区别，所以目前市面的防火墙都不会对SQL注入发出警报，如果管理员没查看IIS日志的习惯，可能被入侵很长时间都不会发觉。

  但是，SQL注入的手法相当灵活，在注入的时候会碰到很多意外的情况。能不能根据具体情况进行分析，构造巧妙的SQL语句，从而成功获取想要的数据，是高手与“菜鸟”的根本区别。

 SQL注入漏洞全接触--入门篇   

  SQL注入是从正常的WWW端口访问，而且表面看起来跟一般的Web页面访问没什么区别，所以目前市面的防火墙都不会对SQL注入发出警报，如果管理员没查看IIS日志的习惯，可能被入侵很长时间都不会发觉。   

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449834.aspx

SQL注入漏洞全接触--进阶篇   

  SQL注入的一般步骤，首先，判断环境，寻找注入点，判断数据库类型，其次，根据注入参数类型，在脑海中重构SQL语句的原貌。 

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449870.aspx

SQL注入漏洞全接触--高级篇   

  看完入门篇和进阶篇后，稍加练习，破解一般的网站是没问题了。但如果碰到表名列名猜不到，或程序作者过滤了一些特殊字符，怎么提高注入的成功率？怎么样提高猜解效率？ 

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449883.aspx

SQL注入法攻击一日通 

  SQL注入的简单原理和攻击一般步骤，文章作者想让人一天学会SQL注入攻击。   

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449901.aspx

SQL Server应用程序中的高级SQL注入 

  这份文档是详细讨论SQL注入技术，它适应于比较流行的IIS+ASP+SQLSERVER平台。它讨论了哪些SQL语句能通过各种各样的方法注入到应用程序中，并且记录与攻击相关的数据确认和数据库锁定。     

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449913.aspx

编写通用的ASP防SQL注入攻击程序

  如果编写通用的SQL防注入程序一般的http请求不外乎get 和 post,所以只要我们在文件中过滤所有post或者get请求中的参数信息中非法字符即可，所以我们实现http 请求信息过滤就可以判断是是否受到SQL注入攻击。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449925.aspx

利用instr()函数防止SQL注入攻击

  学asp也有一段时间了，这几天一直在写自己的程序，也遇到了好多问题，我就不得不得考虑到一些现在的漏洞，比如，‘ 或 and 1=1等等的一些漏洞！别的先不管，今天我就来说说如何堵这个漏洞！详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449932.aspx

SQL注入攻击的原理及其防范措施   

  ASP编程门槛很低，新手很容易上路。在一段不长的时间里，新手往往就已经能够编出看来比较完美的动态网站，在功能上，老手能做到的，新手也能够做到。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449940.aspx

跨站式SQL注入技巧 

  学习如何从数据库中获取想要获得的内容。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449948.aspx

防范Sql注入式攻击   

  Sql注入式攻击是指利用设计上的漏洞，在目标服务器上运行Sql 命令以及进行其他方式的攻击 动态生成Sql命令时没有对用户输入的数据进行验证是Sql注入攻击得逞的主要原因。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449951.aspx

Dreamweaver中sql注入式攻击的防范   

  在安全性方面，新手最容易忽略的问题就是SQL注入漏洞的问题。用NBSI 2.0对网上的一些ASP网站稍加扫描，就能发现许多ASP网站存在SQL注入漏洞。详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449953.aspx

PHP与SQL注入攻击   

  SQL注入攻击是黑客攻击网站最常用的手段。如果你的站点没有使用严格的用户输入检验，那么常容易遭到SQL注入攻击。SQL注入攻击通常通过给站点数据 库提交不良的数据或查询语句来实现，很可能使数据库中的纪录遭到暴露，更改或被删除。下面来谈谈SQL注入攻击是如何实现的，又如何防范。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449956.aspx

SQL注入攻击零距离   

  一次次的SQL注射入侵，一次次的网站被黑，总是那句话，漏洞在所难免，难道一点办法都没吗？这篇文章就是为大家解析下SQL注 射的原理，以及给出一些预防方法。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449959.aspx

SQL注入技术和跨站脚本攻击的检测   

  在最近两年中，安全专家应该对网络应用层的攻击更加重视。因为无论你有多强壮的防火墙规则设置或者非常勤于补漏的修补机制，如果你的网络应用程序开发者没有遵循 安全代码进行开发，攻击者将通过80端口进入你的系统。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449961.aspx

菜鸟入门级：SQL注入攻击   

  一般国内的小一点的新闻站点程序 都有 ""&request 这种漏洞，下面我讲解攻击方法。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449963.aspx

三步堵死SQL注入漏洞   

  防御SQL注入有妙法，第一步：很多新手从网上下载SQL通用防注入系统的程序，在需要防范注入的页面头部用 来防止别人进行手动注入测试.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449965.aspx

SQL注入实战---利用“dbo”获得SQL管理权限和系统权限   

  如果显示“dbo” 转换数据类型为 int 的列时发生语法错误 那么就可以用我下面介绍的方法来获得系统管理权限，如果是“abc” 转换数据类型为 int 的列时发生语法错误 那么就用不能用我下面的介绍来获得系统权限了.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449967.aspx

两个防SQL注入过滤代码   

  SQL注入防护的一种简单方法，在网页中嵌入过滤代码，基于认为的安全防护措施.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449969.aspx

蓝雨设计整站SQL注入漏洞   

  以下文章中就会出现NOWA修改系统漏洞当中从未有的SQL注入漏洞！只怪蓝雨修改程序的时候没有做好注入问题了！这个可不能怪我！谁叫人家程序设计员不会注意安全死角阿？

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449972.aspx

SQL注入渗透某网络安全公司的网站全过程   

  写这篇文章不是为了告诉大家如何去做入侵，而是希望提醒大家:“入侵是偶然的，但安全并不是必然的”，不要疏忽运作上的一些小细节。

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449973.aspx

sql注入防御   

  SQL注入通过网页对网站数据库进行修改。它能够直接在数据库中添加具有管理员权限的用户，从而最终获得系统管理员权限。黑客可以利用获得的管理员权限任 意获得网站上的文件或者在网页上加挂木马和各种恶意程序，对网站和访问该网站的网友都带来巨大危害.详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449976.aspx

终极防范SQL注入漏洞   

  其实SQL注入漏洞并不可怕，知道原理 ＋ 耐心仔细，就可以彻底防范！下面给出4个函数，足够你抵挡一切SQL注入漏洞！读懂代码，你就能融会贯通.详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449979.aspx

SQL注入与ASP木马上传   

  SQL注入后，如何上传木马，一直是比较头疼的事，我这里提供上传木马的一种另一种方法。

1、SQL注入的时候，用xp_cmdshell 向服务器上写入一个能写文件的asp文件.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449983.aspx

如何在SQL注入时保护数据库   

  SQL注入是防止数据库攻击的一个有效策略。攻击者将注入一个SQL语句到另外一个语句中，这个通常会损坏你的数据库。有数据库接口的Web站点通常在SQL注入的时候容易受到攻击，因为它们是基于动态的SQL.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449986.aspx

天晨设计整站SQL注入漏洞   

  作者从一个安全工作员的角度，对天晨设计整站SQL注入漏洞做出了详细的测试.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449988.aspx

浅谈sql注入式(SQL injection)攻击与防范   

  没有系统的学习过asp或者php编程，也没有系统的学习过access、sqlserver、mysql等数据库，所以我不是一个程序员，虽然经常干一些类似程序员的事情.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449991.aspx

用vbs来写sql注入等80端口的攻击脚本 

  昨天晚上在机器里乱翻时无意打开一个vbs脚本,突然发现一个以前没有见过的对象Test.SendRequest("http://" & g_sServer & "/testfiles/browser.asp"),虽然对象没有见过,但是意思很明显:发送http请求.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449992.aspx

C# 检查字符串,防SQL注入攻击   

  这些天,CSDN上讨论SQL注入攻击似乎是如火如荼啊...我也来参合一下..如下,CheckParams函数,接收参数任意,如参数中有字符串,则 对字符串进行检查,如参数中有集合(如Array之类,总之是实现了ICollection的),则对集合中的字符串元素进行检查.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449994.aspx

关于对SQL注入80004005 及其它错误消息分析   

  本文详细讲述了 Microsoft 数据访问组件 (MDAC) 收到 0x800040005 错误的一些常见原因，MDAC 包括 ActiveX 数据对象、OLE DB 和远程数据服务 (RDS)。同时，本文还讨论了其它一些错误消息，包括 80040e21、80040e14 和80040e10.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3449996.aspx

SQL注入入侵动网SQL版论坛

  现在动网最新版本是7.0+SP2。应该说安全性已经是很高的了。所以从脚本本身的问题去突破它难度不小。但是我们可以从外部的一些途径间接“搞定”动 网.现在IIS+ASP+SQL2000的组合是比较常见的。而一个网站运用大量的ASP脚本程序，难免不出纰漏。如果一台主机上存在某个SQL注入点， 而这台主机又安装有动网SQL版的话，基本上可以得出结论：这个动网就是你的了。下面来看一下实例.详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3450001.aspx

利用SQL注入2分钟入侵网站全程实录   

  说起流光、溯雪、乱刀，可以说是大名鼎鼎无人不知无人不晓，这些都是小榕哥的作品。每次一提起小榕哥来，我的崇拜景仰就如滔滔江水，连绵不绝~~~~（又 来了！） 让我们崇拜的小榕哥最新又发布了SQL注入工具，这回喜欢利用SQL注入入侵网站的黑友们有福了。小榕哥的工具就是强！偶用它来搞定我们本地的信息港，从 寻找注入漏洞到注入攻击成功，通过准确计时，总共只用了3分还差40秒，呵呵，王者风范，就是强啊！不信吗？看看我的入侵过程吧.

详细内容>>

http://blog.csdn.net/wufeng4552/archive/2008/12/05/3450005.aspx

http://hi.baidu.com/p80501120/blog/item/cbf00c80335882dfbc3e1ece.html （有不少这方面的教程）

装了IE8，发现有些网页上的按钮、文本框变得很小了，而且使用ie核的遨游、世界之窗也是这样了。

解决

和主题有关（虽然IE7中不受主题影响），按钮也随主题变化，有些主题中正常，有些主题里会变小的，换主题试试。

或者在Internet选项-高级-浏览中，取消对网页上的按钮和空间使用视觉样式，就不受主题影响了。

CSS解决方法：（一劳永逸，只要设置一下，无论你用WB、VS什么主题，所有IE内核的浏览器，都不用再做修改。）

在记事本中输入如下代码复制内容到剪贴板代码:

INPUT{
font-size: 10pt;
}
TEXTAREA{
font-size: 10pt;
}
BUTTON{
font-size: 10pt;
}

保存时，将.txt扩展名改为.css。

然后

Internet选项－常规－辅助功能 设置如下图

额头痘VS肝脏

如果你的额头总有大粒痘痘不断，那说明你的肝脏已经积累了过多毒素，不规律的生活、昼夜颠倒、长时间熬夜都会让肝脏不能在正常时间（夜里10点～12点）工作，毒素就会积累下来。

长效建议：让肝脏按时工作

晚10点按时上床睡觉，让身体进入休眠状态。

哪怕睡不着，就是放松状态下也有利于肝脏排毒工作。

鼻翼痘VS胃

当鼻翼处长出痘痘时，除了此处油脂分泌旺盛的原因外，还是胃火过大、消化不良的表现。如果鼻头还有轻微脱皮现象，表明血液循环也不是很好。另外，经常便秘和胃胀气的人也容易长鼻痘。

长效建议：少食刺激性食品

减少肉类摄取，谢绝火锅、冷食和辛辣食品。食物和水都要用温热的，以免刺激胃液分泌过多导致胃酸，胃酸也会让胃火加剧。

唇周痘VS肠

便秘或者肠热、吃了太多辛辣、油炸食物是嘴唇周围长痘的原因，当然，如果使用含氟过多的牙膏也会刺激长痘。

长效建议：舒肠助排毒

服用一次轻泻剂帮助缓解症状，可以配合腹部按摩帮助排出宿便。连吃几天富含纤维的食物疏通肠道，问题就迎刃而解。

印堂痘VS心脏

出现在双眉中间的痘痘最不能轻视，回忆一下是否最近经常出现心悸、胸口闷的症状，当心脏活力减弱时这里才会长痘。

长效建议：注意保护心脏

远离剧烈运动，增加睡眠，远离烟酒和刺激，同时尽快咨询心脏方面的专家，找出问题所在。

发际痘VS毛孔

因为卸妆没卸干净，或者清洁时忽略了这个小细节，造成角质太厚，毛孔堵塞，容易在发际或眉间形成细小痘痘。

长效建议：清洁照顾边缘细节

每天洁面时注意发际边缘的清洁，及时清除会堵塞发际周围毛孔的毛孔代谢物。

左脸颊痘VS血液循环

左脸颊长痘说明你的血液排毒能力降低，有可能是肝脏出现了问题或是血液循环出现了问题。

长效建议：加速血液循环

不要让身体处在闷热中，可以用温度略低于体温的水洗澡，多到户外活动，吃一些凉血的食物，如丝瓜、冬瓜、柿饼、绿豆等。

右脸颊痘VS肺

右脸颊痘痘是肺部有炎症的反映。如果你肺火上升、喉咙干燥、痰多咳嗽，留意一下右脸颊痘痘。

长效建议：禁食易敏食物

停止吃海鲜和芒果、酒类食物等易敏食物，过敏会让你的气管、支气管、肺部更加不适。

太阳穴痘VS胆囊

是不是吃了太多的工作餐、盒饭、快餐食品？如果太阳穴周围长痘，那是你的胆汁分泌不足，因为吃了过量的油脂而让胆囊负担加重。

长效建议：给胆囊减负

每天一杯苦瓜汁是最快捷的方法，或者食用其他瓜类，比如黄瓜、冬瓜，这些都能很好地吸收油脂。

腮边颊痘VS淋巴循环

长期肝脏负担加重后，会在耳际、脖子和脸交界处产生痘痘，反复爆发在同一位置，上升为淋巴循环不畅。

长效建议：促使肝胆排毒

不可劳累，饱饮饱食，适度增加睡眠时间，让大量供应到大脑、肠胃的血液有充分时间供应肝胆排毒。特别要减少睡前饮食的习惯，不加重肠胃负担。

首先来简要介绍一下钢笔工具和路径的概念

1. 钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或者变形之后仍能保持平滑效果
2. 钢笔工具画出来的矢量图形称为路径，路径是矢量的路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路?

现在我们来绘制一个简单的路径

如下图在工具栏选择钢笔工具（快捷键P）

并保持钢笔工具的选项如图所示（在工具栏上方）：选择第二种绘图方式（单纯路径），并取消橡皮带功能

然后用钢笔在画面中单击，会看到在击打的点之间有线段相连

保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角（比如零度、90度）

这样可以绘制水平或者是垂直的线段（图中从第5个点开始按下了Shift键）

从上面的简单练习中我们得出两个规律：

1. 我们并没有直接绘制线段，而是定义了各个点的位置，软件则在点间连线成型
2. 控制线段形态（方向、距离）的，并不是线段本身，而是线段中的各个点的位置

记住两个术语：

1. 那些点称为“锚点”(anchor)
2. 锚点间的线段称为“片断”(segment)

刚才我们绘制的那些锚点，由于它们之间的线段都是直线，所以又称为直线型锚点。

现在我们来绘制曲线形锚点

我们看到，在绘制出第二个及之后的锚点并拖动方向线时，曲线的形态也随之改变

究竟曲线是怎样生成的，我们又该如何来控制曲线的形态呢？

除了具有直线的方向和距离外，曲线多了一个弯曲度的形态，

方向和距离只要改变锚点位置就可以做到，但是弯曲度该如何控制？

如图在工具栏选择“直接选择工具”，注意是下方那个空心的箭头

假设我们刚才绘制的4个锚点分别是ABCD

用“直接选择工具”去点取位于AB之间的片断

会看到刚才我们绘制AB锚点时候定义的方向线

仔细看一下这两个方向线

再这样想象：

一个人要从A点到B点，在A点出发的时候，位于A点的其他人看到他是朝着上偏右的方向走的

而位于B点的人，看到他是朝着下偏右的方向来的

那么综合两地的观测结果。就可以得出这个人行走的路线：必定是一个类似锅盖的上弧形

现在我们选择如图的“转换点工具”，该工具用来修改方向线

然后如下图所示般改变AB锚点上的方向线，将会看到曲线弯曲度的改变

注意方向线末端有一个小圆点，这个圆点称为“手柄”，要点击手柄位置才可以改变方向线

结合刚才所作的比喻，就不难理解了：

1. 修改B锚点方向线为下，相当于指定那个人从A点上方出发后，从B点下方进入，那么所走的路程就是一个S形
2. 再修改A锚点方向线为下，相当于从A点下方出发，再从B点下方进入，所走的就是一个下弧形的路程

修改后的方向线如下图：

明白了方向线的方向对曲线形态的影响后，我们来看一下方向线长短造成的影响

如下图般，在同一方向上拖拉方向线：（可使用“直接选择工具”）

对于一个锚点而言，如果方向线越长，那么曲线在这个方向上走的路程就越长，反之就越短

可以这样设想，曲线是一个橡皮筋，在头尾两端有两个力在各自的方向上拉

哪个方向上力气大，则橡皮筋就朝向这个方向多靠拢一些。反而反之

除了修改锚点之外，也可以利用“直接选择工具”，在片断上修改曲线的形态

如下图：

注意：这并不能说是“修改了片断”，而应该说是“同时修改了两个锚点”

牢记原则：片断是由锚点组成的，只有修改锚点才能改变片断形态，这是不可逆的因果关系

做一下小结：

对于这条曲线上的除了起点和终点的BC两个锚点而言，都存在两条方向线：

一条是从上一个锚点“来向”的方向线；另一条是通往下一个锚点的“去向”的方向线

对于起点，只存在“去向”的方向线；对于终点，只存在“来向”的方向线

下面让我们做个小练习，如图：

现在要求在两个红点之间绘制一条紧贴鼠标外廓的曲线

很可能你们绘制出来的是如下图这个样子的

虽然要求是达到了，但是这样的路径上使用了4个锚点

再看下图：

同样的曲线效果，这里只用了两个锚点来绘制

移动两个红点的位置再行绘制，很可能你们绘制的效果是这样

而实际上呢，也只需要用两个锚点就可以绘制这条曲线了，如下图

再换个位置绘制一条，也只需要两个锚点，如下图：

记住一个原则：绘制曲线的锚点数量越少越好

因为如果锚点数量增加，不仅会增加绘制的步骤，同时也不利于后期的修改

到这里，大家一定会产生两个问题：

1. 两个锚点似乎可以包揽全部曲线形态了？

   这个观点显然是错误的，例如我们前面首个实例所绘制的曲线，就需要两个以上的锚点

2. 那么，如何让所用的锚点数量最少？

   实际上这里还隐含着另外一个问题：究竟在哪里定锚点才是最佳的？

下面是我个人总结出来的规律：

两个锚点之间的曲线形态分为两类：C形和S形

C形的几种形态如下图：

它们的方向线如下图：

S形曲线的几种形态如下图：

S形的方向线如下图：

下面的动画演示了在调整方向线的时候，从C形到S形之间的分界点

在了解（并且理解）C、S这两种曲线的形态以后

大家在绘制之前就可以分析出究竟需要多少个锚点

其实就是分析出，有多少个可以用一条曲线（C形或S形）来绘制的区域

虽然锚点的数量可以反映出绘图人的水平和熟练度

但是对于大多数人而言，只要能够满足需要就足够了

所以在实际绘图的时候，不必过于苛求减少锚点的数目

现在来实际绘制一个M形,类似麦当劳的标志

我们将介绍三种过程,请先看清楚文字说明再看动画演示

第一种方法：在完成绘制后，再修改第二个锚点的“去向”的方向线，并可以适当移动锚点位置

（绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）

在其中我们注意到一个现象：

新建立一个曲线锚点并拖动它的方向线的时候

实际上随着鼠标移动的是“去向”这条方向线，而“来向”方向总是与之成180度水平夹角的，并且长度也相同

所以，虽然本来我们应该把第二个锚点的“去向”定为右上方

但是为了“来向”的正确，不得已先将其定在右下方，然后在完成绘制后，再单独修改其“去向”

这种方法可以形容为“丢去保来”（同理，也可以“丢来保去”）

在绘制数量较多的锚点时就显得很不方便，因为总看不到正确的曲线

现在我们介绍第二种绘制过程：

在建立第二个锚点并遵循“来向”定义好方向线之后，再修改“去向”方向线，使曲线可以正确地绘制下去

（绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）

虽然频繁地切换工具有点麻烦，但可以让曲线始终沿着指定的路线绘制

（同理，也可以先遵循“去向”定好方向线，再修改“来向”）

实际上，在定好第二个锚点后，不用到工具栏切换工具

将鼠标移动到方向线手柄上，按住ALT键即可暂时切换到“转换点工具”进行调整；

而按住Ctrl键将暂时切换到“直接选择工具”，可以用来移动锚点位置

松开Alt或Ctrl键即恢复钢笔工具，可继续绘制

要注意的是：

虽然“直接选择工具”也可以修改方向线，但“来向”“去向”有时候（当两者同时显示的时候）会被其一起修改

最后第三种方法，应该是大家今后在绘制中所使用的标准方法：

此法实际就是上面讲到的快捷键的另一种操作方式，也是在不切换工具的条件下，使用快捷键来完成方向线的修改

做到不间断地绘制整条曲线

（绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）

在动画中大家看到一个提示“调整结束后，先松开鼠标再放开ALT键，否则将打乱来向方向线”

如果Alt键先被松开，将会使这个锚点的“来向”和“去向”恢复到长度相等的水平夹角位置

这没有多大关系，再按下ALt键即可再次单独调整

接着我们再来尝试绘制一个心形，如下图

（绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）

注意：如果没有先按住Alt键就连接起点，将无法单独调整方向线，此时再按下Alt键即可单独调整

到这里，大家对路径已经有了大概的认识，下面我们补充一些绘制中的其他问题

半曲线锚点的绘制：

有时候我们需要一个锚点左边是曲线，右边是直线，就需要用这种方法来绘制，如下图：

绘制锚点后，按住Alt键单击一下锚点，那么这个锚点的“去向”就变为了直线

只有“去向”能改变为直线，如果需要“来向”为直线，则需要在上一个锚点操作

即使转换为半曲线锚点了，绘制下一个锚点的时候仍然是可以带有方向线的，如下图：

这样看来似乎很矛盾，为何还有曲线出现？

须记住，假设半曲线锚点A的“去向”为直线，这样对于下一个锚点B而言，B的“来向”也是直线

但是如果锚点B的“去向”为曲线的话，还是会导致AB之间的片断呈曲线形

不过这条曲线永远只能是C形曲线，因为它缺少另外一条方向线的控制

可以用一条形状相类似的正常曲线锚点来比较一下

下图演示了从“半曲线”转换为“正常曲线”锚点的步骤

下图演示了从“正常曲线”转换为“半曲线”锚点的步骤

除了转换锚点类型外，还可以在已有的路径上增加或减少锚点的数量

如下图：

可以看到，在选择了路径的情况下，停留在路径上方的钢笔工具可以自动判断增加或是减少锚点

如果停在片断上方，为增加锚点；如果停在已有锚点上方，则为减去该锚点

注意：增加或是减少锚点可能导致路径形态改变

既然钢笔工具本身就附带了增加和减去的功能，那么为何在工具栏中还有单独的增加锚点和减去锚点工具呢？

这是因为有时候可能需要在锚点密集区增加更多锚点，如果就用钢笔工具的话，则有可能误减已有的锚点

对于一条已经绘制完毕的路径，有时候需要在其上追加锚点（也有可能是在半途意外终止绘制）

首先应将路径显示出来（可从路径面板查找并点击路径）

然后使用钢笔工具在末尾的锚点单击（当移动到末尾锚点的时候光标会有提示）

此时即可继续绘制，见下图：

如果要将多条独立的路径连接在一起，可以如下图操作：

需要注意的是在调整方向线的时候可以按住Alt键单独调整其中一条

还有一个绘制曲线的技巧：

要绘制一条光滑的曲线，就必须保持锚点上“来向”与“去向”的夹角为180度的水平角（方向线长短无关）

注意如果更改了夹角，就有可能形成类似m的形状

现在我们已经学会了用钢笔来勾画任意的路径形状了

但很多时候并不需要完全从无到有的来绘制一条新路径

Photoshop提供了一些基本的路径形状

我们可以在这些基本路径的基础上加以修改形成需要的形状

这样不仅快速，并且效果也比完全和手工绘制的要好

下图是在网页设计中经常用到的图形

先看最上方图形的绘制过程：

在工具栏选择矩形形状工具

使用第一种绘制方式（建立一个用前景色填充的矢量层），如下图

注意样式要关闭，选择一个颜色作为填充色，如下图

然后在图像中绘制一个矩形的形状，如下图

画好之后注意图层面板上新建立一个带路径的色彩填充层

单击下图所示区域可以隐藏或显示路径，双击其前方的色彩块可以更改填充色

注意：

1. 如果要修改这个层中的路径，则路径必须在显示状态
2. 如果路径显示会影响了一些（如描边等）制作时的视觉效果，则应先隐藏路径

由于我们要修改这条路径，所以要先将路径显示

然后使用增加锚点工具增加4个锚点，再将一些锚点向上移动即可

记住：无论在直线还是曲线上增加锚点，所增加默认的都是曲线型锚点

如果需要直线型锚点，则要使用“转换点工具”点击增加出来的锚点

下图的红色区域就是使用这种方法制作出来的

同样是刚才的矩形，把步骤略加修改一下，如下图：

下图上方的红色区域就是使用这种方法制作的

现在来绘制那个中空的图形，绘制的思想就是先画一个大框，然后在中间减去一个小框

注意：

1. 在绘制完第一个大框之后，要在工具设定中改为“从形状区域减去”方式再绘制小框
2. 在选择路径进行对齐操作的时候最好使用“路径选择工具”，如果使用“直接选择工具”有时候无法选择整条路径

过程如下图：

再来绘制一个类似标签卡的图形，如下图：

上面的几种方法，都是利用了带路径的色彩填充层来制作效果

除了色彩填充以外，路径也可以用来制作调节图层（调节图层在另外教程中介绍）

制作顺序如下：

1 原图：

2 使用第二种绘制方式（单纯绘制路径）

3 在图像中绘制两个封闭路径，注意两个路径为相加方式，即在绘制第一个之后选择相加方式绘制第二个

4 在图层面板启动调节图层中的“亮度/对比度”

5 “亮度/对比度”设置如下图:

6 在新建的调节图层上启动“描边”样式

7 “描边”样式设置如下图：

这样我们就完成了制作，如下图：

也可以将其制作为动画（动画制作在另外教程中介绍）

最后我们来制作一个较复杂的图形，如下图：

该图形原来是一个完整的椭圆，被分割为了两个部分，这种效果在Illustrator中很容易实现

只需要在椭圆上绘制一条曲线，然后使用分割命令即可。

在Photoshop中就较为复杂一些（所以复杂的路径最好在Illustrator中制作）

绘制过程如下：

首先使用椭圆形状工具，选择填充层绘图方式，绘制一个椭圆，如下图：

然后隐藏该层的路径，切换到单纯路径绘图方式

绘制一个如下图的路径（可以由矩形修改而来）

绘制完成后保持新画的路径在选择状态，按CTRL C复制到剪贴板：

接下来把蓝色的椭圆层复制一层，改为其他的颜色便于区别

然后将前面一步复制的路径一次粘贴到两个层的路径中，并更改其与原先路径的运算关系

需要注意的是：

1. 要先将层的路径显示出来，才能加以修改
2. 最好关闭暂时不用的图层，以免视觉混乱
3. “组合”并非必要步骤。按“组合”按钮之后两条路径就合并为了一个，但即使不合并也不会影响视觉效果，并且还利于后期的再修改。所以建议在实际应用中，除非必要，否则应尽量不使用“组合”功能。
4. 在大家今后的类似制作中，只需要制作黄色的部分就可以达到视觉要求的效果了，因为黄色图层层次高于蓝色部分，本身就能够产生遮挡蓝色的效果。

过程如下图：

综合以上的内容，可以感受到路径在应用中的强大功能

使用路径可以勾画平滑的曲线，在修改的时候非常方便

并且最重要的是:

其矢量图形固有的特性，使得其在旋转、拉伸等操作后依然清晰。而点阵图像会变得模糊。

做个试验，先将一个矢量一个点阵图同时缩小到原来的10%，再放大回原大小。如下图：

在实际的设计过程中，由于构思的不断改变，很可能经常进行各种各样的修改

比如缩放、旋转、5边形改6六边形，直线改曲线等

如果是使用点阵图像，则很多情况下都只能重新绘制

而使用矢量图形则可以完全避免这些情况

并且矢量图象对系统资源占用较少（在Photoshop中），不受输出分辨率的影响

所以在实际的设计当中，应首要考虑使用矢量图形进行制作

http://www.flvxz.com/

支持网站：

包括但不局限于以下站点

    * youtube

    * youku

    * tudou

    * 56

    * ku6

    * mofile

    * 6rooms

    * baidu

    * sina

    * 5show

    * CCTV

    * pohomo

    * ESPNSTAR

    * QQ

    * openv

    * joy

    * sohu

    * 163

    * zsnews

    * ifeng

    * hunantv

    * smgbb

    * maidee

    * 360edu

    * bokecc

    * boosj

    * 367art

    * btv

    * msnbc

    * dv.ce

    * pcgames

    * 9you

    * ftv

    * gonet8

    * 52kdm

    * dingtv

    * people

    * acfun

    * megavideo

    * pixnet

    * enorth

    * zol

    * YYmp3

    * rayfile

    * weplay

    * cgrealm

    * movivi

    * vimeo

    * yahoo

    * im.tv

http://www.flvcd.com/

支持网站：

土豆网

YouTube

优酷网

我乐网

酷6网

六间房

新浪播客

新浪宽频

爱问视频

百度贴吧视频

QQ播客

QQ宽频

CCTV

搜狐

网友天下

我秀网

Mofile

ESPN

17173播客

Metacafe

veoh

激动网

酷我MV

爆米花

GamesTV

MegaVideo

Stage6

迅雷随便看看

I'm Vlog

leechvideo

TVix.cn

琥珀网

天线视频

凤凰宽频

第一视频

MSN直播频道

百度音乐掌门人

Replays.Net

星际视频网

flvcd地图

Some characters like the < character, have a special meaning in HTML, and therefore cannot be used in the text.

有些字符，像(<)这类的，对HTML来说是有特殊意义的，所以这些字符是不允许在文本中使用的。

To display a less than sign (<) in HTML, we have to use a character entity.

要在HTML中显示(<)这个字符，我们就必须使用实体字符。

Character Entities

实体字符

Some characters have a special meaning in HTML, like the less than sign (<) that defines the start of an HTML tag. If we want the browser to actually display these characters we must insert character entities in the HTML source.

有一些字符对HTML来讲是有特殊意义的，像小于符号(<)是用来定义HTML头标签的。如果我们想在浏览器中显示这类字符就必须在HTML代码中插入实体字符。

A character entity has three parts: an ampersand (&), an entity name or a # and an entity number, and finally a semicolon (;).

一个实体字符有三个部分：一个(&)符号，一个特殊符号名称或一个#加上一个特殊数字，最后是一个分号(;)。

To display a less than sign in an HTML document we must write: &lt; or &#60;

要显示小于符号就得在HTML中写：&lt; 或者&#60;

The advantage of using a name instead of a number is that a name is easier to remember. The disadvantage is that not all browsers support the newest entity names, while the support for entity numbers is very good in almost all browsers.

使用名称的好处是它比用数字来的方便记忆。但不是所有浏览器都支持最新的一些实体字符，不像实体字符那样很好的被所有浏览器做支持。

Note that the entities are case sensitive. 

注意 实体字符需要注意大小写。

This example lets you experiment with character entities: Character Entities IE only

这个例子是让你来试验这些实体字符的（只限IE浏览器）

Non-breaking Space

不换行间隔

The most common character entity in HTML is the non-breaking space.

在HTML中最普通的实体字符就是不换行间隔了。

Normally HTML will truncate spaces in your text. If you write 10 spaces in your text HTML will remove 9 of them. To add spaces to your text, use the &nbsp; character entity.

一般HTML会给你的文本除去间隔，如果你在文本中有10格间隔，那么HTML就会去掉其中的9个。想添加间隔的话就得使用&nbsp; 字符。

The Most Common Character Entities:

一些很常用的实体字符:

Result 结果	Description 描述	Entity Name 实体名	Entity Number 实体数
	non-breaking space 非换行间隔	 	 
<	less than 小于	&lt;	&#60;
>	greater than 大于	&gt;	&#62;
&	ampersand “&” 号	&amp;	&#38;
"	quotation mark 双引号	&quot;	&#34;
'	apostrophe  单引号	&apos; (does not work in IE) IE不支持	&#39;

Some Other Commonly Used Character Entities:

其它常用字符实体:

Result 结果	Description 描述	Entity Name 实体名	Entity Number 实体数
¢	cent 分	¢	¢
£	pound 磅	£	£
¥	yen 元	¥	¥
§	section 部门	§	§
©	copyright 版权	©	©
®	registered trademark 注册商标	®	®
×	multiplication 乘	×	×
÷	division 除	÷	÷

正则表达式是一个描述字符模式的对象。

　　JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法.

　　在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp对象,也可以用JavaScript 1.2中的新添加的一个特殊语法来创建RegExp对象.就像字符串直接量被定义为包含在引号内的字符一样,正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的代码:

var pattern = /s$/;

　　这行代码创建一个新的RegExp对象,并将它赋给变量parttern.这个特殊的RegExp对象和所有以字母"s"结尾的字符串都匹配.用RegExp()也可以定义一个等价的正则表达式,代码如下:

var pattern = new RegExp("s$");

　　无论是用正则表达式直接量还是用构造函数RegExp(),创建一个RegExp对象都是比较容易的.较为困难的任务是用正则表达式语法来描述字符的模式.JavaScript采用的是Perl语言正则表达式语法的一个相当完整的子集.

　　正则表达式的模式规范是由一系列字符构成的.大多数字符(包括所有字母数字字符)描述的都是按照字面意思进行匹配的字符.这样说来,正则表达式/java/就和所有包含子串 "java" 的字符串相匹配.虽然正则表达式中的其它字符不是按照字面意思进行匹配的,但它们都具有特殊的意义.正则表达式 /s$/ 包含两个字符.

　　第一个特殊字符 "s" 是按照字面意思与自身相匹配.第二个字符 "$" 是一个特殊字符,它所匹配的是字符串的结尾.所以正则表达式 /s$/ 匹配的就是以字母 "s" 结尾

的字符串.

　　1.直接量字符

　　我们已经发现了,在正则表达式中所有的字母字符和数字都是按照字面意思与自身相匹配的.JavaScript的正则表达式还通过以反斜杠(\)开头的转义序列支持某些非

　　字母字符.例如,序列 "\n" 在字符串中匹配的是一个直接量换行符.在正则表达式中,许多标点符号都有特殊的含义.下面是这些字符和它们的含义:

　　正则表达式的直接量字符

字符 匹配

________________________________

字母数字字符 自身

\ f 换页符

\ n 换行符

\ r 回车

\ t 制表符

\ v 垂直制表符

\ / 一个 / 直接量

\ \ 一个 \ 直接量

\ . 一个 . 直接量

\ * 一个 * 直接量

\ + 一个 + 直接量

\ ? 一个 ? 直接量

\ | 一个 | 直接量

\ ( 一个 ( 直接量

\ ) 一个 ) 直接量

\ [ 一个 [ 直接量

\ ] 一个 ] 直接量

\ { 一个 { 直接量

\ } 一个 } 直接量

\ XXX 由十进制数 XXX 指 定的ASCII码字符

\ Xnn 由十六进制数 nn 指定的ASCII码字符

\ cX 控制字符^X. 例如, \cI等价于 \t, \cJ等价于 \n

___________________________________________________

如果想在正则表达式中使用特殊的标点符号,必须在它们之前加上一个 "\" .

　　2.字符类

　　将单独的直接符放进中括号内就可以组合成字符类.一个字符类和它所包含的任何一个字符都匹配,所以正则表达式 / [abc] / 和字母 "a" , "b" , "c" 中的任何一个都匹配.另外还可以定义否定字符类,这些类匹配的是除那些包含在中括号之内的字符外的所有字符.定义否定字符尖时,要将一个 ^ 符号作为从左中括号算起的第一个字符.正则表达式的集合是 / [a-zA-z0-9] / .

　　由于某些字符类非常常用,所以JavaScript的正则表达式语法包含一些特殊字符和转义序列来表示这些常用的类.例如, \s 匹配的是空格符,制表符和其它空白符, \s匹配的则是空白符之外的任何字符.

　　正则表灰式的字符类

字符 匹配

____________________________________________________

[...] 位于括号之内的任意字符

[^...] 不在括号之中的任意字符

. 除了换行符之外的任意字符,等价于[^\n]

\w 任何单字字符, 等价于[a-zA-Z0-9]

\W 任何非单字字符,等价于[^a-zA-Z0-9]

\s 任何空白符,等价于[\ t \ n \ r \ f \ v]

\S 任何非空白符,等价于[^\ t \ n \ r \ f \ v]

\d 任何数字,等价于[0-9]

\D 除了数字之外的任何字符,等价于[^0-9]

[\b] 一个退格直接量(特例)

________________________________________________________________

　　3.复制

　　用以上的正则表式的语法,可以把两位数描述成 / \ d \ d /,把四位数描述成 / \d \ d \ d \ d /.但我们还没有一种方法可以用来描述具有任意多数位的数字或者是一个

　　字符串.这个串由三个字符以及跟随在字母之后的一位数字构成.这些复杂的模式使用的正则表达式语法指定了该表达式中每个元素要重复出现的次数.

　　指定复制的字符总是出现在它们所作用的模式后面.由于某种复制类型相当常用.所以有一些特殊的字符专门用于表示它们.例如: +号匹配的就是复制前一模式一次或多次的模式.下面的表列出了复制语法.先看一个例子:

/\d{2, 4}/ //匹配2到4间的数字.

/\w{3} \d?/ //匹配三个单字字符和一个任意的数字.

/\s+java\s+/ //匹配字符串"java" ,并且该串前后可以有一个或多个空格.

/[^"] * / //匹配零个或多个非引号字符.

　　正则表达式的复制字符

字符 含义

__________________________________________________________________

{n, m} 匹配前一项至少n次,但是不能超过m次

{n, } 匹配前一项n次,或者多次

{n} 匹配前一项恰好n次

? 匹配前一项0次或1次,也就是说前一项是可选的. 等价于 {0, 1}

+ 匹配前一项1次或多次,等价于{1,}

* 匹配前一项0次或多次.等价于{0,}

___________________________________________________________________

　　4.选择,分组和引用

　　正则表达式的语法还包括指定选择项,对子表达式分组和引用前一子表达式的特殊字符.字符| 用于分隔供选择的字符.例如: /ab|cd|ef/ 匹配的是字符串 "ab",或者是字符串 "cd",又或者 "ef". /\d{3}|[a-z]{4}/ 匹配的是要么是一个三位数,要么是四个小写字母.在正则表达式中括号具有几种作用.它的主要作用是把单独的项目分组成子表达式,以便可以像处理一个独立的单元那种用 *、+或? 来处理那些项目.例如: /java(script) ?/ 匹配的是字符串 "java",其后既可以有 "script",也可以没有. /(ab|cd) + |ef) / 匹配的既可以是字符串 "ef",也可以是字符串"ab" 或者 "cd" 的一次或多次重复.

　　在正则表达式中,括号的第二个用途是在完整的模式中定义子模式。当一个正则表达式成功地和目标字符串相匹配时,可以从目标串中抽出和括号中的子模式相匹配的部分.例如,假定我们正在检索的模式是一个或多个字母后面跟随一位或多位数字,那么我们可以使用模式 / [a-z] + \ d+/.但是由于假定我们真正关心的是每个匹配尾部的数字,那么如果我们将模式的数字部分放在括号中 (/ [a-z] + (\d+)/) ,我们就可以从所检索到的任何匹配中抽取数字了,之后我们会对此进行解析的.

　　代括号的子表达式的另一个用途是,允许我们在同一正则表达式的后面引用前面的子表达式.这是通过在字符串 \ 后加一位或多位数字来实现的.数字指的是代括号的子表达式在正则表达式中的位置.例如: \1 引用的是第一个代括号的子表达式. \3 引用的是第三个代括号的子表达式.注意,由于子表达式可以嵌套在其它子表达式中,所以它的位置是被计数的左括号的位置.

　　例如:在下面的正则表达式被指定为 \2:

/([Jj]ava([Ss]cript)) \sis \s (fun\w*) /

　　对正则表达式中前一子表达式的引用所指定的并不是那个子表达式的模式,而是与那个模式相匹配的文本.这样,引用就不只是帮助你输入正则表达式的重复部分的快捷方式了,它还实施了一条规约,那就是一个字符串各个分离的部分包含的是完全相同的字符.例如:下面的正则表达式匹配的就是位于单引号或双引号之内的所有字符.但是,它要求开始和结束的引号匹配(例如两个都是双引号或者都是单引号):

/[' "] [^ ' "]*[' "]/

　　如果要求开始和结束的引号匹配,我们可以使用如下的引用:

/( [' "] ) [^ ' "] * \1/

　　\1匹配的是第一个代括号的子表达式所匹配的模式.在这个例子中,它实施了一种规约,那就是开始的引号必须和结束的引号相匹配.注意,如果反斜杠后跟随的数字比代括号的子表达式数多,那么它就会被解析为一个十进制的转义序列,而不是一个引用.你可以坚持使用完整的三个字符来表示转义序列,这们就可以避免混淆了.例如,使用 \044,而不是\44.下面是正则表达式的选择、分组和引用字符:

字符 含义

______________________________________

| 选择.匹配的要么是该符号左边的子表达式,要么它右边的子表达式

(...) 分组.将几个项目分为一个单元.这个单元可由 *、+、？和|等符号使用,而且还可以记住和这个组匹配的字符以供此后引用使用

\n 和第n个分组所匹配的字符相匹配.分组是括号中的子表达式(可能是嵌套的).分组号是从左到右计数的左括号数

______________________________________

　　5.指定匹配的位置

　　我们已经看到了,一个正则表达式中的许多元素才能够匹配字符串的一个字符.例如: \s 匹配的只是一个空白符.还有一些正则表达式的元素匹配的是字符之间宽度为0的空间,而不是实际的字符例如: \b 匹配的是一个词语的边界,也就是处于一个/w字字符和一个\w非字字符之间的边界.像\b 这样的字符并不指定任何一个匹配了的字符串中的字符,它们指定的是匹配所发生的合法位置.有时我们称这些元素为正则表达式的锚.因为它们将模式定位在检索字符串中的一个特定位置.最常用的锚元素是 ^, 它使模式依赖于字符串的开头,而锚元素$则使模式定位在字符串的末尾.

　　例如:要匹配词 "javascript" ,我们可以使用正则表达式 /^ javascript $/. 如果我们想检索 "java" 这个词自身 (不像在 "javascript" 中那样作为前缀),那么我们可以使用模式 /\s java \s /, 它要求在词语java之前和之后都有空格.但是这样作有两个问题.第一: 如果 "java" 出现在一个字符的开头或者是结尾.该模式就不会与之匹配,除非在开头和结尾处有一个空格. 第二: 当这个模式找到一个与之匹配的字符时,它返回的匹配的字符串前端和后端都有空格,这并不是我们想要的.因此,我们使用词语的边界 \b 来代替真正的空格符 \s 进行匹配. 结果表达式是 /\b java \b/.

下面是正则表达式的锚字符:

字符 含义

____________________________________________________________________

^ 匹配的是字符的开头,在多行检索中,匹配的是一行的开头

$ 匹配的是字符的结尾,在多行检索中,匹配的是一行的结尾

\b 匹配的是一个词语的边界.简而言之就是位于字符\w 和 \w之间的位置(注意:[\b]匹配的是退格符)

\B 匹配的是非词语的边界的字符

_____________________________________________________________________

　　6.属性

　　有关正则表达式的语法还有最后一个元素,那就是正则表达式的属性,它说明的是高级模式匹配的规则.和其它正则表达式语法不同,属性是在 / 符号之外说明的.即它们不出现在两个斜杠之间,而是位于第二个斜杠之后.javascript 1.2支持两个属性.属性 i 说明模式匹配应该是大小写不敏感的.属性 g 说明模式匹配应该是全局的.也就是说,应该找出被检索的字符串中所有的匹配.这两种属性联合起来就可以执行一个全局的,大小写不敏感的匹配.

　　例如: 要执行一个大小不敏感的检索以找到词语 "java" (或者是 "java" 、"JAVA"等) 的第一个具体值,我们可以使用大小不敏感的正则表达式 /\b java\b/i .如果要在一个字符串中找到 "java" 所有的具体值,我们还可以添加属性 g, 即 /\b java \b/gi .

以下是正则表达式的属性:

字符 含义

_________________________________________

i 执行大小写不敏感的匹配

g 执行一个全局的匹配,简而言之,就是找到所有的匹配,而不是在找到第一个之后就停止了

_________________________________________

　　除属性 g 和 i 之外,正则表达式就没有其它像属性一样的特性了.如果将构造函数 RegExp 的静态属性 multiline 设置为 true ,那么模式匹配将以多行的模式进行.在这种模式下,锚字符 ^ 和 $ 匹配的不只是检索字符串的开头和结尾,还匹配检索字符串内部的一行的开头和结尾.例如: 模式 /Java$/ 匹配的是 "Java",但是并不匹配"Java\nis fun" .如果我们设置了 multiline 属性,那么后者也将被匹配:

RegExp.multiline = true;

　　正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。要为一个单独的正则表达式添加属性,可以使用正则表达式构造函数(constructor function)，无论何时被调用的预设置的正则表达式拥有静态的属性(the predefined RegExp object has static properties that are set whenever any regular expression is used, 我不知道我翻得对不对，将原文列出，请自行翻译)。

创建：

一个文本格式或正则表达式构造函数

文本格式： /pattern/flags

正则表达式构造函数： new RegExp("pattern"[,"flags"]);

参数说明：

pattern -- 一个正则表达式文本

flags -- 如果存在，将是以下值：

g: 全局匹配

i: 忽略大小写

gi: 以上组合

[注意] 文本格式的参数不用引号，而在用构造函数时的参数需要引号。如：/ab+c/i new RegExp("ab+c","i")是实现一样的功能。在构造函数中，一些特殊字符需要进行转意(在特殊字符前加"\")。如：re = new RegExp("\\w+")

　　正则表达式中的特殊字符

字符 含意

\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。

-或-

对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。

^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"

$ 匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A"

* 匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa

+ 匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa

? 匹配前面元字符0次或1次，/ba*/将匹配b,ba

(x) 匹配x保存x在名为$1...$9的变量中

x|y 匹配x或y

{n} 精确匹配n次

{n,} 匹配n次以上

{n,m} 匹配n-m次

[xyz] 字符集(character set)，匹配这个集合中的任一一个字符(或元字符)

[^xyz] 不匹配这个集合中的任何一个字符

[\b] 匹配一个退格符

\b 匹配一个单词的边界

\B 匹配一个单词的非边界

\cX 这儿，X是一个控制符，/\cM/匹配Ctrl-M

\d 匹配一个字数字符，/\d/ = /[0-9]/

\D 匹配一个非字数字符，/\D/ = /[^0-9]/

\n 匹配一个换行符

\r 匹配一个回车符

\s 匹配一个空白字符，包括\n,\r,\f,\t,\v等

\S 匹配一个非空白字符，等于/[^\n\f\r\t\v]/

\t 匹配一个制表符

\v 匹配一个重直制表符

\w 匹配一个可以组成单词的字符(alphanumeric，这是我的意译，含数字)，包括下划线，如[\w]匹配"$5.98"中的5，等于[a-zA-Z0-9]

\W 匹配一个不可以组成单词的字符，如[\W]匹配"$5.98"中的$，等于[^a-zA-Z0-9]。

　　说了这么多了，我们来看一些正则表达式的实际应用的例子：

E-mail地址验证:

 function test_email(strEmail) {

  var myReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;

  if(myReg.test(strEmail)) return true;

  return false;

 }

HTML代码的屏蔽

 function mask_HTMLCode(strInput) {

   var myReg = /<(\w+)>/;

   return strInput.replace(myReg, "<$1>");

 }

正则表达式对象的属性及方法

　　预定义的正则表达式拥有有以下静态属性：input, multiline, lastMatch, lastParen, leftContext, rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字，并且，这两个名字指向同一个值。(JavaScript模拟perl的正则表达式)

正则表达式对象的属性 属性 含义

$1...$9 如果它(们)存在，是匹配到的子串

$_ 参见input

$* 参见multiline

$& 参见lastMatch

$+ 参见lastParen

$` 参见leftContext

$’　　　　　　　　　 参见rightContext

constructor　　　 创建一个对象的一个特殊的函数原型

global　　　　　　 是否在整个串中匹配(bool型)

ignoreCase　　　　 匹配时是否忽略大小写(bool型)

input　　　　　　　 被匹配的串

lastIndex　　　　 最后一次匹配的索引

lastParen　　　　 最后一个括号括起来的子串

leftContext　　　 最近一次匹配以左的子串

multiline　　　　 是否进行多行匹配(bool型)

prototype　　　　 允许附加属性给对象

rightContext　　　 最近一次匹配以右的子串

source　　　　　　 正则表达式模式

lastIndex　　　　 最后一次匹配的索引

正则表达式对象的方法

方法 含义

compile　　　　　 正则表达式比较

exec　　　　　　　 执行查找

test　　　　　　　 进行匹配

toSource　　　　　 返回特定对象的定义(literal representing)，其值可用来创建一个新的对象。重载Object.toSource方法得到的。

toString　　　　　 返回特定对象的串。重载Object.toString方法得到的。

valueOf　　　　　 返回特定对象的原始值。重载Object.valueOf方法得到

例子

将输出"Smith, John"

http://www.alixixi.com/web/a/2009051255913.shtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Border属性的终极研究---看我七十二变(冰极峰:http://www.cnblogs.com/binyong)</title>

<style type="text/css">

*{margin:0;padding:0;font-size:12px;}

body{background:#555;}

#wrapper{width:500px;margin:0 auto;border-left:4px #888 solid;border-right:4px #888 solid;background:#fff;padding-bottom:50px;}

#corner{position:relative;}

#corner em,#corner b,#corner strong,#corner i,#corner span{display:block;border-top:67px green solid;border-right:67px transparent dotted;width:0;height:0;overflow:hidden;}

#corner b{border-width:65px;border-top-color:red;position:absolute;top:0;left:0;}

#corner em{border-width:63px;border-top-color:orange;position:absolute;top:0;left:0;}

#corner i{border-width:37px;border-top-color:orange;position:absolute;top:0;left:0;}

#corner strong{border-width:35px;border-top-color:red;position:absolute;top:0;left:0;}

#corner span{border-width:33px;border-top-color:#fff;position:absolute;top:0;left:0;}

#corner a{position:absolute;display:block;width:10px;height:10px;font-size:12px;color:#fff;font-weight:bold; text-decoration:none;}

#corner a#b1{left:34px;top:3px;}

#corner a#b2{left:18px;top:18px;}

#corner a#b3{left:3px;top:33px;}

h1 {width:310px;height:100px;line-height:100px;color:#2f231a;font-size:16px;margin:0px auto;position:relative;}

h1 b {color:#b2c63a;font-size:16px;font-style:normal;left:-1px;position:absolute;top:-1px;}

h1 strong{position:absolute;top:25px;left:100px;height:22px;}

/*盒子*/

.tab{width:400px;margin:0 auto;border:1px orange solid;margin-top:10px;text-align:center;}

h2{border-bottom:1px orange solid;line-height:30px;padding-left:10px;background:#FFC966;color:#7C66FF;text-align:center;}

.blog{background:#2f231a;}

.blog a:link,.blog a:visited{color:#fff;}

h3{text-align:center;line-height:26px;height:26px;}

.photobox{border-left:10px red ridge;border-top:10px green ridge;border-right:10px yellow ridge;border-bottom:10px orange ridge;}

.tab_pannel{width:380px;overflow:hidden;margin:20px auto;}

.tab_content{border:1px orange solid;height:100px;width:368px;margin:0 auto;text-align:left;}

/*基本形状----------------------------------------------------------------------------*/

.base{border:1px orange solid;padding-top:10px;width:370px;margin:0 auto;overflow:hidden;}

.base b{width:0;height:0;overflow:hidden;margin-right:20px;display:block;}

/*下三角形*/

.t1{border-left:20px #fff solid;border-top:20px green solid;border-right:20px #fff solid;border-bottom:0;}

/*左三角形*/

.t2{border-top:20px #fff solid;border-right:20px red solid;border-bottom:20px #fff solid;border-left:0;overflow:hidden;}

/*右三角形*/

.t3{border-top:20px #fff solid;border-left:20px #000 solid;border-bottom:20px #fff solid;border-right:0;}

/*上三角形*/

.t4{border-left:20px #fff solid;border-bottom:20px blue solid;border-right:20px #fff solid;border-top:0;}

/*基本形状*/

.tb_base{margin:0 auto;}

.tb_base .s1{display:block;border-left:20px red solid;border-top:20px green solid;border-right:20px yellow solid;border-bottom:20px orange solid;width:0px;height:0px;overflow:hidden;margin:0 auto;}

.tb_base .s2{display:block;border-left:10px red solid;border-top:10px green solid;border-right:10px yellow solid;border-bottom:10px orange solid;width:20px;height:20px;overflow:hidden;margin:0 auto;}

.tb_base .s3{display:block;border-left:20px transparent dotted;border-top:20px green solid;border-right:20px transparent dotted;border-bottom:20px orange solid;width:0px;height:0px;overflow:hidden;margin:0 auto;}

.tb_base .s3-1{display:block;border-top:20px transparent dotted;border-left:20px green solid;border-bottom:20px transparent dotted;border-right:20px orange solid;width:0px;height:0px;overflow:hidden;margin:0 auto;}

.tb_base .s4{display:block;border-left:40px transparent dotted;border-top:40px green solid;width:0px;height:0px;overflow:hidden;}

.tb_base .s5{display:block;border-right:40px transparent dotted;border-top:40px red solid;width:0px;height:0px;overflow:hidden;}

.tb_base .s6{display:block;border-left:40px transparent dotted;border-bottom:40px #000 solid;width:0px;height:0px;overflow:hidden;}

.tb_base .s7{display:block;border-bottom:40px blue solid;border-right:40px transparent dotted;width:0px;height:0px;overflow:hidden;}

/*综合运用0*/

#menu1{list-style:none;width:380px;margin:0px auto;padding-left:5px;height:20px;}

#menu1 li{float:left;width:85px;height:20px;line-height:20px;margin-right:10px;}

#menu1 li a{position:relative;width:100%;display:block;background:green;text-decoration:none;text-align:center;color:#fff}

#menu1 li a b{position:absolute;top:20px;left:40px;border-left:5px #fff solid;border-top:5px green solid;border-right:5px #fff solid;border-bottom:0;display:none;width:0;height:0;overflow:hidden;}

#menu1 li a:hover{background:orange;}

#menu1 li a:hover b{border-top:5px orange solid;display:block;}

/*综合运用1-菱形菜单*/

p{padding:20px;}

#other li a b{top:10px; right:20px;background:#fff;}

#menu2{list-style:none;width:368px;height:20px;position:relative;left:6px;*left:0px;}

#menu2 li{width:70px;float:left;}

#menu2 li a{display:block;width:70px;border-left:20px transparent dotted;border-top:0;text-decoration:none;color:#fff;position:absolute;}

#menu2 #m1 a{border-bottom:20px green groove;left:39px;}

#menu2 #m2 a{border-bottom:20px red groove;left:119px;}

#menu2 #m3 a{border-bottom:20px blue groove;left:199px;}

#menu2 #m4 a{border-bottom:20px orange groove;left:279px;}

#menu2 li a span{display:block;position:absolute;top:5px;left:8px;}

#menu2 li a:hover{color:#00FFFF;}/**/

#menu2 #m1 a:hover{border-bottom:20px #CC9933 groove;}

#menu2 #m2 a:hover{border-bottom:20px gray groove;}

#menu2 #m3 a:hover{border-bottom:20px #FF00FF groove;}

#menu2 #m4 a:hover{border-bottom:20px #99CC66 groove;}

/*综合运用2-菱形菜单*/

#menu3{list-style:none;width:368px;height:20px;position:relative;left:6px;*left:0;}

#menu3 li{width:90px;height::20px;line-height:20px; float:left; overflow:hidden;position:relative;}

#menu3 li a{display:block;width:70px;height:0px;text-decoration:none;border-left:20px transparent dotted;border-bottom:20px green solid;border-top:0;position:relative;}

#menu3 li a span{display:block;position:absolute;top:2px;left:0px;color:#fff;}

#menu3 li a em{display:block;position:absolute; top:0px;left:50px;border-left:20px green solid;border-bottom:20px #fff solid;width:0;height:0;overflow:hidden;background:#fff;cursor:pointer;}

#menu3 li a:hover{ border-bottom-color:orange;}

#menu3 li a:hover span{background:orange;cursor:pointer;color:#0000CC;}

#menu3 li a:hover em{border-left:20px orange solid;}

#menu3 #m5{left:54px;}

#menu3 #m6{left:39px;}

#menu3 #m7{left:24px;}

#menu3 #m8{left:9px;}

/*滑动条*/

.box{width:200px;line-height:30px;margin:30px auto; position:relative;border:1px orange solid;}

.sliderbg{display:block;border-bottom:5px #F30 solid;width:200px;height:2px;line-height:2px;position:absolute;top:8px;left:0px;}

#sliderbar{width:10px;height:20px;margin-left:20px;}

#sliderbar a{display:block;border-left:5px transparent dotted;border-right:5px transparent dotted;border-bottom:5px orange solid; width:0;height:0;position:relative;}

#sliderbar a b{position:absolute;top:5px;left:-5px;display:block;width:10px;height:15px;background:orange;overflow:hidden;}

#sliderbar a:hover{border-bottom:5px #00F solid;}

#sliderbar a:hover b{background:#00F; cursor:pointer;}

/*右边的上下三角形*/

.title{border-bottom:1px orange solid;line-height:26px;padding-left:10px;position:relative;overflow:hidden;background:#FFDB99;height:26px;}

.title b{display:block;width:280px;line-height:26px;height:26px;padding-left:10px;float:left;}

.title span a{display:block;width:0px;height:0px;float:left;overflow:hidden;position:absolute;border-left:5px transparent dotted;border-right:5px transparent dotted;}

.title .up a{border-bottom:5px #666 solid;top:7px;right:10px;}

.title .up a:hover{border-bottom:5px blue solid;}

.title .down a{border-top:5px #666 solid;top:14px;right:10px;}

.title .down a:hover{border-top:5px blue solid;}

/*综合运用3---------------------------幸运转轮1*/

#menu4box{width:182px;height:160px;margin:20px auto;background:#fff;/*背景颜色值*/}

#menu4{list-style:none;width:182px;height:20px;position:relative;margin:20px auto;}

#menu4 li{position:absolute;}

#menu4 li a{display:block;width:0;height:24px;border-top:10px transparent dotted;border-right:20px #FF00CC solid;border-bottom:10px transparent dotted;}

#menu4 li a em{display:block;width:0;height:24px;border-top:10px transparent dotted;border-left:20px #FF00CC solid;border-bottom:10px transparent dotted;position:absolute;top:0;left:20px;cursor:pointer;}

#menu4 li a b{display:block;width:20px;height:22px;position:absolute;top:15px;left:13px;font-size:14px;color:#fff;cursor:pointer;}

#menu4 li a{text-decoration:none;}

#menu4 li a:hover{border-right-color:#CC3300;}

#menu4 li a:hover em{border-left-color:#CC3300;cursor:pointer;}

#menu4 li a:hover b{color:#000000;cursor:pointer;}

#m9{left:50px;}

#m10{left:95px;}

#m11{left:27px;top:38px;}

#m12{left:72px;top:38px;}

#m13{left:117px;top:38px;}

#m14{left:50px;top:76px;}

#m15{left:95px;top:76px;}

/*综合运用4--------------------------幸运转轮2*/

#menu5box{position:relative;width:182px;height:200px;margin:20px auto;background:#fff;/*背景颜色值*/}

#menu5{list-style:none;}

.intbg{position:absolute;top:50px;left:40px;display:block;width:100px;height:98px;background:#CC66CC;/*线条颜色值*/}

#menu5 li{position:absolute;}

/*键*/

.out a{display:block;width:0;height:26px;border-top:10px transparent dotted;border-right:20px #CC66CC solid;border-bottom:10px transparent dotted;}

.out a em{display:block;width:0;height:26px;border-top:10px transparent dotted;border-left:20px #CC66CC solid;border-bottom:10px transparent dotted;position:absolute;top:0;left:19px;cursor:pointer;}

.out a b{display:block;width:20px;height:22px;position:absolute;top:15px;left:13px;font-size:14px;color:#fff;cursor:pointer;}

.out a{text-decoration:none;}

.out a:hover{border-right-color:#CC3300;}

.out a:hover em{border-left-color:#CC3300;cursor:pointer;}

.out a:hover b{color:#000000;cursor:pointer;}

/*填充背景色*/

.int a{display:block;width:0;height:24px;border-top:10px transparent dotted;border-right:20px #fff solid;border-bottom:10px transparent dotted;}

.int a em{display:block;width:0;height:24px;border-top:10px transparent dotted;border-left:20px #fff solid;border-bottom:10px transparent dotted;position:absolute;top:0;left:19px;}

.int a b{display:block;width:20px;height:22px;position:absolute;top:15px;left:13px;}

/*外面定位*/

#t1{left:72px;top:5px;}

#t2{left:11px;top:39px;}

#t3{left:133px;top:39px;}

#t4{left:11px;top:111px;}

#t5{left:133px;top:111px;}

#t6{left:72px;top:146px;}

/*里面定位*/

#f1{left:50px;top:38px;}

#f2{left:94px;top:38px;}

#f3{left:28px;top:76px;}

#f4{left:72px;top:76px;}

#f5{left:116px;top:76px;}

#f6{left:50px;top:115px;}

#f7{left:94px;top:115px;}

/*中心圆*/

#f4 a{text-decoration:none;border-top:10px transparent dotted;border-right:20px #FF0000 solid;border-bottom:10px transparent dotted;}

#f4 a em{display:block;border-top:10px transparent dotted;border-left:20px #FF0000 solid;border-bottom:10px transparent dotted;position:absolute;top:0;left:19px;cursor:pointer;}

#f4 a:hover{border-right-color:#CC3300;}

#f4 a:hover em{border-left-color:#CC3300;cursor:pointer;}

#f4 a:hover b{font-size:14px;color:#fff;cursor:pointer;}

#f4 a b{display:block;width:20px;height:22px;position:absolute;top:15px;left:13px;font-size:14px;color:#fff;cursor:pointer;}

/*综合运用5-------------------------六角星*/

#menu6box{position:relative;width:182px;height:150px;margin:20px auto;background:#fff;}

#menu6{list-style:none;padding-top:10px;}

#menu6 li{width:50px;height:55px;border:1px red solid;position:relative;float:left;margin-left:5px;margin-bottom:5px;}

#menu6 li a{display:block;border-left:25px transparent dotted;border-bottom:40px red solid;border-right:25px transparent dotted;width:0;height:0;margin:0 auto; text-decoration:none;}

#menu6 li a b{display:block;border-left:25px transparent dotted;border-top:40px red solid;border-right:25px transparent dotted;width:0;height:0;position:absolute;top:15px;left:0px; z-index:1; cursor:pointer;}

#menu6 li a em{display:block;width:20px;height:22px;position:absolute; z-index:2; top:20px;left:18px;font-size:14px;color:#fff; font-style:normal;font-weight:bold;cursor:pointer;}

#menu6 li a:hover{border-bottom-color:#000099;}

#menu6 li a:hover b{border-top-color:#000099;}

#menu6 li a:hover em{color:orange;}

</style>

</head>

<body>

<div id="wrapper">

<div id="corner"><b></b><em></em><i></i><strong></strong><span></span>

<a href="http://www.cnblogs.com/binyong" id="b1">冰</a>

<a href="http://www.cnblogs.com/binyong" id="b2">极</a>

<a href="http://www.cnblogs.com/binyong" id="b3">峰</a>

</div>

<h1>Border属性的终极研究---看我七十二变<b>Border属性的终极研究---看我七十二变</b><strong>原创：冰极峰</strong></h1>

<h2 class="blog">新Blog地址:<a href="http://www.cnblogs.com/binyong">http://www.cnblogs.com/binyong</a></h2>

<div class="tab" style="margin-top:30px;">

<h2>border的基本形状</h2>

<div class="base" style="margin-top:10px;">

<h3>四条边框的基本变化</h3>

<table class="tb_base">

<tr>

<td>

<span class="s2"></span><p>默认样式</p>

</td>

<td>

<span class="s1"></span><p>米字格</p>

</td>

<td>

<span class="s3"></span><p>左右透明</p>

</td>

<td>

<span class="s3-1"></span><p>上下透明</p>

</td>

</tr>

</table>

</div>

<div class="base" style="margin-top:10px;">

<h3>相邻两条边框组成45度斜角</h3>

<table class="tb_base">

<tr>

<td>

<span class="s4"></span>

</td>

<td>

<span class="s5"></span>

</td>

<td>

<span class="s6"></span>

</td>

<td>

<span class="s7"></span>

</td>

</tr>

</table>

</div>

<div class="base" style="margin-top:10px;margin-bottom:10px;">

<h3>相邻三条边框组成三角形</h3>

<table class="tb_base">

<tr>

<td>

<b class="t1"></b>

</td>

<td>

<b class="t2"></b>

</td>

<td>

<b class="t3"></b>

</td>

<td>

<b class="t4"></b>

</td>

</tr>

</table>

</div>

</div>

<div class="tab">

<h2>百变神功--border的综合运用</h2>

<div class="tab_pannel">

<ul id="menu1">

<li><a href="http://www.cnblogs.com/binyong" target="_blank">今日头条<b style="display:block;"></b></a></li>

<li><a href="http://www.cnblogs.com/binyong" target="_blank">产品新闻<b></b></a></li>

<li><a href="http://www.cnblogs.com/binyong" target="_blank">热点跟踪<b></b></a></li>

<li id="other"><a href="http://www.cnblogs.com/binyong" target="_blank">分类新闻<b></b></a></li>

</ul>

<div class="tab_content">

<p>这是一个第一个综合应用的例子，鼠标移到上面菜单看看效果，加上JS就是一个选项卡了</p>

</div>

</div>

<div class="tab_pannel">

<ul id="menu2">

<li id="m1"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>今日头条</span></a></li>

<li id="m2"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>产品新闻</span></a></li>

<li id="m3"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>热点跟踪</span></a></li>

<li id="m4"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>分类新闻</span></a></li>

</ul>

<div class="tab_content">

<p>这是第二个综合应用的例子，不规则菜单的应用。</p>

</div>

</div>

<div class="tab_pannel">

<ul id="menu3">

<li id="m5"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>今日头条</span><em></em></a></li>

<li id="m6"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>产品新闻</span><em></em></a></li>

<li id="m7"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>热点跟踪</span><em></em></a></li>

<li id="m8"><a href="http://www.cnblogs.com/binyong" target="_blank"><span>分类新闻</span></a></li>

</ul>

<div class="tab_content">

<p>这是第三个综合应用的例子，菱形菜单的应用。</p>

</div>

</div>

<div class="tab_content" style="height:100px;margin-bottom:20px;">

<h3 class="title">Border的模仿秀---滑动栏

<span class="up"><a id="arrow" href="#none" title="我是border模仿的哟" onclick="closeW('context')"></a></span>

<span class="down"><a id="arrow" href="#none" title="我也是用border模仿的哟" onclick="f_s('context')"></a></span>

</h3>

<div class="box">

<span class="sliderbg" ></span>

<div id="sliderbar" title="我是border模仿">

<a href="#"><b></b></a>

</div>

</div>

</div>

<div class="tab_content" style="height:250px;">

<h3 class="title">Border的模仿秀---幸运转轮1

<span class="up"><a id="arrow" href="#none" title="我是border模仿的哟" onclick="closeW('context')"></a></span>

<span class="down"><a id="arrow" href="#none" title="我也用是border模仿的哟" onclick="f_s('context')"></a></span>

</h3>

<div class="photobox" id="menu4box">

<ul id="menu4">

<li id="m9"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>祝</b></a></li>

<li id="m10"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>朋</b></a></li>

<li id="m11"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>友</b></a></li>

<li id="m12"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>幸</b></a></li>

<li id="m13"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>福</b></a></li>

<li id="m14"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>安</b></a></li>

<li id="m15"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>康</b></a></li>

</ul>

</div>

</div>

<div class="tab_content" style="height:280px;margin-top:20px;">

<h3 class="title">Border的模仿秀---幸运转轮2

<span class="up"><a id="arrow" href="#none" title="我是border模仿的哟" onclick="closeW('context')"></a></span>

<span class="down"><a id="arrow" href="#none" title="我也用是border模仿的哟" onclick="f_s('context')"></a></span>

</h3>

<div id="menu5box" class="photobox">

<span class="intbg"></span>

<ul id="menu5">

<li class="int" id="f1"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b></b></a></li>

<li class="int" id="f2"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b></b></a></li>

<li class="int" id="f3"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b></b></a></li>

<li class="int" id="f4"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>爱</b></a></li>

<li class="int" id="f5"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b></b></a></li>

<li class="int" id="f6"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b></b></a></li>

<li class="int" id="f7"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b></b></a></li>

<li class="out" id="t1"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>有</b></a></li>

<li class="out" id="t2"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>一</b></a></li>

<li class="out" id="t3"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>种</b></a></li>

<li class="out" id="t4"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>叫</b></a></li>

<li class="out" id="t5"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>幸</b></a></li>

<li class="out" id="t6"><a href="http://www.cnblogs.com/binyong" target="_blank"><em></em><b>福</b></a></li>

</ul>

</div>

</div>

<div class="tab_content" style="height:230px;margin-top:20px;margin-bottom:20px;">

<h3 class="title">Border的模仿秀--六角星

<span class="up"><a id="arrow" href="#none" title="我是border模仿的哟" onclick="closeW('context')"></a></span>

<span class="down"><a id="arrow" href="#none" title="我也用是border模仿的哟" onclick="f_s('context')"></a></span>

</h3>

<div id="menu6box" class="photobox">

<ul id="menu6">

<li><a href="http://www.cnblogs.com/binyong" id="b1" target="_blank"><b></b><em>六</em></a></li>

<li><a href="http://www.cnblogs.com/binyong" id="b2" target="_blank"><b></b><em>角</em></a></li>

<li><a href="http://www.cnblogs.com/binyong" id="b3" target="_blank"><b></b><em>星</em></a></li>

<li><a href="http://www.cnblogs.com/binyong" id="b4" target="_blank"><b></b><em>亮</em></a></li>

<li><a href="http://www.cnblogs.com/binyong" id="b5" target="_blank"><b></b><em>晶</em></a></li>

<li><a href="http://www.cnblogs.com/binyong" id="b6" target="_blank"><b></b><em>晶</em></a></li>

</ul>

</div>

</div>

</div>

</div>

</body>

</html>

相信一个1.9G的数据能压缩成64K么？相信一部10分钟左右带震撼音乐的动画紧紧64K么？近25万倍的压缩率，如果能应用到偶的机器上，那么偶的本本80G硬盘将等于80*250000。。。每年，世界各地著名的Warez组织都会推出一个小的动画片来比较，仅仅是用来炫耀其实力。什么是Warez？它是国外软件破解、盗版制作者的统称，号称“不以赢利为目的纯技术团体”。

先选择好分辨率、音乐等：

相信你的眼睛，下面截图全部是来自那个64K的东西。

介绍：

prophecy《彗星撞地球》2000年时的最经典力作！相信大多网友对这个演示是相当熟悉了将1.9G的数据压缩为64K，其3D渲染和声效却令人震撼，尤其是已64K的大小竟然演示了近10分钟的不重复3D影片，其技术令人震惊～因为，事实上，这个动画的真正容量超过15G，也就是说这个Warez组织把它压缩了25万倍。注：系统必须安装有directx8.0才行。因为动画支持DX8.0加速。因为图像是实时渲染出来，你的显卡内存要达到一般要求才能无卡播放，十多年前的老爷车就比较吃力了，不过现在的电脑配置相对于那时好了不知多少倍了！

文件名称： 彗星撞地球

文件版本：

文件格式： RAR

文件大小： 128 KB

更新日期： 2009.1.4

下载地址：（注：该压缩包包含两个影片共2*64=128K）http://www.lesishu.cn/wp-content/uploads/prophecy.rar

1秒钟即可下载完毕，两秒即可解压RAR，然后选择两个exe文件中的一个，双击播放！（要是电影都做成这样，存再多的电影硬盘也不会不够用了！）

YSlow是yahoo美国开发的一个页面评分插件，分析页面的不足，指导改进和优化。

-----------------------------------------------------------------------

『Yslow 安装说明』

1.下载FireFox的Add-in Yslow （自己可以找，更安全）

2.安装完成后重启FF，可以看到右下角有Yslow的图标，点击图标，再点击弹出框里的Preformance 标签，可以看到有对网站的评分

-----------------------------------------------------------------------

『YSlow 评分规则』   英文原版

主要有12条：

1. Make fewer HTTP requests 尽可能少的http请求

其中JS请求，CSS请求，CSS background images请求，如果这3项加载的过多，对页面加载的非常不利，但纯img请求，并没有列为不利因素

一般情况下页面上只会出现一个JS和一个CSS（对JS的封装得有一定的要求）。

一般页面上的ICON，栏目背景啊，图片按钮啊，我们都会用图片CSS背景来实现，而一般这个图片CSS背景用到的图片都是比较小的，所以完全可以把这些图片合并成一个相对比较大的图片，这样页面上只会出现一个CSS background images请求，最多也就2-3个。后来仔细看了下雅虎美国的页面，他们的确也是这样做的，虽然这样做需要花一定的时间来有规则的合并这些ICON，栏目背景，图片按钮，以方便CSS调用，但是这样做绝对是合算的，而且是有必要的，YSlow也是极力推荐的。

2. Use a CDN CDN的全称是Content Delivery Network，即内容分发网络

其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络”边缘”，使用户可以就近取得所需的内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因所造成的用户访问网站响应速度慢的问题。

据说SA明年会做几个点的CND。

3. Add an Expires header 设置过期的HTTP Header.

设置Expires Header可以将脚本, 样式表, 图片, Flash等缓存在浏览器的Cache中.

设置过期的HTTP Header 更应该做在脚本, 样式表, Flash上.

4. Gzip components 对页面内容进行Gzip格式的压缩

Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常大，一般压缩率为85%，就是说服务器端100K的页面可以压缩到25K左右的Gzip格式的数据发给客户端，客户端收到Gzip格式的数据后自动解压缩后显示页面。

如果外部链接，例如（有外部的广告投放JS，这个JS说拥有的网站是没有做过GZIP优化）也会连累了自身网站

5. Put CSS at the top 把CSS外部链接放到页面的顶部

其实这个原则我们一般都遵守的，如果把CSS外部链接作为逻辑的一部分出现在页面头部以下，这个本身就是个错误。WEB前端工程师有义务杜绝这些不合理的产品逻辑破坏我们的页面结果及页面加载速度，不能为了实现而实现。

6. Put JS at the bottom 把Javascript脚本尽量放到页面底部加载。

一开始为以为Javascript脚本尽量放到页面底部加载，是指所有的JS脚本都要放到底部，后来才发现，并不完全是这样，这里所指的脚本是指那些在加载过程中要执行的脚本，所以一般的处理办法还是页面头部引入JS链接，页面底部执行JS脚本程序。为了实现最大的下载并行，页面加载初期做的事，最好只有下载，HTML的下载，CSS的下载,JS的下载，等下载完成后再去实现页面渲染，JS脚本运行。

7. Avoid CSS expressions 避免CSS表达式

其实在CSS中运行表达式和页面加载中运行大量的JS脚本差不多，或许还更慢，而且还不兼容，虽然可以使我们在页面逻辑简单不少，但是我们完全可以抛弃之。

9. Reduce DNS lookups 尽可能少的DNS查找。

一般不要超过4个。不过这个主要是服务器架构上的问题，一个主域名，一个图片的，一个STYLE的，最多加上IFREAM的刚好4个。

10. Minify JS 对Javascript代码进行压缩。

一个不错的压缩工具，yuicompressor，雅虎美国开发的JAVA压缩包 yuicompressor.jar。压缩的相当完美，不仅把代码间的空格换行给去除掉了，而且对变量名，北部方法名都进行的简化，无意中实现了混淆脚本的作用。

对JS合并，进行压缩

一套是压缩前的（调试用的），一套是压缩后（发布到网上的），且要保证2套代码一致。

所以最完美的做法是在发布的时候实现JS脚本合并，并对其用yuicompressor进行压缩，然后发布到网上，把关键点移到发布的时候，这样我们只需要关心一套JS脚本（发布前的版本）。

11. Avoid redirects 避免重定向（跳转）

经常遇到的一种做法，注册成功后，旺旺会有一个页面提示“你已经注册成功，3秒后将自动跳转到XX页面”。

还有一种常见的链接，

http://www.google.com   或者

http: //www.google.com/ , 他们的区别很大！

服务器如果接收到的URL是http: //www.google.com ，它会自动重新定向到http://www.google.com /，虽然最后都打开了google的首页，

但是前者比后者多走了一步,重定向，所以加URL链接的时候，别忘了把最后的“/”给加上去。

12. Remove duplicate scripts 去除重复的脚本

不仅要做到一个页面脚本不重复，而且要做到N个页面，脚本要重用。

13. Configure ETags 好像是服务器端配置的问题

YAHOO的官方说明，好像还有一个AJAX CACHE(AJAX 缓存)。

随着我们AJAX应用的广泛，AJAX 缓存这个概念一定有，AJAX是个好东西，但是重复的数据，无休止的向后台申请，绝对是个错误（不仅是速度上还是对服务器压力上来说），所以就要对我们已经申请到的数据进行缓存，当第2次用到的时候，就直接从缓存中取，不要再去访问服务器资源了。这个思想不仅仅适合 AJAX，在所有有数据复用的应用中都应该考虑到。

通过 CSS transform (firefox文档, safari文档)属性. 无所不能的css也开始玩起3D效果了。在配合 CSS transitions(文档) 我们还可以对3D样式进行动画表现。

请看下面例子 （IE核的浏览器都不支持哦！）

3D方块演示

支持的浏览器: Safari 3.2+, Google Chrome, Firefox 3.5+

3D方块动画演示，不含任何脚本

支持的浏览器: Safari 4+, Google Chrome

以下为网上收集，描述有些欠妥，待我研究透后完善之

FCKeditor在ASP环境中配置使用

环境：XPSP2，IIS5.1，FCKeditor2.0

在IIS上建立一个新的站点，如FCKeditor

在DW里建立一个相对应的站点，测试服务器为本机，支持VBScript

下载FCKeditor2.0，这个东西是开源的，网上能下到的地方很多，自己找去……

下载下来的应该是压缩包，解压到FCKeditor站点根目录，什么都不需要更改，直接就可以开始调用了。等你会了的时候，会发现简单得要死去！

在站点根目录下，新建一个index.asp页面，<body>段内加如下代码（调用编辑器）：

<%

Dim oFCKeditor

Set oFCKeditor = New FCKeditor

oFCKeditor.BasePath = "/FCKeditor/" //设置编辑器的路径，我站点根目录下的一个目录

oFCKeditor.ToolbarSet = "Default"

oFCKeditor.Width = "100%"

oFCKeditor.Height = "600"

oFCKeditor.Value = "" //这个是给编辑器初始值

oFCKeditor.Create "logbody" //以后编辑器里的内容都是由这个logbody取得，命名由你定

%>

加了这一段别忘了在index.asp前面第二行加上

<!--#include file="FCKeditor/fckeditor.asp" -->

把fckeditor.asp包含进来。切记切记！

就这么简单！

现在你只要把这个编辑器当成一个控件来使用，提取它的数据时用：request("logbody")

现在松口气吧。测试成功了。里面有些设置，去网上找些高级的使用说明来看吧。

调用方法

FCKeditor asp调用方法1
<!-- #INCLUDE file="FCKeditor/FCKeditor.asp" -->
<form action="sampleposteddata.asp" method="post" target="_blank">
<%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/FCKeditor/"
oFCKeditor.ToolbarSet = "Default"
oFCKeditor.Width = "100%"
oFCKeditor.Height = "400"
oFCKeditor.Value = "1234123123"
oFCKeditor.Create "Content"
%>


<input type="submit" value="Submit" />
</form>

FCKeditor asp调用方法2

<!--#include file="FCKEditor/fckeditor.asp" -->

<%
'多个控件使用一个编辑器
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/fckeditor/"
oFCKeditor.ToolbarSet = "yongfa365"
oFCKeditor.Width = "100%"
oFCKeditor.Height = "100"
oFCKeditor.Config("ToolbarLocation") ="Out:xToolbar"
oFCKeditor.Value = ""
oFCKeditor.Create "txtContentHeader"
%>

<div id="xToolbar"></div>
<%
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/fckeditor/"
oFCKeditor.ToolbarSet = "yongfa365"
oFCKeditor.Width = "100%"
oFCKeditor.Height = "400"
oFCKeditor.Config("ToolbarLocation") ="Out:xToolbar"
oFCKeditor.Value = ""
oFCKeditor.Create "txtContent"
%>

-------------------------------------------------------------------------------------------------------------
FCKeditor js调用方法1
<script src="FCKeditor/FCKeditor.js"></script>
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'Content' ) ;
oFCKeditor.BasePath = 'FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Basic' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '400' ;
oFCKeditor.Value = '' ;
oFCKeditor.Create() ;
</script>


FCKeditor js调用方法2
<script src="FCKeditor/FCKeditor.js"></script>
<script type="text/javascript">
<!--
function showFCK(){
 var oFCKeditor = new FCKeditor('Content') ;
 oFCKeditor.BasePath = 'FCKeditor/' ;
 oFCKeditor.ToolbarSet = 'Basic' ;
 oFCKeditor.Width = '100%' ;
 oFCKeditor.Height = '200' ;
 oFCKeditor.Value = '' ;
 oFCKeditor.ReplaceTextarea() ;
 document.getElementById("btnShow").disabled = 'true';
 document.getElementById("btnShow").style.display = 'none';

}
//-->
</script>
<textarea name="Content"></textarea>
<input id=btnShow style="display:inline" type=button onClick="showFCK()">

详细配置

　　FCKeditor 2.0版终于出来了，之所以用“终于”这个词，是因为在这一版本上加上了众望所归的FLASH插入功能。可以说在所有的在线编辑器中，FCKeditor是目前互联网上最好的编辑器，功能强大，支持多种浏览器，无平台限制，可以和多种WEB语言融合，多语言支持，开源等~~

　　对于一个全新的网站，FCKeditor就可以直接拿过来用了，不需要进行什么修改。但是对于绝大多数的已有网站而言，FCKeditor的一些设置并不适合自己的使用，这篇文章旨在告诉你简单的修改FCKeditor以方便您的网站的使用。

　　第一项工作就是对这个功能宏大的编辑器进行精简，当然是文件精简而非功能精简化。在这里我以asp版的FCKeditor为例进行，进入到FCKeditor 2.0文件夹下，先把以“_”为开头的文件夹统统删除，这些文件夹里放的是范例或是一些其它工具。其实也就是只保留editor文件夹、fckconfig.js、fckeditor.asp、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了，最外层的精简化完毕，进入到editor文件夹内，先把“_source”文件夹删除，这里是一些源文件，对于使用来说没什么用处。

　　进入images文件夹，删除smiley文件夹，些文件是放表情图标的，由于接下来我会用我自己的表情图标，先把他们的删除，当然，如果你想用这里的表情图标那就不要删掉了。退出 images再进入lang文件夹内，这里的东西可以来个大清洗了，只保留fcklanguagemanager.js、zh-cn.js、en.js、zh.js这四个文件，第一个文件是语言配置文件，有了它才能和fckconfig.js里的设置成对对应上相应的语言文件,zh-cn.js是简体中文语言包,en.js就不用说了吧，zh.js是繁体中文的。怎么样？一下子少了几百K，爽吧~

　　再退出lang文件夹，进入skin文件夹，如果你想使用fckeditor默认的这种奶黄色，那就把除了default文件夹外的另两个文件夹直接删除，如果想用别的，那就自己考虑了，不过我给你个建议，如果不想用默认的，那就选那个silver，因为银色也就是灰色和任何颜色配起来都不会难看，而那个office2003的皮肤，反正我是非常不喜欢的，并且图片相对也比较大，又增加了下载时间，不要！

　　精简的最后一步，退出skin文件夹，再进入filemanager，如果你用的不是最新版的fckeditor的话，那这里就一个文件夹browser，新版的还有一个upload文件夹。一个个来，先进入到filemanager/browser/default/connectors/下，因为我是用的asp的，所以除asp文件夹外，全部删除。然后再进入filemanager/upload/下，同样，只留asp文件夹，至此，编辑器的精简化已经结束了，接下来，我们对编辑器进行设置修改。

--------------------------------------------------------------------------------

　　第一个修改的文件，也就是fckeditor总配置文件，位于根目录下的fckconfig.js文件。请根据下面的列表进行（以fckeditor 2.0版的为准）：

找到第20行 FCKConfig.DefaultLanguage = 'en' ;改为 FCKConfig.DefaultLanguage = 'zh-cn' ;设置默认语言为简体中文

找到第40行 FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。

如果你的编辑器还用在网站前台的话，比如说用于留言本或是日记回复时，那就不得不考虑安全了，在前台千万不要使用Default的toolbar，要么自定义一下功能，要么就用系统已经定义好的Basic，也就是基本的toolbar，

找到第64行 FCKConfig.ToolbarSets["Basic"] = [

['Bold','Italic','-','OrderedList','UnorderedList','-','Unlink','-','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview']

] ;

这是我改过的Basic，把图像功能去掉，把添加链接功能去掉，因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件，要是这儿不改直接给你上传个木马还不马上玩完？但是光这样还不行，fckeditor还支持编辑域内的鼠标右键功能。

找到第73行

FCKConfig.ContextMenu = ['Generic','Anchor','Flash','Select','Textarea','Checkbox','Radio','TextField','HiddenField','Button','BulletedList','NumberedList','TableCell','Table','Form'] ;

这也是我改过的把鼠标右键的“链接、图像，FLASH，图像按钮”功能都去掉。

　　找到 第77行 FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

加上几种我们常用的字体 FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

　　接下来就设置上传功能了，还是以ASP为例，其实fck默认的就是asp的，把100行以下的所有被注释掉的代码全部删掉就行，然后再把下面所有有关于browser.html和upload.asp的后面的?Type=XX都改成Type=YY，其中YY为你想保存文件的文件夹名称。

　　而如果你还想用自己的表情图标的话，那跳到131行，改掉那个表情图标的文件夹地址，以及下面的表情图标的文件名，再下面那三个数字是每行显示表情数及弹出窗口的宽和高了，这个的大小要根据您的表情图标排列的窗口的大小而定了。OK，总配置文件修改结束。

--------------------------------------------------------------------------------

　　接下来是编辑器位置的设置，我的习惯是把editor放在根目录下，最开始所述的五个文件也放在根目录下（Tips:建议放在根目录下，并且建议使用时设置路径也采用绝对路径，如"/fckeditor/"，而我的习惯的设置是"/"），这样有利于fckeditor的更新升级，并且网站下所有文件夹都可以任意调用，不存在其它文件夹名变了而其它地方就无法使用编辑器的问题。

　　打开fckeditor.asp文件，找到 sBasePath = "/fckeditor/"改为 sBasePath = "/"

　　打开fckeditor.js文件，找到 this.BasePath = '/fckeditor/' ;改为 this.BasePath = '/' ;

　　编辑器域内默认的显示字体为12px，而我的主页默认字体为14px，所以看着就很不舒服，想要修改可以通过修改样式表来达到要求，打开/editor/css/fck_editorarea.css，把第4行改为 font-size: 14px;即可。

　　接下来就是上传文件的设置了，这个比较麻烦，请仔细操作。

　　打开\editor\filemanager\browser\default\frmresourcetype.html，找到第15行，插入“ ['uploadfile','uploadfile'],”配合上刚才在fckconfig.js里的设置，那么我的上传文件路径就是/uploadfile，当然你也可以改成你想要的文件夹，但这里的名称一定要和fckconfig.js里的那个“Type=YY”里的YY一致才行。

　　还没完，继续进入到editor\filemanager\browser\default\connectors\asp，打开config.asp，先把ConfigIsEnabled = False改成为ConfigIsEnabled = True，要不是没法上传文件的，再把ConfigUserFilesPath = "/UserFile"改成我想要的ConfigUserFilesPath = "/"。

　　接着在“Set ConfigDeniedExtensions = CreateObject( "Scripting.Dictionary" )”后面加入ConfigAllowedExtensions.Add "uploadfile", ""

ConfigDeniedExtensions.Add "uploadfile", ""

同理，这里的设置也是要和上面以及fckconfig.js里面对应的。

　　还有一个上传，就是快速上传，这个功能是在fckeditor 2.0里才有的，以前的版本没这个功能。进入\editor\filemanager\upload\asp，同样打开config.asp，也同样的把ConfigIsEnabled = False 设置成 ConfigIsEnabled = True，我这里把ConfigUserFilesPath = "/UserFiles/"改成我想要的 ConfigUserFilesPath = "/uploadfile/"& Year(Date()) &"-"& Month(Date()) &"/"，因为我的上传文件是放在uploadfile文件夹下，并且是按月分开放置的。快速上传，不会让你选择文件夹，而是通过这里的设置直接上传的，这儿设置如果和前面的设置配合不好的话，你的文件就会被上传得乱七八糟，很不方便管理。接前重复前一个config.asp里的操作，在后面加上

ConfigAllowedExtensions.Add "uploadfile", ""

ConfigDeniedExtensions.Add "uploadfile", ""

--------------------------------------------------------------------------------

　　接下来呢，就讲一下如何创建自己的在线编辑器，这里以ASP和JS版的为例，ASP版示例代码，一般用于后台操作：

<%

Dim oFCKeditor

Set oFCKeditor = New FCKeditor

oFCKeditor.BasePath = "/"

oFCKeditor.ToolbarSet = "Default"

oFCKeditor.Width = "100%"

oFCKeditor.Height = "400"

oFCKeditor.Value = rs("logbody")

oFCKeditor.Create "logbody"

%>

　　ASP版的，当然只能用在以.asp为扩展名的页面中，如果你在前在fckedito.asp里设置过BasePath为"/"的话，这里就可以省掉第三行，ASP版的只有一个Create函数。建议在修改一篇内容时用ASP版的。

接下来看JS版的：

<script type="text/javascript">

var oFCKeditor = new FCKeditor( 'logbody' ) ;

oFCKeditor.BasePath = '/' ;

oFCKeditor.ToolbarSet = 'Basic' ;

oFCKeditor.Width = '100%' ;

oFCKeditor.Height = '400' ;

oFCKeditor.Value = '' ;

oFCKeditor.Create() ;

</script>

　　BasePath的设置同上所述，JS版的可用于任何网页中，甚至用于html页面，因为其是客户端生成的，这样的好处就是一可以减小网络流量，因为编辑器文件只需下载一次，二是可以由客户端定义什么时候显示，由于fckeditor初始化需要一定时间，在这一点上JS就很有作用了。

另外，JS版的还有一个功能函数就是ReplaceTextarea()函数，可以替换指定的TextArea，拿我的网站的日志的回复部分示例：

<script type="text/javascript">

<!--

function showFCK(){

var oFCKeditor = new FCKeditor( 'fbContent' ) ;

oFCKeditor.BasePath = '/' ;

oFCKeditor.ToolbarSet = 'Basic' ;

oFCKeditor.Width = '100%' ;

oFCKeditor.Height = '200' ;

oFCKeditor.Value = '' ;

//oFCKeditor.Create() ;

oFCKeditor.ReplaceTextarea() ;

//document.blog_feedback.blogsubmit.disabled = '';

document.blog_feedback.blogsubmit.style.display = '';

document.blog_feedback.openFCK.disabled = 'true';

document.blog_feedback.openFCK.style.display = 'none';

}

//-->

</script>

把其写成一个简单的函数，当用户显示打开编辑器时才生成这个fckeditor，不用每次刷新页面都去初始化一个编辑器，页面的速度就会快多了。

--------------------------------------------------------------------------------

补遗：前面讲到了，说是在编辑已有数据内容时不要用JS版的，那是因为单引号（'）的问题造成的，在数据内容里难免会有单引号存在而用JS版生成编辑器时可能就会因为单引号问题，而使编辑器无法正常生成，而采用asp则不同，用ASP版本的是因为数据被当成是一个变量了，然后直接赋值给编辑器域。还有就是除非你要用ReplaceTextArea()方法来生成编辑器，否则你不需先写一个<textarea>这样的标签，一切都会由fckeditor自动生成的，你所需做的只是给fckeditor指定一个实例名。同时你也不用担心如何提交，在表单提交的时候，fckeditor会自动提交，提交的变量名是以你指定的fckeditor实例命名的。

1:fckconfig.js的配置

  (1).工具按钮设置

  查找FCKConfig.ToolbarSets["Default"]，这里有很多按钮，下面我们将对他们详细介绍

  EditSource 显示HTML源代码 StrikeThrough 删除线

  Save 保存 Subscript 下标

  NewPage 新建空白页面 Superscript 上标

  Preview 预览 JustifyLeft 左对齐

  Cut 剪切 JustifyCenter 居中对齐

  Copy 复制 JustifyRight 右对齐

  Paste 粘贴 JustifyFull 两端对齐

  PasteText 纯文本粘贴 InsertOrderedList 自动编号

  PasteWord 来自Word的粘贴 InsertUnorderedList 项目符号

  Print 打印 Outdent 减少缩进

  SpellCheck 拼写检查 Indent 增加缩进

  Find 查找 ShowTableBorders 显示表格线

  Replace 替换 ShowDetails 显示明细

  Undo 撤销 Form 添加Form动作

  Redo 还原 Checkbox 复选框

  SelectAll 全选 Radio 单选按钮

  RemoveFormat 去除格式 Input 单行文本框

  Link 插入/编辑 链接 Textarea 滚动文本框

  RemoveLink 去除连接 Select 下拉菜单

  Anchor 锚点 Button 按钮

  Image 插入/编辑 图片 ImageButton 图片按钮

  Table 插入/编辑 表格 Hidden 隐藏

  Rule 插入水平线 Zoom 显示比例

  SpecialChar 插入特殊字符 FontStyleAdv 系统字体UniversalKey 软键盘 FontStyle 字体样式  Smiley 插入表情符号 FontFormat 字体格式

  About 关于 Font 字体  Bold 粗体 FontSize 字体大小Italic 斜体 TextColor 文字颜色 Underline 下划线 BGColor 背景色

这个默认的是包含了所有的工具按钮，不过到我们具体要用的时候，有的按钮并不需要，而且还影响速度。那么我们可以将我们不需要的按钮给删了。下面是我的配置，给大家一个参考，当然你可以根据你的喜好。

FCKconfig.ToolbarSets["Default"] = [

['EditSource','Save','NewPage','Preview','-','Cut','Copy','Paste','PasteText','-','Find','Replace','-','Undo','Redo','-','SelectAll','-','Link','RemoveLink','-','Image','Table','Rule','SpecialChar','Smiley'] ,

['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','JustifyRight','-','InsertOrderedList','InsertUnorderedList','-','Form','Checkbox','Radio','Input','Textarea','Select','Button','-','FontStyleAdv','TextColor'] ] ;

如果在前台给用户回复一写帖子的话，还是没必要要上面的，这时你可以在加一个：

FCKConfig.ToolbarSets["Basic"] = [

 ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']

] ;

这样的话，你在前台调用的时候就要用$FCKeditor->ToolbarSet='Basic',不能再为"Default"了。

 (2)：语言的配置

 查找FCKConfig.DefaultLanguage将它设置为'zh-cn'.

 (3):脚本语言的设置

 查找var _FileBrowserLanguage和var _QuickUploadLanguage将他们设置为'php', 默认是'asp',如果这里不设置的话，图片将不能上传，这点很重要。当时我在用FCKeditor由于没配置这个，不能上传图片，而我同寝室的用asp能上传图片，让我烦恼了好多天，最后终于找到是这个原因。

2:图片上传的配置

打开文件FCKeditor/editor/filemanager/browser/default/connectors/php/config.php

查找$Config['Enabled']，将它设置为'true'

查找$Config['UserFilesPath']，将它设置图片的目录，这个目录是相对于主目录的。

例如：我写了一个blog，就可以设置为/blog/upload/

打开文件FCKeditor/editor/filemanager/upload/php/config.php

查找$Config['Enabled']，将它设置为'true'

查找$Config['UseFileType']，将它设置上传文件的目录，最好与上面的图片目录相同。

好了，现在所有的配置都已经完成了，现在你要做的只是删除一些不必要的文件了。

只要包含'_'的目录名和文件名都可以删除，当然你用的是php，其他语言的一些目录也都可以删除，这样就减小了文件的大小.

原来真有汉语编程--易语言

汉语编程可解决1000万大学生高报酬就业

为什么那么多人否定汉语编程?

对汉语编程质疑的正确解读

易语言官网

易语言论坛

可惜啊，不是我曾经想像的那样------用汉语像平时一样说话就编好了程（也就是电脑听得懂汉语），而是将C++的英文改成了中文而已，编程的描述还是一样的(与英文版的只是语言不同而已，不过程序看起来比英文的明了易懂哦！（看英文总是不如看中文快捷舒服，不能一目了然））

一个例子

编一个计算器

http://hi.baidu.com/zoujg/blog/item/27ddd7ef8b8c0432acafd59e.html

 发现个有意思的玩意

26个字母对应26个钢琴键(请在关闭汉字输入法CTRL+空格键， 然后点下上面的FLASH以激活flash焦点，然后用鼠标滚轮滚到歌谱处（其间不能用鼠标点其它地方）用键盘弹奏（键位没什么特殊规律，按下面的谱弹就行了）

歌谱：

《童话》

LONOL LONOL LONO OOMML

LONOL LQPPO LONOM MMOTS

PPRRQQ QQNPOONO ONOR LSRQP

PPRRQQ QQVUTUV VPOT TTSSS

LSRQQRQ QRQ RQPO

OQST TTSPPRQ OQST

TTSPPRQRQPO PQMMOONO
月亮代表我的心
LOQSONQS STUVTS QPOOO QPOOO PQPOMPQP
LOQSONQS STUVTS QPOOO QPOOO PQPMNOPO
QSQPOSN MNMNMLQ SQPOSN MNOOOPQP
LOQSONQS STUVTS QPOOO QPOOO PQPMNOPO
痴心绝对
OPQQQRQPPOPPSP ONOOOQQOOMNNQN
MLMMMRRQSO MLMMMRROOMP
OOPQQQRQPPOPPSP ONOOOQQOOMNNQN
MLMMRRQSO MLMMMRROOONO

北京欢迎你》歌谱
QSQPQPQQPMO QP
北京欢迎你
POMOPQSPQTSSPO
POMOPQSPQTSSQ
PQPOSTQMQPPO
QSVSTTS QQ SS QS TV WV SQ P S Q Q
QS VS TV WV SQ SVT QP QS XW VV

《千千阙歌》

HHIJ LMONNNLJ

IIIJK MOQPPNL

HHIJ LMONNNLJ

IIIJK MOQPPNL

MLMLMNNMN PPPPNOPQ

QQPPPOQ NLM

LMOPQQPQ QPOP OMM

LMOP QQPQ QSTSQQ

QQPPOPOM  QQRQPOP QQ Q P

POP OMOO

会呼吸的痛
STVTXXTW WWVUVWXWSV
VUTUVRRRVVWVSSS SYXWXX
STVTXXTW WWVUVWXWSVV
VUTUVRRRVVWVSSS STUVVUVV  

《安静》

QQQQPONPPPO  LQPOOOLQPOOP

QQQQPONPPPO  LQPOOOLQPOOPPQR

RRRRQPOOOPP  LSSSRQPPPQQ

MRQRQPOONOL  QRQRQPOPS

LQRSRQSLQRSRQS  LQRSRQOPPPQO

SSOONOOSSOONOO  RRQQPPORRQQPPO

LQRSRQSLQRSRQS  LQRSRQOPPPQO

SSOONOOSSOONOO  RRQQPPOORQPOMOO

《好好恋爱》

JKLLLLLKJIIL  NNONOOOPQNNL

HMMMJMOLLLLJH  KKKJKLMMMOML

JKJJKLLLLJIHHO  NMLML

JHHMMLLLKJ  OOOONOPP

LRQLLRPLRQRQRQPO  ONMMQMQMLLQLQL

RQRQOP  LRQLLRSPLRQQQRQPQ

ONMMQMQMLLQLQPOM  OPNMNMNQPOO

《欢乐颂》

J J K L L K J I      H H I J J I I

J J K L L K J I      H H I J I H H

    I I J H I J K J H     I J K J I H I E

   J J K L L K J        I H H I J I H H

《小星星》

OOSSTTS   RRQQPPO

SSRRQQP   SSRRQQP

OOSSTTS   RRQQPPO

《婚礼进行曲》

HKKK HLJK HKNNMLKJKL

HKKK HLJK HKMOMKILMK

NMLII JKLL NMLII JKLL

HKKK HLJK HKMOMKILMK

ILMKK

低音    中音    高音   超高

1234567 1234567 1234567 12345

abcdefg hijklmn opqrstu vwxyz

ehhh eigh ehkk jihghi

5111 5271 5144 321712

ehhh eigh ehjljhfijh

5111 5271 5135316231

《樱花》

MMN-   MMN-    (-延长音的意思)

MNON  MNMK-   (   下划线是连音的意思)

J HJ K  JJHG-

MMN－ MMN－

JKNMK J－－－

想唱就唱

onopol jkkklj

onopol lmmmon

onopqolj opolj

onopqolo rqpoq

qrst oopqp

pqrs srqpq

qrstss uuvuspq rqrs

qrst oopqp

pqs quuqv vuvtsoo tsrqrs ts

qrst oopqp

pqrs srqpq

qrstss uuvuspq rqrs

qrst oopqp

pqs quuqv vuvtsoo tsrqrs

梦里

qqqqqqpo lmoooomq

qqqqstsqp lpppppsq

qqrs oopq llmoqpsq

qqrs oopq llmoqpoo

opqrsssrqrss

ssssvtsq

qqpo opm moppppqp

opqrsssrqrss

ssssvtsq

qqpo opm mopqqqqpom

qqqqqqpo lmoooomq

qqqqstsqp lpppppsq

qqrs oopq llmoqpsq

qqrs oopq llmoqpoo

opqrsssrqrss

ssssvtsq

qqpo opm moppppqp

opqrsssrqrss

ssssvtsq

qqpo opm mopqqqqmpqt

幸福的瞬间

EEJ  JJJI J  EEJ  JIHIJGG  HHF  HHHHEJ

HHI  IIHHLI

IHJ  HIIIHJ  HIJ  IJIHIJGG  HGF

MLL  JKJJLH  HGF  HHGF HHGE  HHHIIHH

HIIHIIKL  KJIH  ILLJL  LMNOOONMLLMJ

JLLJ MMMLLHH  JJKLH  JJKLH  FFHJIIHHFFLL

HIIH  LJJIH  FFHJIIHHFFHJ  HH

生日快乐

EEFEHG EEFEIH             EELJHGF KKJHI

<雪绒花>

JLP OLK JJJKLML

JLP OLK JLLMNO O

P LLNMLJLO MOPON L

JLP OLK JLLMNO O

《星语心愿》

TVUTSTQ   TSTVUVUTUV  

VWXXXXW  VUTUS  TVUTST  

QSTXWVUV  VUTTTTSSTQ  

SSTXWVUVV  VUTTSUT

《北京欢迎你》

QSQPQPQ QPMOQP

POMOPQSP QTSLPO

POMOPQSP QTSSQ

PQPOSTQ MQPPO

QSVST STSQQSS

QSTVWVSQPSQQ

下一站天後

         QQQSP PSOOOQM RQRTQ RSPPMOP QPQSSPQVUSST RQRSMOQPO

QSUVUTSS QRSTRRQP POPQSS QTQPOP MOQPPQS

                    VUTUT SSOQSS TTTRQP PPUS QQSO QQPPP TQS VUTUTSS OQSS TTTTVUTUVSSQSTSSRMNO

遇见

LJ LI JIH HGFGHGHIJ

LJ LP ONO HGFGHGHIH

LMNONONMLML HIJKJKLHIJ

LMNONONPOPOQL HIJKJKJIHGH

LMNONOPONML HIJKJKLHHML

LMNONOPOPQL, HIJKJKLHHML

LMNONOPOPQL, HIJIJILHIJH

LMNONOMNLKL

JJJKLJEE IIIJKIEE

HHHIJIGH GFGHG

FEFML IKJIH

HGFIIHFFGH

《北京欢迎你》歌谱

QSQPQPQQPMO QP

POMOPQSPQTSSPO

POMOPQSPQTSSQ

PQPOSTQMQPPO

QSVSTTS QQ SS QS TV WV SQ P S Q Q

QS VS TV WV SQ SVT QP QS XW VV

《约定》

LOPQPOQPLL JMNONMONJL MLLKKOJJPO

PQRQQPOMP LOPQPOQPNL QMNONMONJL

MLLKKOPQO MNOMOTSS POSQ QPONOMJM

OPOTR RQRMNOP QRSSSTO

SNPO PQMORQRSP POSQ QPONOMJM

OPOTR RQRMNOP QRSSSTO

SNPO PQRMRQOPO

《美丽的神话》

MQN MOPOQ MTSTSPRQ

MTSPQRQ O MQPNM

MQNMOPOQ MTSTSPRQ

MTSPQRQPO MPONM

MNOPQONL MOPQQ

MNOPQONLMOPOO MPONM

MNOPQONL MOPQQ

MNOPQONLMOPOO OOPQONLONMNT

《為你寫詩》 (中段)

LJHM MLJI IJKLLJIH HIJKJIHHF HKJHML

LJHM MLJI IJKLLLNM MLJK KJHHEIJ

MLJK KJHHEIH

《世界末日》　（中段）

JKL KJJ JIHIJLL

MLK LKJ KJHJI

HIJNONMLJH JJKJHJI

JKL KJJ JIHIJNL

MLK LKJ KKQRQP

HIJNONMLJH

JJKKJL JIHH

《終身美麗》

IJIJKL JIHFHJ HHKJH HHFFIHG

HIJJIJJKL JIHFHKJ HHKML HGFGH

GHHJNL JIHHIKJ IHHJNL JLMFKJI

HIJJIJJKL JIHFHKJ HMLKLMLH HMLKKLML

LOOOLKJ HJONNNLKJ LLMMMLKK MMNMLNQN

LOOOLKJ HJONMLMNL LKJK LKJI IHGL NLIJ

JKFIHG GGHIH

­

LKJK JKJI IHGLJIJ

JKMOMLK JIJH

­

­《離家出走》

STSQP SQPPO OOPQO OPPOQP STSQS VUSQSTS PQRQORQPO SZRQRSTSRQP QRSTS

VUTUVVVUTUS QRSSTTQPPQRRSSPO ORQRQRRSTS QRTSVV SZZX VQQQPQUUUVTOSTSQ

RRRPTS VUSSVV SWWU VTVTV ZYX TVWXVW TVUUV TVWXYXYW VUVWVXX UVWUVQQQ QQUUVUV

TOSTSV TVVUVW XWVSVV SWWU VTVTVZYX TVWXVW TVUTS

《心亂如麻》

TSRQRSRQ RRVUTSS QTS TSRQRSRQ RRTSVUV WVXWV

VVUUVWS SQTS RRSQVUV WVXWV SXXXYXWV XXXYXWV SWWVWVXXW

QSTTSS TVWWVV SZYXVVTTVXYXW SVWXYXVWX WVWVZZ XXTVX XTUVWV QRSTSVWUTS SYXSYXSXYZXVW QSTTSS TVWWVV SZYXVVTTVXYXW SVWXYXVWX WVWVZZ XXTVX XTUVWV

《123木頭人》

LKJJJ III JIHIJO NML MKJKJK IJKONL MLL LKJJJ ILN MNONM J LMK KPOL IJKKJKL J I H

《無賴》

HIJJIJKJIGE FGHHIJJMLJL JLMMMLK JKLLKJ JKKLKHI HIJJIJKJIGE FGHHIJJMLJL JLMMMLK JKLLKJ JKJHIH HHEFGHHIJHE EDDFEDE EFFGJIIHGH HHFEFG EEEJIHHIJHL JJLMMNOLJ JJLMMMKMNMLKLJ JKJKLMLL EJIHHIJHL JJLMMNONJ JJLMMMKMNMLJIH JKJKLMLLJIHH

《海闊天空》

QPO PQSSSSTS TUVVVVVVUTST

TSS SQPO QRQPPQPP QPPPOOOO POO

TUVVVVVVUTSSSQPO

VVVVWWWVWX XWV

VVVVWW SSXWV

VVVVWWWWVUV

TTUTUV VVWVWX XWXV

一直很安静

JLONOLMLJ JKJIHHLLIJ JLONOLMLJ JKJIHHGHH JLONOLMLJ JKJIHHLLIJ JLONOPPQQ JKJIHHGHH

梁山伯与祝英台

cefhifhe

lomljli

iijgfefhi

chfefhe

jlgifhe

cecefgif

efhiljijihfechfhfecefhe

《星语心愿》

TVUTSTQ TSTVUVUTUV

VWXXXXW VUTUS TVUTST

QSTXWVUV VUTTTTSSTQ

SSTXWVUVV VUTTSUT

《有没有人告诉你》

JMMMMMMMMJKLK JLLLLLLLMNNJ JMMMMMMMMQQP NNNNNJONON JMMMMMMMMJKLK ILLLLLLLMNNJ JMMMMMMMMQQP NNNNNNNMNM QTQQQQOMJJQP JSSSSSSSTUUQ QTQQQQOMJJQP PPPPPJNNM

我愿意

lljih ijiih fhffe

lljih ijiih fhfijikjih

hhhih onmml jih hhhihij

hhhih onmml oomjhi jji

eljih eljih honnm lmljl

honnm llojih jkjhfhfe

eljih eljijih honnm lmljl

honnm llojih jkjhfh kjhfh ih

好心分手

JLLLLLLLKJ JLLJLOPNML JMLMNOJJII HMLMLMOLLML

HIJJKL JLNMNPOMNOJKL LMNMNOM KLMMNOMMONOQP NOPLMN RRRQPQO LLONOQP QQQQPQO JJMLMNNNONMNM JLMLMNO

OONOQQPPONOQPPOO

《我真的受伤了》

前奏： momqp inipo mrqomo po

开始： momqp inipo momqppo psq momqp inipo mrqo mopo rrrqp pspqo rrrqpop qqrq ttttspr qpom qoosqpp momqp inipo

momqppo psq tttts pspqpo mrqomo po

王力宏的《唯一》

JLMLMNLJL LLLKKKJIHJ

KKKJIHJ HIHJI JIHI

JLMLMNLJL LLLKKKJIHJ

KKKJIHJLO PQPOQOPOM QPOPQ

Q P OOOLOPQ NNNLNOP

QQRQOP

Q P OOOLOPQ NNNLNOPQQM

LRQOL QP OOOONOLJM

QPOOOONOLJM

醉清风

QPPQOO

QRPPPOP

PQQ

QPPPQOO

QQPPQOPQP

SSSSP PQ

POPQ

SSSSP PQOOO MO

RQOMOMO RQOMOOMOP

SSUVWVV

VTSQPO

QRSSPP QOO

SSUV WVVWXX UWVV

SQPOO QRSPLQOO

隐形的翅膀

JLOON MLMOJIH HHHOLMLJHI

JLOON MLMOJIH HHHOLMLJIH

《情深深雨蒙蒙》里的那首《往事难忘》

H HIJ JKL MLJ LKJI  KJIH

H HIJ JKL MLJ LKJI  JIH

LKJI EEKJIH LKJI KJIH

H HIJ JKL MLJ LKJI  JIH

蕭亞軒《最熟悉的陌生人》

PQPQ

OPQRSRRQQPOP

PQPQ

OTSRRQRQPQPO

OVUUTSQTSSRSRS

PQRQRV  TVWW

VWXXXXYXXX

WVVTX

SSTVVVTS

SXXXWV

VVVTW

VWXXXXYXXX

WVVWWV

SSTVVVTSSXXXWVTV

国歌：  

Ehhhhefghhjhijlljjhjljiimlijljljijhjefhhjjlliiifiehhjjlhjllmljhllljhehjhllljhehehehh

卡农

SQR   SQR   SLMN  OPQR

QOP   QOP   QJKL  MNON

MON   MLK   LKJK  LMNO

MON   ONO   NLMN  OPQR

SQR   SQR   SLMN  OPQR

QOP   QOP   QJKL  MNON

MON   MLK   LKJK  LONO

MON   ONO   NLMN  OPQRS-

力宏《kiss goodbye》

JLLJMLL,JLLJMLLM,JKLMLLKJLKKJLK,KJKLKKHJLLMIH,FFGHIJJ,KJKJIHI

JLLMLL,JLLJMLLM,JKLMOPQPOOMPO,OOOOPOOML,QPOLPQO,MMNOPQQ,RQP

LRQPQRQ,JPONOPO,MSRQRMOQRMOQRQP

LRQPQRQ,JPONOPO,OMMLOMOPQQRQQ

爱的罗曼史

QQQ QPO ONM MOQ TTT TSR RQP PQR QRQ SRQ QPO ONM NNN NON MMM

《不能说的秘密》

EHHH EGGG EHHH EIII EHHH EGGG EHHH EIII EKKKK KJJ KKKLJIHGGH

ELLLL LKK LLLLLKKJJI EKKKK KJJ KKKLJIHGGIH FHLMH LLLLLKKJJI

HONOOLLLLKKJ HONOOLLLLPPO HONONMHNMNML HMLMLKKJKLMML

HONOOLLLLKKJ HONOOLLLLPPO HONONM HNMNML HMLMLKKJKLMML HLHKJ HHLHKJH

­

《蝸牛》

J JJKJIJIH HHK KIHHIJ HHL LMLKJK GH EEJ JKJIJH EEH HEHIJKL HONN NONMMNLHKLM MNOPQL EFLK KLKJIHI EEH HEHIJKL HONN NONMMNL HKLM MNOPQL EFLK KJIHHGH

《天空之城》

mno noqn jjm lmol jjkjko j ooo nkknn mnonoqn jjm lmol jkono ppqo onmm nlm opqpqsp llonoqq mno nop oll rqpoq qt ss qpo o p opsq qtssqpo op opnm。。。

­

《神秘園》

jmno no opnmn nomlm lj jmno no opnmn nomlm lm nost tusrs noqr rsqpq nost tusrs strqr rsqpq jmno no opnmn nomlm lj jmno no opnmn nomlm lm

­

《軌跡》

qeee reee weewqe qwee eweq hqewqw qeee reee weewqte qwee eweq hqewqw qjqjwq jwqjq q ttqqt qgqrewe ee rewqj wewq qtrewqwet g r eee ereww weqq ett qttrr ewreq qq wEwqw gr eee ereww weqq ett qttrr ewreq qerw jq

­

夜曲

MN OOOONQQ TTTSRSOO

RRRSQNQP PONOON

OOOONQQ TTTSRSOO

RRR QPNOM

­

还有两句 波斯猫

OOOMLMLJJ MMMLJLJII

OOOMOMOJJ IMJ JL M M M

­­

女人花

­

JLLML ILLML HIJOMJL

MOOPO MLMJIH FHILJIH

­

JLQ QQPPOL JLO OOMMLJ

JLQ QQPPOM MOP PPQNML

­

JLLML ILLML HIJOMJL

MOOPO MLMJIH FHILJIH

­

­致爱丽斯

QPQPQNPOMHJMNJLNOJQPQPQNPOMHJMNJONMNOPQLRQPKQPOJPONNJQQQQPQPQNPOMHJMNJLNOJQPQPQNPOMHJMNJONMORQQPPRTSRQPONMMLMNOPPQRMOPNOPQSPNOPQSPNQQQQQP

卡农(括号是一起按）

H-JLO E-ILN F-HJM C-GIL

D-FHK A-EHJ D-FHK E-GIL

(HQ)-JLO (EP)-GIL (OF)-HJM (NC)-GJL

(MD)-FHK (LA)-CEH (MD)-FHK (NE)-GIL

­

ONOH (G B )LIJ (CH)ONM (CN)QST

(DR)QPR (QA)PON (DM)LKJ (EI)KJI

(EH)IJK (EG)ILK (FJ)MLK (CL)KJI

(DH)FMN (AO)NML (DK)JIM LML

­

(SJ)QRS-QR(SE)LMNOPQR

(FQ)OPQ-JK(GL)MLKLJKL

(FK)MLK-JI(JE)IHIJKLM

(FK)MLM-NO(GL)MNOPQRS

(SI)QRS-QR(SE)LMNOPQR

(FQ)OPQ-JK(GL)MLKLJKL

(FK)MLK-JI(EJ)IHIJKLM

(FK)MLM-NO(GL)MNOPQRS

­

(HQ)-JLO (EP)-GIL (OF)-HJM (NC)-GJL

(MD)-FHK (LA)-CEH (MD)-FHK (NE)-GILNQOQPO