（提示：点击缩略图后可查看相应速记卡。）

HTML

HTML5

HTML Character Entities

CSS

javascript

jquery

php

MYSQL

正则表达式

您可能也喜欢：
Java在Web开发语言上败给了PHP(ZT)	帮太和服饰做的网站售前页面	《网页设计技巧》系列之一 浅谈文本排版	两个开心网引起的思考	千万网上“账客族”异军突起
无觅

豆瓣CSS开发规范

https://docs.google.com/document/pub?id=17dKkWwdaKyNnkwswihHje2cfoMGqbSJLydTIxqFwlQU

豆瓣Javascript代码风格规范

https://docs.google.com/document/pub?id=17ICSeE4Qd04-1U-pphmKCAmfgJGEVjqDellbu4oAiqU

以后博客的方向可能有所改变，开始尝试写一些网站运营，宣传推广方面的经验了。

您可能也喜欢：

详解CSS的优先权（ZT）

译文:创建性感的CSS（ZT）

CSS文字阴影效果

CSS3 Columns属性研究

20 个漂亮的 Ajax + CSS 表格

无觅

IETester是一个免费的WebBrowser控件，让您有渲染和IE9预览，IE8的，JavaScript引擎在IE7 IE 6和在Windows 7，Vista和XP的IE5.5以上，以及在同一过程中安装IE浏览器。

点击下载

这是一个alpha版本，您可以随意发表评论，对IETester论坛/错误。
要求：Windows 7，Windows Vista或Windows XP的IE7的最低（视窗XP/IE6配置有一些问题，例如不和IE8在XP下工作而不7）
注意IE9：IETester安装程序不包括IE9文件，所以你将需要安装IE9预览和复制文件手动：查看如何安装在IETester（IE9 IE9预览要求Vista SP2或Windows 7）。
CHANGE LOG (更新信息)：
2010年5月30日：v0.4.4
•更正IE9打开的多个错误（比照论坛的报告）
•重复任务栏缩略图更正错误（比照论坛的报告）
•增加了选项，使任务栏缩略图每选项卡（默认情况下启用禁用弹出窗口）
2010年4月21日：v0.4.3
•增加的选择遇到IETester IE9实例
•新增孟加拉语言
2009年10月24日：v0.4.2
•关闭错误更正介绍v0.4
•增加了菜单，启用/禁用功能：
◦启用/禁用缓存
◦启用/禁用图片
◦启用/禁用影片
◦启用/禁用背景声音
◦启用/停用JavaScript
◦启用/禁用Java
◦启用/禁用ActiveX
◦启用/禁用行为
•新增通知时，标签和按钮重新崩溃的标签
•视窗7只：添加任务栏图标覆盖选项卡崩溃时
•修正的“Internet Explorer选项”不工作在多进程模式
•修正“输入”和“Esc键”键错误
2009年9月23日：v0.4.1
•改进的标签关闭处理onbeforeunload事件（见错误报告）
2009年9月21日：v0.4
•新增“管理员窗口的标题时IETester作为管理员启动（Vista和Windows 7只）”信息。
•增加了多进程架构。使用此选项，每个选项卡是推出一个新的进程。
•增加了在Windows 7的Aero皮克功能。
•修正了几个bug密切的标签
2009年7月24日：v0.3.5
•增加了对新版本的每周检查
•IETester现在工作在Windows 7（但不太稳定）
•卸载错误更正
2009-07-17：v0.3.4
•增加了“文字大小”菜单
•增加了按Ctrl + L型/ Alt + D以/ F6来选择解决当前标签栏
2009年5月10日：v0.3.3
•实施“window.external”功能
•增加了透明度，支持IE5.5以上
2009年3月24日：v0.3.2
•更正DebugBar定位
•增加了IE8的最终决定，取消IE8的RC1的
2009-03-18：v0.3.1
•DebugBar可以打开成IETester（DebugBar v5.2.1或更需要）
•修正螺纹“window.close”处理死锁错误（此处报告）
•增加了按Ctrl + + /按Ctrl + – /按Ctrl +0处理变焦使用快捷键
•增加了“关闭全部页面”图标，剪彩酒吧（按Ctrl + Alt + W键盘快捷键）
•新增“关闭除积极”图标所有打开的标签来ribbont栏（Ctrl +轮班+ ALT键+瓦/ Ctrl + Alt键+ F4键键盘快捷键）
•在“打开所有版本”，即可用性，选择哪个版本的开放标签
•新增“查看源文件”对话框（需要DebugBar）（按Ctrl + U的键盘快捷方式）
2009-02-16：v0.3
•增加了一些新的语言如维吾尔族（）
•增加了命令行参数
•增加了缩放功能
•增加了按Ctrl +宽快捷关闭标签
•增加了IE8的RC1和删除IE8的测试版2
•新编丝带接口
•新增按钮打开所有版本的URL
•与IE6的XP的安装现在IE7的实例（尚未工作非常好，一个很大的错误，在以后的版本会改善）
•修正“网络搜索”框提示旗帜截断错误。
•更正网页闪烁调整大小时IETester
•更正的线程同步错误时关闭标签
•更正错误的JavaScript window.close
•改进的线程处理
•更正选项卡崩溃时，按’输入’错误
2008-09-07：v0.2.3
•修正在地址栏上的限制
•更正（IE浏览器打印功能崩溃）是提高稳定性小错误
•增加了打印和打印预览作品
•增加了IE8的Beta 2和删除IE8的测试版1
2008-05-27：v0.2.2
•增加了搜索框快捷键（Ctrl + E或按CTRL + K shortkeys）
•可定制的网页
•增加了对刷新shortkeys：F5/Ctrl +受体;按Ctrl + F5键刷新为完成
•增加了一个“刷新完成”菜单项，以绕过缓存刷新
•新增“全部刷新”菜单项
•修正下拉IE7的错误选择
•修正了剪彩按钮小图标
•增加了大量的翻译
2008-04-22：v0.2.1
•更正错误是提高稳定性
•新增翻译
•IETester现在可以在XP下没有SP2的推出。自定义版本的残疾，但仍然是一项关于XP完整版本的第一步。
2008-03-20：v0.2
•新增IE7和IE8的测试版1的实例
•现在的工作模态对话框
•上下文菜单IE6和IE5.5以上工作情况
•小错误更正
2008-02-29：v0.1.3
•XP的样式，IE6和IE7的工作情况
2008-02-25：v0.1.2
•添加“Internet选项”对话框
•现在的工作条件的意见
2008-02-19：v0.1.1
•IETester现在工作在Windows XP SP2的
2008-02-18：v0.1
•首先释放Vista与IE6和IE5.5以上的IETester

