包头信息门户导航菜单

作者:dangbao 日期:2009-05-31

这是参照主流的门户导航样式给包头信息网写的。我写的代码尽量没使用图片来分隔分类菜单。而是给li用的border-right:1px dashed #ccc,经过调整了行距，看起来上下两条边框象是一条似得。效果还不错。兼容IE系列和FF。当然如果想要精确效果可以用背景图片来控制，我的例子仅供参考。请运行代码后查看效果…

Tags: 包头菜单

分类:兼容代码 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 224

谈页面重构的团队协作和后期维护

作者:dangbao 日期:2009-05-27

为什么写这篇文章？因为我看到越来越多的公司重构职位要求注重这方面。一个公司的网站一旦成型以后，就很少去做大的调整和改版。剩下的就是缝缝补补、改改换换。恰恰是这些看似是小问题的问题，前端人员发愁了。在原有结构上替换某一处的内容还可以，但是一旦涉及到新需求必须改变原有页面结构的时候，矛盾出现了。原来的结构是深思熟虑、精心编排的，而如果确定需要改动的话，很可能影响甚至破坏页面其他区域。而且，这个时候的页面的静态动态已经成型，更改只能是页面和程序一起来协作进行，使得工作效率变的很低，测试也有点麻烦。改的时间也不一定是你刚写完就改，也许是放下好几个月后又来，又怕写的样式和别的地方冲突，又担心写的东西不兼容，结果可能是越改越乱，虽然页面表现上没什么问题，但是从代码上讲，已经打破了原来那么规整严谨的书写。对于一个专业的页面重构人员，这么情况实在是很难受啊。那么，如何尽量避免后期维护出现的不利因素呢？现在我就来谈谈我自己的感受…

Tags: 前端重构

分类:重构资源 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 108

一样的SNS，不一样的人脉

作者:dangbao 日期:2009-05-25

偶然通过一个链接得知了若邻网，一看首页感觉就是SNS站，但我却发现了在LOGO后面清楚的写着“找人脉上若邻”。提到人脉，我想起了去年参加的北京大学人力资源论坛上一位专家的演讲，就是说的人脉资源PK人力资源。那番讲话我深有感触，在如此迅猛发展的社会，人脉的关系是多么重要。于是我决定看看这个注重人脉的SNS站什么不同……

Tags: WEB2.0

分类:网络观察 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 90

包头-五月物语

作者:dangbao 日期:2009-05-18

今年的五月比较忙，北京-包头来回两趟跑。
稍美+烩菜+焙子+碗托+过油肉土豆片+空气好=舒坦。
很长时间没听草原歌曲，晚上喝点雪鹿听上点效果很好。
北京的热和包头的热不一样。北京哪都是热的；包头挡住太阳就凉快。

Tags: 夏天包头

分类:党宝随记 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 43

推广新方式之微博客

作者:dangbao 日期:2009-05-12

为什么题目这样写？原因很简单，就是我在玩微博客的时候经常见到一些人发表个诱惑的标题和一串网址。虽然有些题目比较让人厌烦，不过一些发现新鲜事物并乐于分享的人还是会发好东西。说到这里，相信你也会有点想法。也许你想问，那么多的微博客，还一个个去发啊。哈哈，你要真这么想，还说明你真的不了解微博客。

Code
所谓“微博客(micro-bloging)”就是一种非正式的迷你型博客 ,它是最近新兴起的一个web2.0表现，是一种可以即时发布消息的类似博客的系统，它最大的特点就是集成化和开放化，你可以通过你的手机、IM软件(gtalk、MSN、QQ、skype)和外部API接口等途径向你的微博客发布消息。
微博客的另一个特点还在于这个“微”字，一般发布的消息只能是只言片语，像Twitter这样的微博客平台，每次只能发送140个字符...

Tags: 推广博客

分类:网络观察 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 45

WY纵向循环切换焦点区域

作者:dangbao 日期:2009-04-28

门户近来比较流行的一种TAB切换,版式上左面是一块大的焦点区域，一般是放一张吸引人眼球的图片。右面则是现实与图片关联的标题。自动纵向顺序切换TAB内容，当然鼠标经过任何一个右边的标题，左边会跳到与之相关联的焦点区域。废话不多说，点击查看文章后运行代码看效果吧！

Tags: 焦点图门户 tab

分类:兼容代码 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 208

卸载软件后IE中不能显示PNG图片

作者:dangbao 日期:2009-04-23

