月份：2007年8月

可能在下个月月中，我们部门将会向中国所有的CSS设计人员开放一个网站（目前我还不能透露这个网站的域名)，并且同时展开一个CSS大赛。基本上的方式就是只要通过提交一个CSS以及图片组合的模板，就改变该网站的整个外观，以便让更多的开发人员/设计人员了解CSS的强大威力。在这个网站上进行这个赛事是我的创意。

当然这个创意的来源是来自于VisitMix,在这个网站当中有一个子栏目叫ReMix，这其实就是一个CSS大赛，在里面的Gallery当中，有很多网友上传的CSS模板，感兴趣的话，你只需要点击某一个item，就会把整个网站的外观风格完全变一个样子（其实这个创意可能最初来自于CSS禅意花园)，记得在去年第一次见到这个网站的时候，感觉非常新奇，那时候就有一个想法，我可不可以把博客堂也做成这个样子？

大家都知道，无论是.Text还是后来的SubText或者BlogEngine，还有DasBlog，其实所使用的模板机制大同小异，除了CSS外，还都使用了类似于Master方式的一个文件来控制所有控件的布局，以便产生更多的风格。有没有可能把这个Master式的控制文件移掉，而只使用CSS或者图片呢？所以我就开始做了一个实验。但至少到现在为止，尚未解决一些关键性难题。以下这些问题我曾经向三位CSS高手求教，答案都是很难实现，或者只能兼容某种浏览器。

好了，以下是我的问题，如果大家有解答，欢迎直接通过邮件与我联系。(joy ^ joycode.com，把^替换为@)。

有以下的HTML架构，希望实现以下三种不同的用户体验，并且兼容IE 6+，Firefox 1.5+以上的浏览器。

这是标题

        

这是主内容

        

                  

                           

• 主页
• 目录1
• 目录2

                  

                  

这是其它内容

          </div>

</div>

这是结尾

第一种布局:

 第二种布局

第三种布局

开心相信很多朋友都已经建立了自己的博客，而且也从其它网站上寻找各种各样的边栏小插件来丰富自己的博客内容，目前大部分都是使用Javascript或者Flash来构建，而现在，我们可以直接使用Silverlight了。下面介绍一个方案，可以在不占用自己空间，也不编写代码的情况下为您的博客添加相应的媒体内容。

1. 下载Microsoft Expression Media Encoder八月社区预览版以及Silverlight 1.0 RC版

EME(Expression Media Encoder)可以从http://www.microsoft.com/expression上进行下载，请注意，我们下载的Expression Media Encoder，而非Expression Media。然后再到http://www.silverlight.net下载Silverlight 1.0 RC版，以及Silverlight 1.1 Alpha Referesh版本。

2. 使用EME制作您的Silverlight媒体

EME可以帮助我们制作Silverlight相关的多媒体内容，其主要功能就是可以将我们的录播或者直播的视频内容以Silverlight方式向外界分发，其界面截图如右图所示（这是显示的将现有视频转换为VC-1编码，并且再通过Silverlight模板发布的视图，您也可以选择直播，即Live视图，通过摄像头及麦克风直播）。

EME主要有以下功能：

1)将现有视频根据需要转化为VC-1编码的WMV格式;

2)对视频进行编辑，包括分割、组合、视口大小裁剪、压制水印等;

3)在视频格式转化时，可以启用A/B Compare模式，在转化过程中实时对比转化的效果;

4)根据选择的时间点进行截图，制作为DVD Index模式;

5) 在视频内容中添加脚本代码等;

6) 添加各种嵌入式的Meta data;

7) 根据所选择的模板，为视频添加Silverlight互动内容，可以直接发布到现有网站上;

EME的使用非常简单，也很直观，您可以直接下载，估计通过不到半小时的学习时间，您就可以成为EME高手了。我们在这儿，所需要做的就是选择一个现有的视频文件（当然，您也可以直接录制一个自我介绍），使用EME进行编辑后，选择一个输出模板将其转化为Silverlight内容。

3. 将其上传到Streaming Live上，与大家分享

 微软为了推广Silverlight，在http://streaming.live.com上为各位网友提供了免费的5G空间，上传Silverlight内容。每个Silverlight作品不大于22M，这意味着您可以上传10分钟左右的700Kbs质量的视频（由于我们想放在博客边栏上，所以我们其实只需要选择200Kbs质量就可以了）。您现在可以先去申请这个空间。申请完成后，可以简单看看其示例代码，下面就开始进行上传。

