2008.05.05 8:40 am 驽鸟
为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于 CSS样式表是纯文本文件，和图像相比相对较小，所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是，通过使用CSS缩写以及其他的一些简单技巧，你可以在很大程度上减少样式表的大小。
Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。
在我对自己样式表的一次非正式的特别测试中，我把文件的大小降低了大约25－50％。
使用CSS的缩写性质
CSS 的缩写性质（shorthand property）是一些专用的性质名，用来代替多个相关性质的集合。例如，间隙性质（padding property）是顶部间隙（padding-top）、右侧间隙（padding-right）、底部间隙（padding-bottom）和左侧间隙（padding-left）的缩写。
使用速写性质让你能够把多个性质／属性对（property/attribute pair）压缩进CSS样式表的一行代码里。例如，想一想下面的代码：
.sample1 {
margin-top: 15px;
margin-right: 20px;
margin-bottom: 12px;
margin-left: 24px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 8px;
border-top-width: thin;
border-top-style: solid;
border-top-color: #000000;
}
阅读全文 »
分享收藏
2008.04.25 8:10 am 驽鸟
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
注册：regsiter
状态态：status
投票：vote
合作伙伴：partner
阅读全文 »
分享收藏
2008.04.17 11:12 am 驽鸟
RAID 0又称为Stripe或Striping，它代表了所有RAID级别中最高的存储性能。RAID 0提高存储性能的原理是把连续的数据分散到多个磁盘上存取，这样，系统有数据请求就可以被多个磁盘并行的执行，每个磁盘执行属于它自己的那部分数据请求。这种数据上的并行操作可以充分利用总线的带宽，显著提高磁盘整体存取性能
RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。
Mirror虽不能提高存储性能，但由于其具有的高数据安全性，使其尤其适用于存放重要数据，如服务器和数据库存储等领域。
RAID 5 是一种存储性能、数据安全和存储成本兼顾的存储解决方案。RAID 5不对存储的数据进行备份，而是把数据和相对应的奇偶校验信息存储到组成RAID5的各个磁盘上，并且奇偶校验信息和相对应的数据分别存储于不同的磁盘上。当RAID5的一个磁盘数据发生损坏后，利用剩下的数据和相应的奇偶校验信息去恢复被损坏的数据。
RAID 5可以理解为是RAID 0和RAID 1的折衷方案。RAID 5可以为系统提供数据安全保障，但保障程度要比Mirror低而磁盘空间利用率要比Mirror高。RAID 5具有和RAID 0相近似的数据读取速度，只是多了一个奇偶校验信息，写入数据的速度比对单个磁盘进行写入操作稍慢。同时由于多个数据对应一个奇偶校验信息，RAID 5的磁盘空间利用率要比RAID 1高，存储成本相对较低。
阅读全文 »
分享收藏
2008.04.15 11:56 am 驽鸟
iisreset /reboot 重启win2k计算机（但有提示系统将重启信息出现）
iisreset /start或stop 启动（停止）所有Internet服务
iisreset /restart 停止然后重新启动所有Internet服务
iisreset /status 显示所有Internet服务状态
iisreset /enable或disable 在本地系统上启用（禁用）Internet服务的重新启动
iisreset /rebootonerror 当启动、停止或重新启动Internet服务时，若发生错误将重新开机
iisreset /noforce 若无法停止Internet服务，将不会强制终止Internet服务
iisreset /timeout Val在到达逾时间（秒）时，仍未停止Internet服务，若指定/rebootonerror参数，则电脑将会重新开机。预设值为重新启动20秒，停止60秒，重新开机0秒。
FTP 命令： (后面有详细说明内容)
ftp的命令行格式为:
ftp －v －d －i －n －g[主机名] －v 显示远程服务器的所有响应信息。
－d 使用调试方式。
－n 限制ftp的自动登录,即不使用.netrc文件。
－g 取消全局文件名。
help [命令] 或 ？[命令] 查看命令说明
bye 或 quit 终止主机FTP进程,并退出FTP管理方式.
阅读全文 »
分享收藏
2008.04.14 12:22 pm 驽鸟
Session:在计算机中，尤其是在网络应用中，称为“会话”。
Session直接翻译成中文比较困难，一般都译成时域。在计算机专业术语中，Session是指一个终端用户与交互系统进行通信的时间间隔，通常指从注册进入系统到注销退出系统之间所经过的时间。
具体到Web中的Session指的就是用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。因此从上述的定义中我们可以看到，Session实际上是一个特定的时间概念。
需要注意的是，一个Session的概念需要包括特定的客户端，特定的服务器端以及不中断的操作时间。A用户和C服务器建立连接时所处的Session同B用户和C服务器中建立连接时所处的Sessions是两个不同的Session。
那什么是Session的解决方案呢？我们知道，用户访问一个网站时往往需要浏览许多网页。对于一个通过PHP构筑的网站来说，用户在访问的过程中需要执行许多的PHP脚本。然而由于HTTP协议自身的特点，用户每执行一个PHP脚本都需要和Web服务器重新建立连接。
又由于无状态记忆的特点，此次连接无法得到上次连接的状态。这样，用户在一个PHP脚本中对一个变量进行了赋值操作，而在另外一个PHP脚本中却无法得到这个变量的值。例如，用户在负责登录的PHP脚本中设置了＄user＝"wind",却无法在另一个PHP脚本中通过调用＄user来获得“wind”这个值。也就是说，在PHP中无法设置全局变量。每个PHP脚本中所定义的变量都是只在这个脚本内有效的局部变量。
Session解决方案，就是要提供在PHP脚本中定义全局变量的方法，使得这个全局变量在同一个Session中对于所有的PHP脚本都有效。上面我们提到了，Session不是一个简单的时间概念，一个Session中还包括了特定的用户和服务器。因此更详细地讲，在一个Session定义的全局变量的作用范围，是指这个Session所对应的用户所访问的所有PHP。
例如A用户通过Session定义了一个全局变量＄user＝“wind”中，而B用户通过Session定义的全局变量＄user＝“jane”。那么在A用户所访问的PHP脚本中，＄user的值就是wind。
阅读全文 »
分享收藏
2008.04.10 9:02 am 驽鸟
<!–[if lte IE 6]>……<![endif]–>
Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSShack，针对IE的JS等。
在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。
同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页（XHTML+CSS）解释执行的显示状况不尽相同。并且，其他非IE浏览器与IE对某些CSS解释也不一样。所以，通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。
条件注释只能用于Explorer 5+ Windows(以下简称IE)(条件注释从IE5开始被支持)。如果你安装了多个IE，条件注释（Conditional comments）将会以最高版本的IE为标准（目前为IE 7）。
条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。
通俗点，条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，比如：
阅读全文 »
分享收藏
2008.04.09 11:35 am 驽鸟
(1)在你的光盘根里面建立一个AUTORUN.INF文件。
里面写上这几句：
[AutoRun]
open=setup.exe
icon=setup.exe,0
其中，open=setup.exe中的“setup.exe”为光盘插入后你想自动执行的那个文件(动画)的文件名，要*.exe格式。如果要是动画的，你可以用flash做一个动画，然后生成*.exe各式的放上去就可以了。
icon=setup.exe,0中的“setup.exe,0”为光盘插入后你想自动执行的那个文件在电脑上面光驱所显示出来的图标。
(2)在根目录下放一个光盘插入后你想自动执行的那个文件的可执行文件，即是*.exe格式的文件。就是第一步中提到的open=setup.exe中的“setup.exe”，比如你的可执行文件是"play.exe",那么在第一步的那个AUTORUN.INF文件里面的内容就写成这样：
[AutoRun]
open=play.exe
icon=play.exe，0
阅读全文 »
分享收藏
2008.04.08 9:39 am 驽鸟
对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSS HACK测试。下文中的 IE8 暂时仅代表IE8 beta1)。
CSS定义：p {color:#f00;}
xhtml结构：<p>文字</p>
主要是测试“文字”这个颜色在不同浏览器下使用hack的一些结果报告：
|
* html p {color:#f00;}
|
支持 IE6
|
不支持FF IE7 IE8b1
|
|
*+html p {color:#f00;}
|
支持 IE7 IE8b1
|
不支持FF IE6
|
|
p {*color:#f00;}
|
支持 IE7 IE6
|
不支持FF IE8b1
|
相关测试：
|
p {+color:#f00;}
|
支持IE7 IE6
|
不支持FF IE8b1
|
|
p {_color:#f00;}
|
支持IE6
|
不支持FF
|
|
p {color:#00f !important;}
p {color:#f00;}
|
支持IE6 IE7 IE8b1 FF
|
|
|
p {color:#00f !important;color:#f00;}
|
支持IE7 IE8b1 FF
|
不支持IE6
|
|
head:first-child+body p {color:#f00;}
|
支持IE7 IE8b1 FF
|
不支持IE6
|
|
/**//*/
p {color:#f00;}
/**/
|
支持IE8b1
|
不支持IE6 IE7 FF
|
|
html*p {color:#f00;}
|
支持IE6 IE7
|
不支持IE8b1 FF
|
|
body>p {color:#f00;}
|
支持IE7 IE8b1 FF
|
不支持IE6
|
|
html[xmlns] p {color:#f00;}
|
支持IE7 IE8b1 FF
|
不支持IE6
|
|
@import ‘style.css’;
@import “style.css”;
@import url(style.css);
@import url(‘style.css’);
@import url(“style.css”);
|
支持IE6 IE7 IE8b1 FF
|
|
|
P {/*/*color:#f00;/* */}
|
支持IE6 IE7 FF
|
不支持IE8b1
|
阅读全文 »
分享收藏
2008.04.02 3:31 pm 驽鸟
语法：
STYLE="filter:filtername(fparameter1, fparameter2…)"
（Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数）
滤镜说明：
alpha：设置透明层次
blur：创建高速度移动效果，即模糊效果
chroma：制作专用颜色透明
DropShadow：创建对象的固定影子
FlipH：创建水平镜像图片
FlipV：创建垂直镜像图片
glow：加光辉在附近对象的边外
gray：把图片灰度化
invert：反色
light：创建光源在对象上
mask：创建透明掩膜在对象上
shadow：创建偏移固定影子
wave：波纹效果
Xray：使对象变得像被x光照射一样
阅读全文 »
分享收藏
2008.03.31 9:46 am 驽鸟
区别不同浏览器，CSS hack写法：
区别FF与：IE6
background:orange;*background:blue;
区别IE7与IE6：
background:green !important;background:blue;
区别FF与IE7：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。
于是大家还可以这样来区分Firefox，IE7，IE6:
background:orange;*background:green;_background:blue;
|
|
Firefox
|
IE7
|
IE6
|
|
*
|
×
|
√
|
√
|
|
_
|
×
|
×
|
√
|
|
!important
|
√
|
√
|
×
|
注：不管是什么方法，书写的顺序都是Firefox的写在前面，IE7的写在中间，IE6的写在最后面。
分享收藏
