2010-02
24

我的sitemap我做主

By xrspook @ 21:24:10 归类于: 烂日记

到处都在说SEO，到底SEO是啥？这里我就不解释了，请到sofish那里认真学习。

sitemap又是啥呢？直译，网站地图，就是为了让大伙儿更容易在网站里找到要找的而制造的页面。对于个人小blog而言，没什么地图不地图的，毕竟刚开始写生活blog的人不太会利用标签和分类，基本上就是大杂烩炒成一堆，但这也不要紧，因为伟大的BSP也会根据月份/年给大家分类。日子久了，杂乱无章的东西原来也挺整齐，只是大家没注意到。而对xrspook来说，文章够多的了，到2010-02-23为止有大概2300篇，如何整理这些东西呢？我真的很需要一个简单朴实的sitemap来“展示”我这些庞大而华丽的“历史”。

由于系统是wp，我的第一反应是装个插件，装了Google XML Sitemaps，非常厉害经典的插件，如果你的wp是放在网站根目录下的，非常幸运，你装好插件就能用了（当然啦，手动在wp的根目录建立空的sitemap.xml和sitemap.xml.gz还是必须的），至于那些不是放在根目录的童鞋们，你们就要折腾一下sitemap.xsl这个文件的存在问题了（这只又是啥？貌似CSS的东西）。

经过一番周折，并请求Matrix帮助后，终于有了自己的http://www.xlanda.net/sitemap.xml，效果如下图。

虾米意思，这也算地图？叫人怎么看！别生气，的确，这不是给人看的，这是机器看的，是特意给搜索引擎抓的，上面除了数字就是字母，对正常人来说，特别是为了找路的人来说，这简直就是一团糟，因为这个sitemap是XML的。

于是，从sofish那里我有了另外一思路，我还要弄一个XHTML的sitemap，而这东西是给人，专门给有血有肉的人准备的，上面有实实在在的文字信息：字母+数字+汉字（晕，不就多了个汉字嘛）= 找地图的人所需要的关键数据。sofish有教我们该怎么整，但依着葫芦画瓢后发现不行，在我的模板下不行，空白一片。

仔细研究代码后发现，我page.php页面的结束代码居然是这样的“<?php endif; ?>”，而不是sofish说的“<?php endwhile; endif; ?>”，代码不一样就是一个杯具，因为我把自己主题代码的“<?php endwhile; else: ?>”也删掉了，怎么可能不白屏呢？代码全部都得有始有终，有始无终了，不死翘翘才怪。好不容易战胜了白屏的问题，但效果很恐怖，而且我的文章数太多，如果全部显示出来，会形成一个惊人的界面，而且类似“按月归类”和“分类”的信息我已经在sidebar里展示，无需再次铺尘，所以，改造是必须的。

一直对模板里的“archive.php”摸不着北，但今天我却偶尔在增加页面的时候知道它的厉害。原来自己使用的lightword模板已经具有了归档功能，是伸缩式的，很强大，但却没有sofish介绍的那个全面，于是，我就来了个联姻，请看展示页http://www.xlanda.net/sitemap，童鞋们，这就是我的人肉XHTML网站地图！看清楚，没有“.xml”，有那个的是给机器看的，没那个的是给地球人看的，切记！展示图如下：

http://www.xlanda.net/sitemap.xml和http://www.xlanda.net/sitemap的载入速度都不快，因为数据量同样大，为什么第二个也那么慢呢？因为实际上它的数据量和第一个一样多，别看它的滑块比较长，实际上，把每个月的数据展开后滑块就会变短好多了，有兴趣的童鞋浏览一下源代码就可看出原机。

wp很强大，插件很多，懂wp的人也很强大，他们的方法也很多，但是否照搬就行呢？只有了解自己，才会懂得学习他人然后融入自己，创造出最适合的东西。

我的sitemap做好了，你的呢！

标签：, , ,
评论关闭
2010-02
6

结束折腾

By xrspook @ 19:37:20 归类于: 烂日记

这个星期晚上的空余时间都在折腾单位那个基于table构建起来的ASP网站，今天下午，终于完工了，改造成了基于div+css的。不开玩笑，起码减肥成原来1/3-1/2。今天下午遇到个新问题，发现在li里用float是很诡异的，Firefox，Opera，Google Chrome浏览都没问题，但IE却不行，折腾了好久，用简化手段测试过，没找出原因，算了，干脆用直截了当的方式KO掉那个可有可无的问题。问题出在一个提供下载的页面，有没有那个效果都一样，有了反而累赘了，干脆用很清爽简单的形式替代掉。