您可能也喜欢：
IETester多IE版本共存的解决方案	终于初步搞定7100V了	帮太和服饰做的网站售前页面	flash中用attachMovie复制元件置于舞台的方法	网站字体选择研究
无觅

准备工作：

1.安装winrar，这个应该基本上都装了吧，我是装在c:\program files\winra

2.创建一个databak文件夹，我是在F:\databak下

然后将下面的文件存成一个backup.cmd

net stop mysql
C:\progra~1\WinRAR\winrar a -ag -k -r -s f:\databak\dsbclub.rar d:\mysql\data\db1name\
C:\progra~1\WinRAR\winrar a -ag -k -r -s f:\databak\dsbclub.rar d:\mysql\data\db2name\
……
C:\progra~1\WinRAR\winrar a -ag -k -r -s f:\databak\dsbclub.rar d:\mysql\data\dbnname\
xcopy f:\databak\*.* f:\databak\%date:~0,10%\ /y
del f:\databak\*.* /q
net start mysql

然后用计划任务设置好每天凌晨备份即可，此方法的缺点是需要暂停mysql，所以最好在凌晨的时候执行

您可能也喜欢：
centos 下 rpm方式安装mysql	PHP学习之一 sql语言笔记	windows 快速批处理更换IP	帮太和服饰做的网站售前页面	先记下一些刚学会的黑莓技巧吧
无觅

先找到mysql的日志文件，这个服务器上在/mysql/data/下，命名是mysql-bin.******,查了一下，12月7号之后备份的序号为/data/mysql-bin.000027开始，今天的序号为/data/mysql-bin.000029。然后就用mysqlbinlog工具来恢复数据吧。

首先把论坛的库里面的数据都删掉，然后恢复到12月7号，然后查看备份文件的备份时间为12月7日22:13:32，记下这个时间，然后执行以下命令

mysqlbinlog ../data/mysql-bin.000027 –start-date=”2009-12-07 22:13:32″ -d dbname | mysql -u root -pyourpassword

如果报错可以把时间往后调一两秒试下

然后恢复/data/mysql-bin.000028 如下

mysqlbinlog ../data/mysql-bin.000028 -d dbname | mysql -u root -pyourpassword

最后恢复/data/mysql-bin.000029，这个要注意截止时间。如果记得误操作的时间最好，如果不记得误操作的时间可以用

mysqlbinlog ../data/mysql-bin.000029 -d dbname > d:\000029.sql

将日志导出成sql文件，然后在里面查找删除帖子的命令，然后查看时间。比如为2010-01-20 09:53:45。（ps：导出的文件通常会比较大，强烈建议用emeditor编辑）

