歌曲名：威廉.退尔 序曲

艺术家：罗西尼

介绍：

《威廉·退尔》是德国伟大的诗人和戏剧作家席勒的最后一部重要剧作，这部作品以十三世纪瑞士农民团结起来反抗奥地利暴政的故事为题材，歌颂了瑞士人民反抗异族压迫、争取民族独立的英勇斗争精神。罗西尼的歌剧《威廉·退尔》即是根据这部作品而写，为罗西尼的代表作，体现了其艺术的最高峰。剧序曲比歌剧本身更为有名，是音乐会上经常演出的节目之一。
　　这首序曲共分四个乐章，连续演奏，是较罕见的分乐章歌剧序曲。
　　第一乐章富有诗意，出色地描绘了深居的宁静和大自然的美景；
　　第二乐章则是暴风雨场面的描写，天空乌云密布，雷鸣电闪，体现了一场艰苦卓绝的斗争。 　
　　第三乐章是描写暴风雨过后，一片清新的田园景色，阿尔卑斯山在暴风雨后又恢复了原来的恬静，英国管奏出的是一个美妙非凡的牧歌风旋律。　
　　第四乐章，号角的合奏响起，这是一首充满光和热的进行曲，为听众所普遍钟爱。乐章开始时的军号声是进军的号召，随后的主题是瑞士军队的写照；音乐充满了罕有的热情和英勇刚毅的精神。

站长评价：

前三个乐章似乎没有什么印象，从第四乐章开始，便是大家所熟悉的旋律了。这个版本比从百度搜到的那个和和旋差不多的版本比起来简直就是天上的地下。

下载：

————————————————–

下载详细信息：

类型：mp3                             大小：16.4MB

下载地址：点击这里

                不能下载？

In September 2007, LUO Chuan, CEO of Myspace China, ex-CEO of MSN China told the audience in a conference, Myspace China has a fully localized team in China and unlike other foreign Internet companies Myspace will be operating independent of Myspace.com. A year after this declaration of independence, the rumor we heard today is that Luo has resigned from Myspace China and will join a Beijing-based online video media company Netmovie. We are not sure yet about the reason caused Luo’s leaving, but the report says that Myspace.com is not happy with Luo’s spending too much time on driving his Myspace.cn, and they think Luo should have contributed more to the localization of Myspace.com. We might be wrong, but our understanding on this is that Luo wants to run the Myspace on his own way (on Myspace.cn), but his boss believe Myspace China should be a Chinese version of Myspace.com and follow its global strategy. So, if the rumor is confirmed, it means Myspace China’s Independence fails.

What shall we say? Trust your Chinese partners, be more patient and leave them the flexibility to run the business in Chinese way, which is the only way to succeed. The foreign Internet business seems still “Lost in Translation” in China, although we know the reason is rather complicated.

利用PNG图片的透明属性和CSS滤镜可以轻松制作渐变的文字效果。实现原理是在文字上面覆盖一层渐变的透明图片，让文字看起来成渐变颜色。但由于IE6对AlphaImageLoader滤镜的不支持，使得这种方式并不完美。

这次结合最近学到的东西，结合以前的方式总结出了这套能适用于IE6，7及FF的方案。关键归结与以下两点：
一、PNG自身可透明的属性。需要注意的是：在保存PNG图片的时候，一定要注意保证背景是透明的。
二、CSS滤镜progid:DXImageTransform.Microsoft.AlphaImageLoader的使用。

gradient.png为我们的透明图片，显示效果如下

完整示例代码如下
css部分：

h1 {
color:#333;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-.05em;
position:relative;
}
h2 {
color:#0033FF;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-.05em;
position:relative;
}

