建立 7beta 最初的原因就是想做一个 blogspot 模版站点。后来经过一段时间，发现自己对美工方面的研究实在不怎么样。于是决定在这里提供各个方面的短小实用代码，以记录自己的一些心得，同时方便一些初学者。

      但时间长了，还是想为自己经营的“我们与微软同在”写一个 blogspot 模版，让它更好看一些。一个偶然的机会，想到了一款论坛的模版，感觉挺符合“我们与微软同在”的定位的，于是拿它下手，对其进行修改。修改的过程对我来说比较麻烦，我又是比较追求完美的人。所以，断断续续的弄了两天之后，终于有点样子了。再解决了一系列的小问题（如同表格之间偶然出现的小缝隙）之后，终于将其使用在了“我们与微软同在”的站点上。

      模版模仿 Windows Vista 的桌面效果，设定宽度为990px，以便在主流分辨率中都得到较好表现。采用大幅 Vista 系统默认桌面作为背景，创建了始终位于页面最底端的 Vista 任务栏，其使用图片与真正的 Vista 系统截图无异。实现鼠标悬停和点击的不同效果，以及点击开始菜单的时候会出现仿制 Windows 关机菜单似的网站关于窗口。在固定背景的前提下，采用了半透明带阴影效果的页面主体构架，尽量让用户感觉是在 Vista 系统下打开的一个窗口。创建模版的时候充分考虑了 Google Adsense 的嵌入使用，在 Google 许可的协议下最大化广告效果。网站 logo 做得很简单。仅仅采用了单纯的白色深背景的文字，没有其他效果，用以突出内容，并且我感觉这样反而很醒目，让人较容易记住。将归档文件链接做成下拉菜单放置在页面的右下角。添加了两种网络统计工具。

      模版使用了大量半透明的 PNG 图片，在营造出一种 Vista 的 Aero 特效感觉的同时，不免会有几个方面的问题。首先就是浏览器兼容性问题。测试了3款浏览器，IE7、IE6、Firefox2。在 IE7 和 FF 下，页面的表现让人满意。开始的时候在 FF 下，会有页面小幅变形的问题。因为当初编写模版的时候就考虑了尽量按照 DHTML 的规范来写，所以一经将不兼容降低到最小。经过最后一点修改，基本上可以实现 FF 和 IE7 下表现无差别了。但没法解决的就是 IE6。IE6 由于无法实现 PNG 图片的透明效果，所以就会导致完全丧失了仿制 Vista 窗口的效果。不过，实在是没有其他方法了，只能任由其去了。

      另外一个问题就是载入速度的问题。用于用到大量特效及图片，导致加载速度很慢。网页的图片存放空间找了很久，没有好的，又不忍心掏钱去购买国内的较快速度空间。在国外网站找到一个比较理想的免费空间，但毕竟是国外，国内的访问速度并不是很快，常常要等上较长时间进行加载。制作模版的时候考虑到了加载速度，多以对一些内容进行了优化。比如说对 Google Adsense 进行设置，让其在主要日志内容加载之后进行加载。优化加载顺序。虽然我改变不了速度，但我尽量让读者先看到想看的内容。

      制作这个模版完全采用的是 Microsoft Expression Web，同时也对微软这款新工具进行了一些测试。做这个东西真的有好多心得，没法意义说完，具体的效果实现代码我会在以后有机会的时候在这里和大家分享（当然，直接看那个页面的源代码你就会了解很多）。好了，不多说了，有兴趣的去看看吧，放几张截图在这里。

      还有，不要忘了地址：http://umsn.blogspot.com/

页首 页中 页尾 关于效果

作者: 似水流年 时间: 11:23 下午