确定时间以后执行

mysqlbinlog ../data/mysql-bin.000028 –stop-date=”2010-01-20 9:53:00″ -d dbname | mysql -u root -pyourpassword

执行完了以后基本数据就恢复了。

此后还有一个步骤要做就是恢复附件，帖子删除以后福建也会随之删除，这个时候就需要恢复附件文件了，这里推荐使用easyrecovery，非常简单易用，恢复后复制到相关目录即可。

您可能也喜欢：
帮太和服饰做的网站售前页面	新入手个黑莓	51凤凰游记	几个有用的web开发工具卡	先记下一些刚学会的黑莓技巧吧
无觅

汉化方法：

主菜单栏中点击 “help” -> “software update” –> “find and install”;

search for new featrues to install -> 点击 next;

点击 New Remote Site;

Name:language URL:http://download.eclipse.org/technology/babel/update-site/europa -> 点击 OK -> 点击 Finish;

稍候片刻，弹出 Update Site Mirrors 窗口 -> 点选下拉框最下端的 language -> 点击 OK;

稍候片刻，弹出 Updates 窗口，在 Select the features to install 中点击 language 左侧三角形图标以便展开目录 -> 勾选 Babel Language Packs in Simple Chinese -> 点击 next;

等候下载，弹出选择安装路径对话框，默认即可，点击 Finish;

下载完毕，提示安装，点击 install all，安装完毕，提示关闭 MyEclipse,确认即可;

到程序安装目录下，将 X:\Program Files\MyEclipse 6.5\eclipse\eclipse.ini 配置文件中的 -Duser.language=en 删除 -> 保存 -> 关闭配置文件;

SVN插件安装方法

<1> 若没有该选项，则采用以下方法，点击Help—Software Updates—find and Install…在出现的对话框中选择第二项(search for new features to intsall)—next—new remote site…—输入name为SVN，URL为http://subclipse.tigris.org/update 点击确定 安装完成即可

打开MyEclipse菜单—Window—Show View—Other….选择SVN—SVN资源库在Myeclipse右下角出现SVN透视图.

您可能也喜欢：

一个优秀的相册程序zenphoto安装记

关于linux下安装zend不能激活的问题

在centos 5.2 linux 下安装openssl

centos 下 rpm方式安装mysql

帮太和服饰做的网站售前页面

无觅

首先分别安装ucenter、phpcms、hdwiki

安装完成以后先整合phpcms和ucenter，具体过程参照http://bbs.phpcms.cn/viewthread.php?tid=78300&highlight=uc即可顺利整合。

然后整合hdwiki，这个就更简单了，装一个ucenter插件即可整合成功，整合完以后，可以实现phpcms和hdwiki一站注册登录。

您可能也喜欢：
IETester多IE版本共存的解决方案	flash中用attachMovie复制元件置于舞台的方法	20 个漂亮的 Ajax + CSS 表格	《网页设计技巧》系列之一 浅谈文本排版	网站字体选择研究
无觅

一、什么是sIFR?

sIFR表示scalable Inman Flash Replacement，是一种在web上准确发布自定义排版的技术。这种技术的实现方法是，当页面下载时，在一个指定的元素中用Flash渲染的文字来代替一些文本。理解下面这点是很重要的，这个元素并不是被Flash完全替换，文本仍在元素内，这个元素仍可以像通常那样被样式化或者被定位。

二、如何使用sIFR？

sIFR的用法很简单，首先在官方http://www.mikeindustries.com/blog/sifr/下载最新的sIFR版本。然后在页面中引用相关的js（sifr.js和sifr-addons.js，如果用jquery tools则不需要加载这两个js），最后通过js方法将指定选择器按指定的样式来调用即可。具体可以看官方demo和jquery tools上的介绍。

三、最遗憾的，sIFR的局限

讲了这么多，你可能已经心动了吧，我当初了解了以后也是，这个在制作一些企业网站的时候是很有用的，不过最大的问题，目前sIFR不支持中文，主要原因是中文字库太大。不过我想如果能自己做一个只有一个企业站常用字的字库是否可行呢？不过这个还涉及到了字库的制作，不是更麻烦了？还是老老实实用图片先吧，也许在不久的将来随着带宽的提高技术的进步会有更多更好的方案出来，现在还是忍忍吧！

最后羡慕下国外的同行吧！

想了解更多的同志可以去看看：

如何以及何时使用sIFR

sIFR网页字体替换技术

sIFR 2.0: Rich Accessible Typography for the Masses

您可能也喜欢：

FLASH的外部调用SWF的方法

div层总是被flash层遮盖的解决方案

flash中用attachMovie复制元件置于舞台的方法

