学习用Xhtml+CSS2构建网页（连载）

作者： Ipv6@落伍者，主页：www.ifess.com，www.standme.com/
转载请注明出处

第一篇：喜新厌旧，逐步习惯Xhtml+CSS2的布局方式

亲来有很多网站用Xhtml1.0标准将站点重构，其中包括yahoo，163，CSDN等这些大站。近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪，所以偶也开始学起了，慢慢的就爱上她们了，页面构建技术就是若干MM，我们也要来个喜新厌旧。

一、为什么要学Xhtml+CSS2

首先，标准的代码便于网页在各种浏览器中的顺利显示。
一些不规范代码的网页在IE下能正常显示的，在Firefox和Opera上可能就无法正常显示。在这一点上我们不得不说IE相比之下更有包容之心，虽然现在浏览器的主流是IE以及以IE为内核的各种浏览器，但我们同样无法忽视Firefox、Opera等浏览器在逐渐增大的用户群，而这些人群多是对计算机较为精通的老鸟，被他们骂自己网站太垃圾的话我想滋味应该不好受，呵呵。
当然这也不是说使用table等做的网页就不符合标准（使用table带来的一些弊端下面也要谈到），只是当前不少人习惯用先用Photoshop（以下简写为PS）设计平面图，之后用Fireworks（以下简写为FW）或Imageready（以下简写为IR）做切割，之后在Dreamweaver（以下简写为DW）或是Forntpage（以下简写为FP）来生成html，这些可视化的软件固然方便，但由此带来的问题也是多多，这些软件多多少少会自动增减一些代码，如果没有查看代码的习惯，很容易导致一些不规范代码的产生。，由于使用FW或IR做出的切片一般对图片的特征无法做出直观的描述，所以这样做出的html给以后的维护也带来了麻烦。

其次，Xhtml + CSS2使页面布局更加简单
假如之前对页面进行布局或设置了一些相对复杂效果的话，通常的做法是采用大量的表格嵌套对一个页面进行布局，用单元格来描述区域，这样在WYSIWYG等软件中倒是比较直观，但这样影响的有几个方面，首先影响下载速度，因为table的显示不像DIV一样，table在浏览器中的显示是需要全部下载之后才能显示，所以会影响下载速度；其次对于手写代码来讲，这样的结构非常不直观，大堆的表格嵌套可能让习惯手写代码的设计师感觉头晕；另外，还可能牵扯到一个地方就是单元格的合并，假如你不小心搞错了一个colspan=”？”，那么整个页面的布局将面目全非。
而用CSS做布局，就像是在PS中对图层进行操作一样，利用CSS中相对和绝对的概念，整个页面的布局就轻松和方便多了

此外，Xhtml可以减小网页文件体积
使用Xhtml+CSS2构建网页其实一个很重要的目的就是提高浏览速度，虽说现在网速越来越大了，但谁不想自己的站点速度更快呢，有人还曾经说“世上最远的距离不是地球到太阳，而是中国电信到中国网通”，如果你在电信服务器上的站点被网通线路的用户浏览，网页文件大小势必也会影响浏览者的感受。而采用Xhtml来构建网页则利于你解决这个问题，经过笔者测试，实现同样的效果图，使用Xhtml构建的网页比使用传统table方式构建的页面体积减小1/2左右。相信很多人会喜欢身材苗条的MM，呵呵

二、不同层次的学习者如何快速入门

感受了以上几点，我开始逐渐习惯使用Xhtml+CSS2来构建网站，那么谈了这么多，究竟从哪里入门呢？这里，对于不同的人群，我建议以下几种方法快速入门：

对于html及css完全不了解的新手：首先建议你还是学习以下html，因为它当对简单一些，更易于入门，熟悉了一些html的基本语法之后，开始学习Xhtml的一些规范写法，这里推荐一些学习资料：
Xhtml中文参考：
http://www.standme.com/Xhtml.htm
HTML和XHTML常见问答：
http://www.transwiki.org/cn/xhtmlfaq.htm
有英文基础的可以查看这些页面：
XHTML™ basic：
http://www.w3.org/TR/xhtml-basic/
XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)：
http://www.w3.org/TR/xhtml1/
XHTML™ 1.1 - Module-based XHTML：
http://www.w3.org/TR/xhtml11/
XHTML™ 2.0：
http://www.w3.org/TR/xhtml2/