或许，干这种事情等于自愿被单位压榨，不过呢，期间我接触了没碰过，对几天前的xrspook如同神话般的ASP，加深了对ul，li和div的认识，对css的了解更上一层楼。是个非常好的体验啊！学多点东西挺好。不喜欢抄别人的代码，喜欢自己用键盘敲。即便要抄，也要拿来主义。

几天的经历让我一次又一次鄙视那个丑陋的IE，为何你就那么丑陋呢？！

说到丑陋，在xinca的帮助下，终于去掉了wp网址里丑陋的index.php！！！还记得不久前请xinca处理那个问题的时候被他狠狠地凶了一顿呢，呵呵，都成过去了。现在一切都已好起来。

结束无聊的折腾。放假回去后要买本php的书，好好认真学习一下。

标签：,
评论关闭
2010-02
4

转换成功

By xrspook @ 18:30:35 归类于: 烂日记

成功地原来基于table的网页转为基于div+css的，不是一般的兴奋啊！把14.8KB的网页刷地减肥成4.6KB，把杂乱的框架理顺为明了的层次。最后，在万恶的帮助下，解决了div的怪现象。叙述一下经过吧、

首先，我网页的一部分是这么设置的（问题简化版）：

<html>
<head>
<title>test</title>
<style>
<!–
body { background-color:#000000;}
#main { background-color:#00ff00; width:755px; margin:0 auto;}
#left {background-color:#ff0000; width:200px; height:200px; float:left;}
#right {background-color:#0000ff; width:555px; height:600px; float:right;}
–>
</style>
</head>
<body>
<div id=”main”>
<div id=”left”></div>
<div id=”right”></div>
</div>
</body>
</html>

得出的结果如左图：

从上面的css可以看出，我是希望#main里面是#00ff00（绿色）的，也就是红色的下面应该是绿色，但显然，FF得不出，Opera得不出，Google Chrome也得不出，只有丑陋的IE实现了那个效果。为什么呢？Firebug指出，在上面的设置之下#main的高度为“0”，肯定得不出绿色！为什么呢？万恶说，那是css的浮动性导致的，因为我#main下有2个div，两个div都设置为浮动，浮动的元素是被撇除在外的，所以我们觉得#main里有东西，实际上却不认。万恶给我出个非常简单但有效的方案——在<div id=”right”></div>后面#main结束之前加上一句<div class=”clear”></div>（css里添.clear { clear:both;}），问题解决了！clear是干嘛的？清除浮动元素的！在两个浮动元素之后加个这么个空载div保证了#main里面有东西，又因为clear的设置是both，左右都不能有浮动元素，所以它肯定位于所有浮动元素的后面，把#main“撑”了出来。应该可以这么解释吧。现在才恍然大悟为什么BlogBus很多模板后面都有那么句空载的div，原来是这般用的。成功范例见右图。

我一直理所当然地认为在div里嵌div就能把外面的撑大，理论上是这样，但如果里面的div设置为float那就另当别论。真是郁闷到极点。又死在细节上，自学的东西不系统结果就会经常碰到抓破脑袋都搞不懂的情况。

除了这个难点以外，还有一个导航栏的问题，但经过我的瞎弄后，马虎成功了。

哇咔咔，鼓掌庆祝一下！

标签：, , , ,
评论关闭
2010-02
2

一波接一波的变态

By xrspook @ 19:31:40 归类于: 烂日记

昨天晚上，花了大概1个多小时，努力地把单位用table构建起来的ASP网站改用div，实在太恐怖了！用table构建的网页就一个字——乱！代码没问题，但让读代码的人思路混乱，解读困难，管理也郁闷，必须一个个小框去改格式，都什么年代了！居然没把CSS用上，如果用div不用CSS那简直就是，哎~~~ 于是，我的任务就是把table拆分为div和CSS。思路是清晰的，但执行起来原来很有难度。有些我觉得理所当然的东西，到真的那个起来原来还是挺困难的，毕竟接触HTML多年了，知道该怎么操作，但细节，细节是个需要琢磨再琢磨的地方，有些东西还在研究中。慢慢来，搞好一个页面其它的就好搞了。这个烂摊子，我招标认定了！

今天核对了600多张自己过去一年做的表格，盖了超过550个公章，咋的我们的合作单位就那么烦人的呢？！！！如果收2块钱一章的话，收的前都可以拿去吃好多顿饭了。把单位印章的印油都印干了，所以开始的章盖得是很漂亮，后来的就无论多用力都模模糊糊了。这不能怪我，真的不是我的错！公章哪有这么搞法的？！想起小时候爸妈给我刻了个名字，在白布上印好多，然后再缝在衣服和裤子上，大概小孩都有过这种经历吧，从前爸妈整的时候一定很享受，但今天我呢，根本就是折磨，整到我都发脾气了。

昨晚10点多的时候，领导突然大驾光临，说8号吃年饭的时候要出个节目，要好笑的，接着，我脑子里就马上蹦出了个念头——“平时工作日睁开眼睛的时候我们是你们的奴隶，休息了空闲的时候我们还要当你们的小丑？”很讽刺，但很真实。

我什么时候才不那么愤世嫉俗啊？！大概是玩技术的时候吧。

标签：,
评论关闭
2010-01
27

挽救杯具

By xrspook @ 20:35:55 归类于: 烂日记

昨天，知道了原来我们粮库也有网站，迫不及待地去观摩一下。汗！我用的是FF，结果呢？中国人做的网页就是对IE以外的浏览器水土不服，于是，汗，再汗……

网页是个需要测试测试再测试的东西，内容当然很重要，但如果不同用户不同浏览器出来的效果不一样呢？杯具……在中国人设计的网页中，非IE不可是习惯性真理性的，比如说大名鼎鼎的备案网站，又比如同样如雷贯耳的网上支付网站，巨汗！地球人都知道IE的安全性不好，速度不优秀，但，勤劳勇敢机智过人的中国人就喜欢用系统自带原汁原味，甚至还没经过升级到7或8的IE，果然是微软的忠实粉丝啊！

但，我们某些人的思维是发散的，面向的是世界各地的盆友。在外国盆友设计的网页中，基本上FF横行，是推荐用浏览器，比如说我用的WP模板的作者。显然，他老人家视IE为无物。请看下图：


这是IE的截图。


这是FF的截图。

左图是我千辛万苦经过修改后的IE适应版，右边是原版。杯吧，原版在IE下，3栏的设计都变成2栏了，2个侧栏“被迫”挤到了一块，肯定是和背景不搭调的，揪心啊！

为了挽救这恐怖的杯，我首先请来了Firebug大人。


模板，显然，是div的，样式肯定是CSS的，而问题就发生在content-body、content-sidebar-2和content-sidebar里。首先，我在content-sidebar的CSS里加了一句“float:right;”，解决了content-sidebar在IE里跟在content-sidebar-2屁股后面的问题，实现右置。但为什么升不上去呢？难道因为太窄？我尝试修改过很多宽度都不行，看来不是位置不够的问题。会不会是content-sidebar里有“clear”的命令呢？应该不会。如果有的话，在FF就不会正常了。中间部分三栏设计，我们可以用3个float来解决问题，于是我试探性地在content-sidebar-2里加一句“float:right;”惨了，占到了最右方，当然，因为它的层在content-sidebar之前，理所应当占最右边。那如果改为“float:left;”呢？我的设想是它或许会正常，如果content-body已经设定为“float:left;”的话，怪异的是，在IE下正常，在FF下content-sidebar-2抢到了正文的左边。问问Firebug，虫子说content-body里有个“float:none;”的设置。怎么可能，我已经把CSS文件里所有content-body都加上“float:left;”，怎么有可能还是“float:none;”！！！！但如果不存在，Firebug不可能爬虫出来，到底在哪里呢？无计可施之下，找起了网页源文件，居然，居然被我在网页头部找到这等东西！！！


实在太杯具，灰常杯具啊！文件头，居然放在文件头，无语了。在WP的header里找，没找到，最后终于在function里找着，我的老天，该死的“none”！于是，终于用3句float解决了IE怪异的效果，让中国人看到的效果和外国人相似。

哎，如果大家用订阅的话，版面什么个鬼样又有什么关系呢。

标签：, , , , , , ,
4 条评论
1 … 104 105 106 107 108 109 110 111 112 … 146
© 2004 - 2026 我的天 | Theme by xrspook | Power by WordPress
Go to top