通过实例 onEnterFrame 制作简单动画 来了解onEnterFrame

[进阶]通过外部XML文件加载外部SWF动画

无觅

今天要介绍的就是一个非常好用的jq的UI库，叫jquery tools，它的官方网站是http://flowplayer.org/tools/index.html这个UI库提供了我们在做网站的过程中需要用到的一些常用JS效果的方案，我试用了一下常用的tab和Scrollable感觉还比较灵活，配合CSS可以实现我们想做的大多数效果。

这个UI库包含了6大工具

1、选项卡功能(Tabs)

2、提示工具条功能(ToolTips)

3、信息滚动功能(Scrollable)

4、遮罩效果(overlay)

5、突出效果(expose)

6、Flash嵌入

http://css9.net/flexible-ui-library-jquery-tools/这个博客上对这个UI库有比较详细的说明，我就不赘述了。有兴趣的可以尝试一下。

您可能也喜欢：
一个可以多页签切换的JS焦点图代码	flash中用attachMovie复制元件置于舞台的方法	20 个漂亮的 Ajax + CSS 表格	《网页设计技巧》系列之一 浅谈文本排版	网站字体选择研究
无觅

所以准备做一个圆角的通用模板。考虑到网站中此圆角样式只有两种宽的尺寸370和750，但高度不定所以首先做了一个固定宽高度自适应的模板。

代码如下：

Html部分：

1
2
3
4
5
6
7
8
9
10
11
12
13

<div class="box">
<div class="box-top">
<h2>宽固定高自适应box</h2>
</div>
<div class="box-bd">
<ul>
	<li><a>新闻标题新闻标题新闻标题新闻标题新闻</a></li>
	<li><a>新闻标题新闻标题新闻标题新闻标题新闻</a></li>
	<li><a>新闻标题新闻标题新闻标题新闻标题新闻</a></li>
	<li><a>新闻标题新闻标题新闻标题新闻标题新闻</a></li>
</ul>
</div>
</div>

CSS部分：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

.box {
	width:370px;
	padding-bottom:3px;
	background:url("../images/box-round.png") 0 100% no-repeat;
}
.box .box-top {
	height:27px;
	padding:2px 2px 4px;
	background:url("../images/box-round.png") -370px 0 repeat-x;
}
.box .box-top h2 {
	font-size:14px;
	line-height:27px;
	color:#1866a6;
	padding-left:20px;
	background:url("../images/ico.gif") 5px 7px no-repeat;
}
.box .box-bd {
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	padding:5px 10px 8px;
}
.box {
	background-position:0 100%;
}
.box .box-top {
	background-position:-370px 100%;
}

如果还要新加一个750宽度的，则要修改一下代码。

html代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<div class="width1">
<div class="box">
  <div class="box-top">
    <h2>宽固定高自适应box</h2>
  </div>
  <div class="box-bd">
    <ul>
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
    </ul>
  </div>
</div>
</div>
<div class="width2">
<div class="box">
  <div class="box-top">
    <h2>宽固定高自适应box</h2>
  </div>
  <div class="box-bd">
    <ul>
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
      <li><a href="">新闻标题新闻标题新闻标题新闻标题新闻</a></li> 
    </ul>
  </div>
</div>
</div>

CSS代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

.width1 {
	width:370px;
	margin:20px auto;
}
.width2 {
	width:750px;
	margin:20px auto;
}
.box {
	padding-bottom:3px;
	background:url("http://www.yuwuxing.com/code/box/images/box-round.png") no-repeat;
}
.box .box-top {
	height:27px;
	padding:2px 2px 4px;
	background:url("http://www.yuwuxing.com/code/box/images/box-round.png") repeat-x;
}
.box .box-top h2 {
	font-size:14px;
	line-height:27px;
	color:#1866a6;
	padding-left:20px;
	background:url("http://www.yuwuxing.com/code/box/images/ico.gif") 5px 7px no-repeat;
}
.box .box-bd {
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	padding:5px 10px 8px;
}
.width1 .box {
	background-position:0 100%;
}
.width1 .box .box-top {
	background-position:-370px 0;
}
.width2 .box {
	background-position:-740px 100%;
}
.width2 .box .box-top {
	background-position:-1490px 0;
}

宽度固定，高度自适应的圆角就这样完成了，如果需要宽度也能自适应敬请期待PART II，宽高自适应的圆角边框

您可能也喜欢：
举国同悲，一条CSS代码把网页变黑白	《网页设计技巧》系列之一 浅谈文本排版	20 个漂亮的 Ajax + CSS 表格	IETester多IE版本共存的解决方案	帮太和服饰做的网站售前页面
无觅