对于有html基础的朋友，推荐这篇阿捷写的文章：
循序渐进学习Xhtml+CSS2：
http://www.w3cn.org/article/step/index.html
通过一步步的逐渐由不够规范的html转变到Xhtml

对于有html及PHP语言基础的朋友，这里推荐一个快速搞定Xhtml的方法：
安装一个Wordpress，官方站点：www.wordpress.org，当前最新版本是1.5.2，之后用最短的时间熟悉wordpress的模板系统，改动以下wordpress的模板算是熟悉一下DIV和CSS2的感觉，之后找一个不错的页面，将wordpress的模板改成与之相同的。最后一步则是按照自己所学到的Xhtml+CSS2的知识做一套wordpress的模板出来，经过这三步，我想你的Xhtml+CSS2算是真正入门了。

唯格包包商城
e-Rest Search Engine
Upimg Image Hosting
Free Online Games
Mobile Player Forum
iPhone Wallpapers
idowns!
Wood Furnitures
Free Article Net
Chinese Trends
VIRGO唯格服饰
Guangzhou Yiren Fashion

网站logo/banner在线制作工具大全

一个网站不可缺少Logo、Banner、Email、Rss、签名、头像等各种图标或按钮。 　　经常看到站长们寻找图标制作工具。为了满足我们大家共同的需要，本人花费了一定的时间搜集在线图标制作工具。由于是在线制作，实用、方便和易懂，但不足处是不能满足个别站长特别的需求。 1、Web2.0 Logo标志** http://msig.info/web2.php 此工具制作的Logo我们经常见到。生成logo后，生成代码可复制放在自己的网站里。图片也保存到本地硬盘。2、在线制作Banner和Logo，只添加文字就可以生成了。http://www.163er.com提供468X60、760X60、200X200、88X31等多种格式，并且可以获得多种格式的链接代码，还可以将图片保存在网站的相册空间中。3、Eoool在线制作LOGO、Banner、Email、Rss、签名、头像，但模板比较少，格式也比较少。http://www.eoool.com4、.Logoyes在线LOGO设计制作,基于flash的LOGO设计。 http://www.logoyes.com/logocreator.php 5、收藏夹图标**Favicon.ico http://www.html-kit.com 6、网站LOGO在线制： http://searchdon.com/create.asp 可以生成多种样式的LOGO，如google,yahoo的LOGO样式 7. http://www.logogle.com 可以生成google的LOGO样式图标，还可以生成自己LOGO的google搜索引擎。 8.blog标签图片 http://button.blogflux.com 9. 动态LOGO制作 http://www.logomaker.cn 10. 可以生成多种样式的LOGO，如google.yahoo.cocacola等，可以自己选择颜色。 http://www.googlealive.com 12.定制个性图标，制作各种动态文字 http://www.igogo8.com 13.EmailSignatureGenerator邮箱图标，支持Gmail/Yahoo/Hotmail/MSN多个邮箱，有三种图片样式供选择。 14.Email图标的生成 http://www.nhacks.com/email 　支持多种域名的Email图标的生成。只能设置@之前的字母，支持GMail、Hotmail、Yahoo、MSN、AOL、ATT、Bigfoot、 RocketMail、QQ、Comcast、Netscape、Blueyonder、SBCGlobal、Earthlink、Lycos、 Sympatico、Rogers等。 15.RSS图标的生成 http://www.feedforall.com/public/rss-graphic-tool.htm 14.各种按钮图标生成 http://www.lucazappa.com/brilliantMaker/buttonImage.php 　　 16.各种类型图片的生成 http://www.abi-station.com/tchinese 17.按钮类型的图标生成 http://www.kalsey.com/tools/buttonmaker 18. http://www.danasoft.com 支持多种语言，客户信息显示（无需注册）、自定义文字（需注册登录）。 19.中文字体签名图标生成 http://www.youmade.com/font 20. 英文字体签名图标生成 http://www.atomicfonts.com 21.英文字体签名图标生成 http://www.myfonts.com/category/myfonts/index.html

e-Rest Search Engine
Upimg Image Hosting
Free Online Games
Mobile Player Forum
iPhone Wallpapers
idowns!
Wood Furnitures
Free Article Net
Chinese Trends
VIRGO唯格中国
Guangzhou Yiren Fashion

Access真正的随机不重复select查询记录

