趣站推荐(1)——时光机器
互联网的一大特点是“日新月异”，几天不见就不一样了。然而在变化中寻找历史的影子也是一件很有趣的事情。
如果读者对网页设计的发展历史感兴趣，想了解过去的网站是什么样子，可以访问一个很有趣的网站——称为“时光机器”。
在这个网站中，可以查看一个从1996年至今的网站历史，网址是http://www.archive.org。网站页面如下图所示，在中间的输入框中输入一个网址，比如下面看一看著名的IBM公司的网站历史吧，输入http://www.ibm.com，然后点击“Take Me Back”（带我回去）按钮。
这时页面中会显示一个张大表，列出了从1996年开始的各年中的很多日期，如下图所示。
下面点击最早的1996年10月22日的页面看一看，页面如下图所示。
IBM公司1996年10月22日的网站首页
IBM公司1996年是的公司主页原来这么简单。
再看看Macromedia公司1996的页面，如图所示。当时Macromida还没有收购Flash、Dreamweaver等软件，还是以光盘多媒体开发工具为主要产品，现在自己带着Flash一票人马已经被Adobe收了,真是物是人非阿。
Macromedia公司1996年的网站首页
最后再来看看最成功的互联网公司Google当年是什么样子，如下图所示。从外观来说，Google可能是10年来改动最小的网站，和今天的Google几乎没有大的区别。而当年的网站还明显地留有斯坦福大学的痕迹。现在的Google和10年前的区别，就是当年默默无闻，现在无人不晓。
Google.com 1998年的网站首页
读者如果有兴趣，可以跟随着这台“时光机器”，做一次旅行，从中可以看出互联网在这十年中，发生了多大的变化。顺便说一下，这个时光机器网站还可以起到维权的作用，我在一个论坛上，曾经看到一个消费者叙述，在卓越上买了一件商品，后来与商家发生纠纷，这位消费者最后依靠这个时光机器上记录作为证据获得胜利，呵呵。
3,378
哇 好好玩哦！！！ 好想知道原理！
小生，
我理解就是这个网站每天都在抓取各个网站的页面，存起来，然后做好索引，供你查询。
不错~
我喜欢~
那他的服务器是多大 啊？ 感觉比Google还要强大？
我发现 您用虚线表示的连接 在鼠标经过用下划线覆盖这个虚线在IE6里边 不能覆盖完美。office(at)artech.cn。页脚的这个邮件不用了也改了。还有就是《彻底》中的可折叠菜单不用DW自动生成JS代码也可以完成，呵呵我是下了个源码才发现的，只是没有动画伸缩效果。tab面板如果不用JS的话好像基本没可能对吧。去看了看淘宝，发现其实CSS缺少了java脚本基本上感觉是残缺的，估计您的JS书什么时候能出来。
米奇，
你说的都对。
Javscript对Web开发的作用太大了，新书大约还需要2个多月上市~~~
不会吧？？？难道全世界所有服务器的页面都被他下载存放到缓存了？还是96年一开始这个网站的策划，就有这个打算。如果是这样珊瑚虫的开发者可能不会坐牢了。
米奇，
呵呵，你可以试试看啊，很有趣的。
珊瑚虫的事情另当别论……
office@artech.cn 我发了封邮件到您这里 请查收
以后您要发信发到 support[at]artech[dot]cn，office那个已经被垃圾邮件占领了。
我从垃圾邮件中找到了您的信，你说的这个问题确实有些奇怪，在Firefox下完全是正确的，在IE中的解决方法是：
那你的ul的样式中，margin和padding的交换一下即可。
即你原来写的是
margin:0;
padding:5px 0px 0px 7px;
改为:
margin:5px 0px 0px 7px;
padding:0;
原理:
你的这个页面中，IE会把设置在ul的padding中的值(5)，插到上相相邻的li之间，导致间距变大，并不是浮动的问题。
嗯 我发给您的邮件里还有个问题你忘了回答我。就是说我用这样的html标记做出这样的网页元素是否优雅，是否灵活，有什么利弊，如果不应该这样用的话，我应该怎么做。
从你给出的这一个代码片断看，我觉得没有什么问题，挺好的。其实只要心里有这个意识，就没问题了。