在上传前，转到EME的输出文件夹，找到我们刚才制作的内容所在的子文件夹，在其中新建一个名称为Manifest.xml的文件，将以下的内容放在这个XML文件中，

<SilverlightApp>
 <version>1.0</version>
 <loadFunction>StartWithParent</loadFunction>
 <jsOrder>
   <js>MicrosoftAjax.js</js>
   <js>BasePlayer.js</js>
   <js>PlayerStrings.js</js>
   <js>player.js</js>
   <js>StartPlayer.js</js>
 </jsOrder>
</SilverlightApp>

 保存完毕后，选择此文件夹中所有的”.xml”,”.js”,”.wmv”,”.jpg”,”xaml”文件，以标准ZIP方式将这些文件（不含文件夹）压缩到一个包中。请注意，不要选择压缩比，否则不保证在服务器端一定可以解压。

然后到Streaming Live网站中，登录后在右侧主菜单中选择“Manage Your Application”，然后您可以看到一个“Upload Your Application”的链接，点击它后，再出现的文本框中为您的应用程序起一个名字，然后在下面的文件选择框中选择我们刚压好的ZIP包，就可以进行上传了.

4. 将Streaming Live上的内容显示在您的博客边栏上

最后一步就比较简单了，在上传完毕后，会显示一个详细指示，告知您如何在现有网站中添加上传的内容，另外，还有一个预览链接，您可以先预览一下，以确认上传的内容正确，如左图所示。

这里面提供的第三步其实有些画蛇添足，因为它是特意再生成另外一个JS文件，把一些代码放在哪里面，其实你完全可以把这里面的代码提取出来，直接放在第二步里面，然后再与第一步的内容合成一个代码段，然后插入到你的博客侧边条当中。

由于默认的大小是500*400的，你可以修改这个DIV的大小，即可以改变您的Silverlight显示内容的大小，我就已经修改了200*150。就是您在我的博客右侧所看到的。

在您上传完毕后，可以把您的邮件地址，以及您的博客地址放在留言中，我会选择前四位将Silverlight内容显示在其博客侧边栏的朋友赠送Popfly邀请权，让您可以体验Popfly制作Mash Up的能力。

来杭州已经有四五次了，具体多少次我也根本记不得了。第一次来杭州记得是与边防一起来的，那时候他还在微软DPE。我们一起过来做活动，原来与他没有见过面（他那时候Base在上海），所以我们相约在西湖边。那晚他很晚才到，于是我们俩个人在午夜的时候一起在西湖边闲逛。走不了久，竟然发现，后面还有保安尾随，估计是看到两个大男人午夜逛西湖，担心我们俩都为情所困有欲投湖的嫌疑，所以尾随以做保全，感谢西湖保安！

在今年之前，一直感觉在杭州坐出租车真是一种美好的回忆，车大坐着舒服，大部分都是帕萨特，比起台北那种小破车强多了。但这种美好的记忆从今年五月份参加侠客行活动时就发生了重大改变，因为在那次，我才发现杭州的出租车司机的拒载率竟然会这么高，大部分时候打不到车，打到车的时候司机会在你没有上车的时候问你去哪儿，如果不是他想去的地方就一概拒载，扬长而去。而我做为一个异乡人，只能看着那出租车屁股欲哭无泪：怪不得我当初会夜游西湖呢。

昨天又到了杭州，早上出门打车还方便，但在事情处理完后，准备返回酒店时，却发现又遇到状况了。杭州的出租车司机师傅们的上下班意识竟然是那么强烈，七八辆空车打着营运标志在知道我酒店的名字后，都告诉我他们下班了，有些甚至根本连一句礼貌的回话都不说。

杭州的灵隐寺也是一个不错的地方，原来从来没有去过，也是今年五月份去的。在景区门口买了通票就直接进门了，结果到了灵隐寺门口才知道，所谓的通票根本通不过灵隐寺的寺门，只限飞来峰景区，但已经进来了，不能只游一下山吧，于是不得不再掏钱。不明白为什么作为一个旅游城市，这些通票上面也不做任何告知?

杭州，真是让我心寒的“旅游”城市，我在想以后还会不会再来…