在网上找到的随机不重复查询代码
select top 15 * from article where artshow=1 order by right(cstr(rnd(-int(rnd(-timer())*100+id)))*1000*Now(),2)
复制代码发现一个问题：在access中执行正常，每次都不同。但是放在asp中生成html不会变化，估计是服务器端不销毁ado对象造成的，于是呼就弄出了这么一个真正随机的。
select top 15 title,author,content from article where id in(select top 15 id from article order by right(cstr(rnd(-int(rnd(-timer())*100+id)))*1000*Now(),2))
复制代码用了这段代码后，就每次生成html都不一样了。希望大家喜欢

e-Rest Search Engine
Upimg Image Hosting
Free Online Games
Mobile Player Forum
iPhone Wallpapers
idowns!
Wood Furnitures
Free Article Net
Chinese Trends
IT Info Rss
VIRGO唯格中国
Guangzhou Yiren Fashion

P2P资源共享平台解决方案

现有中国大部分高校校园网上网计费一般采取两种方式，两种上网方式对比如下：
计费方式
资费
网速
用户需求
矛盾
包月不限流量
相对便宜
快慢无常，热门时段奇卡无比
网速快点
大家需求得不到满足，无法或者不敢随心所欲高速下载，每个接入校园网的用户都是“吸血鬼”，不断从外网下载资源、使用资源、删除资源，周而复始。
包月限流2-5G超出按流量收费
对于流量大户网费相对较高
由于流量限制，网速相对稳定
流量给多点，免流量资源丰富些。
为了解决大学生日益增长的下载需求与高校网络带宽和资费标准的矛盾，大部分高校开始出现校内FTP、校园BT等下载方式，还出现了北大天网Maze和Huntmine这样的下载软件，但是始终无法很好的解决这个问题，下面是这几种解决方案和DC++资源共享平台的对比：
解决方案
校内FTP
校园BT
Maze、Huntmine
校内DC++
资源储备总量
服务器硬盘容量
有种子的资源总和
在线用户共享量总和
服务器容量+用户共享量总和
资源多样性
相对单一
相对多样
相对多样
资源多样性好
资源更新频率
与工作人员积极性成正比关系
与用户共享精神紧密相关
与用户共享精神紧密相关
工作人员积极性+用户共享精神
资源利用率
相对较低，因为占用大量空间的资源下载量不大
很高，发布的都是热门资源
相对较高，但有大量垃圾资源
相对平均
硬件需求
大量服务器储备硬件支持
低
低
少量服务器储备硬件支持
人力投入
多人专人
无
无
1-2人
下载速度
热门时段很慢
很快
中
随时高速下载
非法资源控制
容易
容易
无法控制
服务端任意控制
带宽计费
免费
免费
计费
免费
用户互动
通过论坛互动
通过论坛互动
用户之间私聊
公共聊天室+用户间私聊沟通
总结
硬件需求高，需专人更新，热门时段速度很慢
下完就跑和限速的太多，已基本丧失原本的共享精神
平台充斥大量不良资源，严重影响大学生成长
传统FTP的稳定和BT的P2P分享于一体，资源多样，自然淘汰冷门资源，通过关键词过滤和文件特征码过滤，隔绝不良资源
由上表不难看出，DC++资源分享平台的出现完美的解决了FTP资源更新慢、下载慢，BT资源求种留种难，校园网被迅雷、Maze、Huntmine充斥大量不良资源等问题，是一个非常适合于中国高校网络发展现状的资源共享、节约校园网出口带宽的完美解决方案。开源的DC++中国交流平台，致力于推广DC++资源共享平台在国内高校的推广，从入门到精通，传授DC++服务器架设、管理维护技术，帮助定制客户端软件，以拥有一个资源极其丰富、飞速下载的健康教育网为最高目标。
客户端下载：http://www.dchome.org.cn/client.htm
服务端下载：http://www.dchome.org.cn/sever.htm
DC++中国谈论区 http://www.dchome.org.cn/bbs
论坛DC++插件 http://www.dchome.org.cn/bbs/forumdisplay.php?fid=5

e-Rest Search Engine
Upimg Image Hosting
Free Online Games
Mobile Player Forum
iPhone Wallpapers
idowns!
Wood Furnitures
Free Article Net
Chinese Trends
IT Info Rss
VIRGO唯格中国
Guangzhou Yiren Fashion

目录监控脚本程序[PHP]