h1 span{
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:400px;
background:url(gradient.png) repeat-x;
}
h2 span{
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:400px;
background:url(gradient.png) repeat-x;
}
* html h1 span, {
background-color:transparent;
background-image: url(none.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient.png", sizingMethod="scale");
}
* html h2 span, {
background-color:transparent;
background-image: url(none.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient.png", sizingMethod="scale");
}

html代码部分：

昨天群里介绍了一个专门帮你PS图片的网站。吐司网。
网站在图片的预览处理上有点意思。当鼠标经过图片，显示为处理过的图片。这样大家能很清晰的对比ps前后的区别。不过我更敢兴趣的是怎么实现的。
我的做法预览：http://5key.net/demo/image-mouseover

切换图片效果是如何实现的：

其实在这里是使用onmouseout和onmouseover读入两张图片，鼠标划过图片的时候，图片的路径文件夹改变了。同时下面的那句“–未处理的原图–”display的开关也在变化。就完成了你所看到的图片效果。

这样做好不好：
图片处理效果的对比，这个功能在吐司网上很有作用。但是由于每次需要读两张图片，页面刚刚载入的时候，鼠标滑过图片可能无法看到切换的效果。
大家可能会说应该运用滑动门技术来做，一张图片就搞定了，代码上也会简单多了。但我们无法在css中加入变量，不可能每张图片都去定义。相对于onmouse这种做法，我更倾向用css去实现。

我的做法：

终于还是决定转到wordpress了。其实早先也转过，但是由于一些问题最终搁置。

上周同事给提供了一套转换程序，导出xml还真的是ok了。

唯独一个问题就是评论全都错乱了。整了好几次，问题依旧。最后才发现，原来在lbs中删除过2篇文章，ID号虽然到了332，但是文章只有330篇。而评论则是挨个的倒，于是评论就错位了。最后只要手动的去修改评论的post-id号。

wordpress真的很强大。很多的插件、功能我还没有深入了解。但是主题皮肤的制作却是非常的方便。

旧的LBS不会再更新，但是我会保留在这里 http://5key.net/lbs-blog/

顺便给出转换工具，希望能帮到想转wp的朋友。（由于转换程序是同事给的，所以我也不知道作者是哪位。日后我会找出补上，非常感谢这位朋友的热心）

下载地址：http://5key.net/temp/tran/lbs-2-wordpress.rar

1、将解压文件与数据库文件（改名为blog.mdb)放置于asp空间；

2、执行asp2wp.asp生产xml文件，

3、到wordpress后台导入->wordpress 上传文件。

或

1、执行lbs_to_wp.asp生成sql

2、到phpmyadmin中导入

上次发表《如何表现已点击的链接》一文，很多朋友和5key讨论了这个已点击的链接是否需要去修饰，怎样去修饰。这两天花时间看了很多国内外的文章。在这里总结如下四种方式：

预览地址：http://5key.net/demo/link-visited2/

1、Line-Through属性。
这是最简单的表现已点击链接的一种方式。在:visited中加上line-through。

2、点击后显示隐藏的span
在a标签中加入一对span，默认将其隐藏，链接被点击后显示span中的内容

3、:after伪类
a:visited:after { content: ” (已点击)”; }，可惜IE不支持:after。

4、visited的背景图片
上次《如何表现已点击的链接》有详细的介绍，这里就不重复了。

无意中发现这么一套给CSS命名的方式。不过纯属娱乐，5key还是不建议这么弄的。还是要注意语义化，大家看看就好。

一个简单的结构：

<div class=”container”>
<div class=”left-top”>
<div class=”right-top”>
<div class=”left-bottom”>
<div class=”right-bottom”>
content
</div>
</div>
</div>
</div>
老外用Unicode来给格式了一下：

<div class=”□”>
<div class=”┌”>
<div class=”┐”>
<div class=”└”>
<div class=”┘”>
content
</div>
</div>
</div>
</div>
明白吗？看看注释：

.□ { /* container styles */ }
.┌ { /* top-left styles */ }
.┐ { /* top-right styles */ }
.└ { /* bottom-left styles */ }
.┘ { /* bottom-right styles */ }

1、你需要完全的理解整套框架
每一个加入项目的人，都需要花一定的时间去完全的理解整套框架及编码规范；

2、你会延续一些框架中的错误bug
没人可以保证自己制定的框架是完美而没有bug的。你可能会需要时间去清理框架中的bug；

3、限制开发思路
框架给出大家基本的架构及开发的思路，这可能会限制你对产品开发的新思路；

4、臃肿的源代码
框架中可能有很大一部分代码不会经常用到，而且还会降低执行效率；

5、框架的语义化
我们已经注意到了HTML代码的语义化。但基于框架的每个站点都是独立唯一的，我们很难去保证CSS框架的语义化。