由于对fireworks cs4的使用感觉不是很顺手，今天决定先删除掉。顺利删除了以后，突然发现在IE浏览器中，所有的PNG后缀的图片全都不能正常显示了，全部显示的是叉。然后在非IE浏览器中又是正常的。想起了前些日子，有个群友说他卸载了photoshop后png也不能看了，呼叫了半天也没找到那人。于是开始自己查资料，都说是卸载软件时候把系统的PNG带走不，而且在“文件夹选项”中也没有改扩展名的文件了，我根据网上说的在注册表中添加字段属性了，但是还是没能成功。正当我要开始怀疑本人RPWT的时候，看到有人说重新安装flash_player就OK了，抱着试试的心态我去adobe官网下载了最新的Adobe Flash Player version 10.0.22.87，果然没问题了。哈哈。特此公布一下，因为我看到有的朋友始终没有解决这个问题，不是重装浏览器就是恢复系统或者重装系统，可真是够折腾人的。希望看到的朋友能顺利解决问题。

Tags: IE PNG

分类:网络观察 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 328

IE和FF背景图片居中的偏移差异

作者:dangbao 日期:2009-04-21

今天在做公司的一个企业站，用的是一个左右有固定宽度阴影的图片做大背景。让中间的内容部分看起来很充实很有质感，这也是企业站常用的设计方法。记得在刚学网页用TABLE布局的时候就弄过这样的页面。过去基本不会考虑浏览器尺寸和兼容性的问题，所以几乎很快就做好了。在考虑浏览器兼容和分辨率大小的情况下，用XHMTL布局就发现了这样的差异：IE和FF对大背景图片居中的解释居然不同,其它浏览器则和IE的显示相同。在消除了hmtl、body、div等的默认属性后，我开始这样写：

Code
body{background:#f3f3f3 url(../images/bg.gif) repeat-y center;}

按照这样的描述，背景图片是随分辨率和窗口的大小的改变后居中显示。可是我发现在IE中是正常的，FF下却明显的偏移了2px。开始我以为是IE和FF解释的容器宽度不同导致的，但无论我如何更改容器宽度，在FF下，容器的边和背景始终贴不到一起。

Tags: 浏览器兼容

分类:兼容代码 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 386

入手西数WDME3200TA移动硬盘

作者:dangbao 日期:2009-04-13

听说医保存折要换卡，以后存折里的钱就取不出来了，于是去北京银行把医保的钱取出来了，打算用这点钱买一个移动硬盘。从京东看上了一个移动硬盘，250G的是529,320G的是599，还送一个迪斯尼相框。考虑了半天还是要西部数据（Western Digital）2.5寸移动硬盘320GB（WDME3200TA）。使用了满500返10元的东券，所以下来是589元，感觉还可以。从自提点取回来看了一下，感觉还是不错。我要的黑色的，镜面的外壳样子很酷，就是容易沾上手指印儿。硬盘的边角做了圆滑处理，握在手里挺舒服。重量也控制的不错。线不是很长，30CM吧，但是对于用笔记本的用户来说够用了。不是Y型线，所以插一个USB口电量够用。插上后试着传了一个5G的文件，大约用了5分钟，速度还可以。运行时的声音也很小。总体来说感觉不错，大厂做工，3年质保。

Tags: 入手 WD 移动硬盘

分类:党宝随记 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 286

结构脱离表现-CSS裸奔节

作者:dangbao 日期:2009-04-09

本博加入CSS裸奔节中，勇敢的剔除了CSS样式。
CSS裸奔，就是把网页中的CSS移除，把页面最原始的表现呈现在访问者面前。这个活动意在推动Web标准，倡导使用结构良好、语义明确的XHTML构建网页。即便没有CSS 的支持，层次结构依然清晰明了，只是欠缺美观。
下面是官方声明，可以把它加在顶部以便浏览者明白：

Code

<h3>What happened to the design?</h3>
<p>To know more about why styles are disabled on this website visit the
<a href="http://naked.dustindiaz.com" title="Web Standards Naked Day Host Website">
Annual CSS Naked Day</a> website for more information.</p>

本博使用的PJBLOG的HTML结构不能说是太好，但是如果我重构了页面，以后升级是个麻烦，所以暂时只能这样难看的裸奔吧。
本博也一直在倡导结构化,语义化,标准化的css+xhtml，现在，就让我们把CSS外衣脱掉，看看XHTML的真实结构吧。

Tags: css 节日

分类:网络观察 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 118