/**
*
* 目录监控
*
*
**/
set_time_limit(0);
define('M_PATH','.'); //设置监控的目录，当前目录为'.',上一级目录为'..'，也可以设置绝对路径，后面不要加斜杠
define('M_LOG','../m.log');
//设置存储log的路径，可以放置在任意位置
$file_list = array();
function
record_md5($dir){
global $file_list;

if(is_dir($dir)){

$file=scandir($dir);

foreach($file as $f){

if($f!='.' &&
$f!='..'){

$path = $dir.'/'.$f;


if(is_dir($path)){


record_md5($path);


}else{


$file_list[$path]=md5_file($path);


}

}

}

}
}
record_md5(M_PATH);
if(file_exists(M_LOG)){

$log = unserialize(file_get_contents(M_LOG));
}else{

$log =
array();
}
file_put_contents(M_LOG,serialize($file_list));
if(count($file_list)
> 0 ){
foreach($file_list as $file =>
$md5){

if(!isset($log[$file])){

print '新增:'.$file.'
';

}else{

if($log[$file] !=
$md5){

print '修改:'.$file."/>";

unset($log[$file]);


}else{

unset($log[$file]);


}
}



}
}
if(count($log)>0){
foreach($log as
$file => $md5){
print "删除:".$file."/>";
}
}
?>

e-Rest Search Engine
Upimg Image Hosting
Free Online Games
Mobile Player Forum
iPhone Wallpapers
idowns!
Wood Furnitures
Free Article Net
Chinese Trends
IT Info Rss
VIRGO唯格中国
Guangzhou Yiren Fashion

75个最佳Web设计资源

一组 Web 设计资源大全，包括字体，CSS 资源，Logo 设计资源，图标，设计启发，教程，Photoshop 素材下载，以及 WordPress 资源。每个类别又包含数十套该类别下的具体资源，可能是有关 Web 设计的终极资源了。(转载请注明出处)
字体设计
- 60 套公司用设计字体 [Smashing Magazine]- 20 套免费手写字体与资源 [Fuel Your Creativity]- 50 套专业Web设计与印刷用字体 [Noupe]- 15 套漂亮的高质量免费字体 [Smashing Magazine]- 21 套来自 DeviantArt 的艺术字体 [Designflavr]- 设计专业人士使用的7套最佳字体 [Just Creative Design]- 45 套符合现代设计趋势的免费漂亮字体 [Six Revisions]
CSS
- 50 个强大的 CSS 实用工具 [Smashing Magazine]- 30 套 CSS 小炒资料 [All Web Design Resources]- CSS 编辑器评测 [Smashing Magazine]- CSS 高手的 10 个原则 [NETTUTS]- 2008 最佳 CSS 设计（中文） [Web Designer Wall]- 40 个 CSS 生成器 [All Web Design Resources]
- 重置你的CSS [Six Revisions]- 实现干净代码的12条定律（中文） [Smashing Magazine]
Logo 设计
- 81 个最佳 Logo 设计资源 [Logo Design Love]- 最佳Logo设计资源 [Just Creative Design]- 105 个Logo设计资源 [Elite By Design]- 35 个令人目眩的黑白 Logo [Siah Design]- 50 套能够带来启发的 Logo [Fuel Your Creativity]- 2008 年 33 个不俗的 Logo 重设计 [Smashing Apps]- 30 个精彩的矢量 Logo 设计 [VECTORTUTS]- 10 个成功的 Logo 设计 [Logo Design Love]
图标设计
- 2008年50套最漂亮的图标 [Noupe]- 40 套漂亮的免费图标 [Six Revisions]- 22 套全新高品质免费图标 [Elite By Design]- 40 套超漂亮的图标 [Noupe]- 50 个漂亮的博客设计 [Smashing Magazine]- 40 个有创意的按钮 [PSDTUTS]
设计启发
- 60 个非常 Cool 非常有创意的 404 页面 [Hongkiat]- 30 个漂亮的 Web 设计例子 [Six Revisions]- 2008年40个具有启发性的 Web 设计 [CrazyLeaf Design Blog]- 50 个漂亮的导航菜单 [Vandelay Website Design]- Web 设计中的57个矢量字符 [CSSLeak]- 50 个漂亮的，有创意的展示类站点设计 [Smashing Magazine]- 40 个漂亮的暗色系 CSS 设计 [Toxel]- 40 个漂亮的手画 Web 设计 [CSSBuilt]- 79 个精彩的专辑封面 [Inspiredology]- 40 套有创意的名片设计 [Toxel]- 纹理与图样设计展示 [Smashing Magazine]- 54 幅令人灵魂出窍的数字画 [PSDTUTS]- 50 个出色的博客页脚设计 [Hongkiat]- 24 个漂亮的，有创意的网站 Header 设计 [Toxel]- 富有灵感的 PDF 杂志设计 [Smashing Magazine]
设计教程
- 41 个最好的 Photoshop 效果教程 [Hongkiat]- 30 个漂亮的 Photoshop 文字效果教程 [Six Revisions]- 70 个 Photoshop 美容教程 [Smashing Magazine]- 50 个很棒的 Photoshop 教程 [PSDTUTS]- 30 个 Fireworks 教程 [Arbent]- Adobe Fireworks 教程与下载 [Smashing Magazine]- 40 个 Wacom 数字画板教程 [DesignM.ag]- 50 个出色的 AJAX 教程 [Smashing Magazine]- 50 个富有创意的 Photoshop 文字效果教程 [PSDTUTS]- 23 个不可思议的 Photoshop 教程 [Elite By Design]- Adobe Illustrator 教程 [Smashing Magazine]
photoshop资源
- Photoshop Custom Shapes 集 [Smashing Magazine]- 20 个 Photoshop 印刷作品与画笔资源 [PSDTUTS]- 75 个超高分辨率 Photoshop 画笔 [Elite By Design]- 50 个不可或缺的 Photoshop 画笔 [Smashing Magazine]- 200 套 Photoshop 画笔 [You the Designer]- 50 套免费的 Photoshop Pattern [Emma Alvarez]- 55 套免费的画笔与矢量图 [Web Resources Depot]- 40 套 Photoshop 万圣节主题画笔 [PSDFan]
wordpress
- 100 出色的 Wordpress 免费主题 [Smashing Magazine]- 30 个最实用的 Wordpress 技巧 [Hongkiat]- 45 套免费的 Wordpress 网格布局主题 [WPZOOM]- 45 套必须要看到 WordPress 主题 [Noupe]- 20 套 Wordpress 公司网站主题 [Blogsessive]- 24 套高质量免费 Wordpress 主题 [Toxel]- 21 套令人耳目一新的免费Wordpress主题 [Smashing Apps]- 50 套漂亮的免费 Wordpress 主题 [Six Revisions]- 10 个寻找免费 Wordpress 主题的地方 [UPrinting]- 50 个最好的 Wordpress 主题 [CrazyLeaf Design Blog]- 10 个 Wordpress 实用 RSS 技巧 [Smashing Magazine]- 45 个出色的免费 Wordpress 主题 [DzineBlog]

