《闪魂-FLASH8网站建设实录》笔记

Microsoft的Live日志要整体搬往Wordpress.com。虽然限期在2011年3月,不过我在里面只有一篇笔记,索性转贴在此,早点跟Live说再见。

Live继承了MS在F-page时代的光荣传统,HTML代码一团糟。PJBLOG的UBB版本用BR代替段落,可Live是用DIV啊,而且是空的DIV来代替BR。大量的FONT标签,改起来真烦。回想起从PJBLOG转到WORDPRESS的对500多篇日志的修改,那种精神上的痛苦真是不堪回首。难道这就是成长的代价。 继续阅读《闪魂-FLASH8网站建设实录》笔记

Apache中文说明文档

去年拔网运动期间,因为工作需要,曾经想搞一个反向代理服务器,大家都推荐Nginx,因为缺乏资料,加上WINDOWS下口碑并不好最终没有搞成。后来偶然发现其实Apache就可以,于是有点“悔不该当初”的感觉。因为最近思考一个.htaccess 文件的问题,加上XMAPP的启蒙,于是对Apache有了那么一点接触。发现即使是有Nginx这个口碑极好的竞争者,Apache的地位也不可能在短期内被动摇。 继续阅读Apache中文说明文档

Xampp下apache多站点配置

以前很看不起LAMP的集成环境,无非就是打包而已。集成不透明,版本更新缓慢,而且并非纯绿色产品(比如织梦做的那个集成环境)。与其如此,我不如装个虚拟机跑测试环境了。

在集成环境里,名头大的莫过于Xampp。以前觉得不过如此,下了,用了,删了。直到某天无意发现,Xampp竟然可以做到不改注册表,不往系统添加任何附件,甚至可以做到U盘里,随用随启动,不要随时删除。而且集成环境竟然包含WEB\MAIL\FTP的多种应用,模块齐备。不由敬仰得一塌糊涂,于是定下Xampp作为工作测试环境了。  继续阅读Xampp下apache多站点配置

wordpress模板学习

wordpress的模板和主题核心是index.php,style.css两个文件。嵌入模块文件名固定,当嵌入模块文件缺失,则自动调用index.php作为默认嵌入模块。

模板的区分取决于theme目录下的子目录名称。模板只能存放在该目录下,并且按照固定的规则命名。

index.php的正文模块随着所处页面的不同,嵌入不同的模块文件。以下是常规文件名及定义: 继续阅读wordpress模板学习

图片居左,文字居右的LI

BODY带上ID后,原来DIV末尾的“<p>(空格)</p>”被忽略,IE和FF都是这样。但是写上字符编码就可以占位,看来字符编码不是一个简单的替换关系,他的执行结果还是不同的两个东西。不过这个加ID的方法倒是可以让浏览器忽略掉一个空标签,有时候这个技巧应该会有用。唉,这种问题究竟是怎样的机制只有XHTML孔乙己才会去研究了,我只知道碰到了什么问题,用什么方式解决了他。传说任何车祸都不同,是不能再现的,浏览器调试代码似乎也是如此。

还有一个浮动的问题困扰了半天,一个图片居左文字居右的LI搞了半天就是不能平整无缝地连接,文字总是在IE6下多空一行。后来用清除浮动,顶开LI的方法解决了问题,做一个例子保存。今天发现,也许把IMG设置成块模式就可以了,不过现在懒得试了,可能性一半的样子。

<!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=gb2312″ />
<title>LI清除浮动</title>
<style type=”text/css”>
<!–
* {border:0; padding:0; margin:0;}
body {font-size: 14px;background-color: #FFFFFF;}
li {list-style-type: none;}
p {text-indent: 2em;}
#shebei {width: 300px;}
#shebei img {float: left;}
#shebei li {clear: both;height: 1%;}
–>
</style>
</head>
<body>
<div id=”shebei”>
<ul>
<li><img src=”images/PHOTO-TEST.gif” width=”110″ height=”130″ border=”0″ /><p>第二代前列腺无痛介入导融系统:该技术是目前国际上新一代高科技治疗前列腺疾病的新技术,曾多次获得泌尿
科权威人士权威人士权威人士权威人士的高度评价和肯定。</p>
</li>
<li><img src=”images/PHOTO-TEST.gif” width=”110″ height=”130″ border=”0″ />
<p>第二代前列腺无痛介入导融系统:该技术是目前国际上新一代高科技治疗前列腺疾病的新技术,曾多次获得泌尿科权威人士权威人士权威人士权威人士的高度评价和肯定。</p>
</li>
<li><img src=”images/PHOTO-TEST.gif” width=”110″ height=”130″ border=”0″ />
<p>第二代前列腺无痛介入导融系统:该技术是目前国际上新一代高科技治疗前列腺疾病的新技术,曾多次获得泌尿科权威人士权威人士权威人士权威人士的高度评价和肯定。</p>
</li>
<li><img src=”images/PHOTO-TEST.gif” width=”110″ height=”130″ border=”0″ />
<p>第二代前列腺无痛介入导融系统:该技术是目前国际上新一代高科技治疗前列腺疾病的新技术,曾多次获得泌尿科权威人士权威人士权威人士权威人士的高度评价和肯定。</p>
</li>
<li><img src=”images/PHOTO-TEST.gif” width=”110″ height=”130″ border=”0″ />
<p>第二代前列腺无痛介入导融系统:该技术是目前国际上新一代高科技治疗前列腺疾病的新技术,曾多次获得泌尿科权威人士权威人士权威人士权威人士的高度评价和肯定。</p>
</li>
<li><img src=”images/PHOTO-TEST.gif” width=”110″ height=”130″ border=”0″ />
<p>第二代前列腺无痛介入导融系统:该技术是目前国际上新一代高科技治疗前列腺疾病的新技术,曾多次获得泌尿科权威人士权威人士权威人士权威人士的高度评价和肯定。</p>
</li>
</ul>
</div>
</body>
</html>

IE6又变态,IE7也变态

今天做一个内容翻滚效果,就是那种图片内容停X妙,然后无缝翻滚下一张的特效。

以前该效果在FF浏览器不显示,后来证实是JS定义的参数没有“符号的原因。今天把这个问题解决了,却意外发现在IE6下不正常,所有的信息层都全部出现在舞台上,而且一动也不动。这个效果在本地测试正常,放到WEB中却出现这样的问题。

我先是担心ID号冲突,结果没问题,然后把其他JS全部消灭,问题依旧。将页面另存到本地,故障却消失了。页面上只留这个效果代码,也可以正常运行,说明还是冲突了,是什么导致了针对IE6浏览器的冲突呢?于是采取一段一段删代码以确定故障点,最后终于找到了问题所在:我在一个还没有内容页的IFRAME的来源地址中写了“等待加入”四个中文字。但是这个IFRAME与那个JS效果八杆子打不着,FF也不认为这是个问题,单单IE6对这个问题想不通,导致JS执行异常。看来还是#号保险啊。

080423补充:

IE7下IFRAME的SRC为“http://”的时候,会自动访问这个空的地址,从而造成该标签所在页面无法显示,无法访问。