卸载 Internet Explorer 7

概要
本文介绍在 Microsoft Windows XP 和 Microsoft Windows Server 2003 中如何卸载 Windows Internet Explorer 7。本文还指出，在卸载 Internet Explorer 7 后，Microsoft Internet Explorer 6 将会恢复。

本文可用作中级计算机用户的着手点。

如果您先打印本文，可能会发现更容易按照其中的步骤操作。


方法 1：使用“添加或删除程序”卸载 Internet Explorer 7
步骤 1：使用“添加或删除程序”卸载 Internet Explorer 7
a. 单击“开始”，然后单击“运行”。
b. 在“打开”框中，键入 appwiz.cpl，然后单击“确定”。
c. 在程序列表中，单击“Windows Internet Explorer 7”，然后单击“删除”。
d. 按照向导中的说明卸载 Internet Explorer 7。
卸载了 Internet Explorer 7 后，双击 Internet Explorer 图标，验证 Internet Explorer 6 是否已恢复。

如果通过此方法无法卸载 Internet Explorer 7，请尝试方法 2。


方法 2：使用 Spuninst.exe 卸载 Internet Explorer 7
步骤 1：使隐藏文件和隐藏文件夹可见
a. 单击“开始”，然后单击“我的文档”。
b. 在“工具”菜单上，单击“文件夹选项”。
c. 单击“查看”选项卡。
d. 在“高级设置”列表中的“隐藏文件和文件夹”下，单击“显示所有文件和文件夹”，然后单击“确定”。



步骤 2：运行 Spuninst.exe 卸载 Internet Explorer 7
a. 单击“开始”，然后单击“运行”。
b. 在“打开”框中，键入 %windir%\ie7\spuninst\spuninst.exe，然后单击“确定”。
c. 按照向导中的说明卸载 Internet Explorer 7。
卸载了 Internet Explorer 7 后，双击 Internet Explorer 图标，验证 Internet Explorer 6 是否已恢复。