AMIO.CN 首页重构

Mar 27th, 2007 Anything BLOGGING Design WORKING

最初做这个黑白的首页入口的时候还是刚开始学习CSS,做的吃力,很多地方都是为了标准而标准,不停地提交W3C验证然后修改,最后总算跌跌撞撞弄好了。

经过这么长时间的使用,现在才算是入了门,对于CSS+DIV的布局方式也熟练了。前一段偶然又回头看看自己的首页代码,与现在的差距一目了然,于是考虑重新写一下首页入口代码。

相隔了约有大半年的时间再来做同一个页面,果然高下明显,只花了一个中午的时间就调整好了。验证的时候一看是HTML4.0,于是换到XHTML 1.0 Strict,也顺利通过,后来干脆再试试XHTML 1.1,居然也没什么大问题,稍加修改就通过了,哈哈~~也就是代码少,负担不大。

原来还把CSS文件单独分出来,这次给合并进去了,再没有压缩代码的情况下减少了1K多的体积,而且还没有算上原来多一个HTTP请求所需的数据量和延迟。这次重写遇到的最大麻烦主要还是居中上下平分页面的问题,最后是用背景图片实现的,中间的图片和链接单独用div完成,这样的结构也更简单些。

最重要的,这次实现了在任意分辨率下的完美上下结构,从800×600到1280×960都没有问题了。唯一的遗憾是,当前的浏览器不能实现图片的完美缩放,所以虽然结构稳定但是画面比例没法均衡,在1280×960显示器里看起来就比较集中,雅致一些;在800×600下就充满了屏幕,粗犷一些。

BTW:
本想截个图的,去看了下ScreenGrab!居然有更新了,心中一阵狂喜,但是——下载的时候发现源文件有错误。页面上说明是44KB,但是(通过任何方法任何途径任何可能性)下载过来的都是8.77K……没办法,等作者更新吧。按说么,0.93版9号就发布了,这么多天,难道作者都没有上网站上看看用户的评论?

另外,ScreenGrab也有了独立的新主页,虽然上面不提供下载(唉,唯一的方法就是通过Mozilla Addon了)。

当日更新:

经 MoontoC 提醒(看得可真快……thx),CSS校验有个警告:

[[code]]czo5MDpcImxpbmUgNzAgLSBEbyBub3QgcHV0IHN0eWxlIHJ1bGVzIGluc2lkZSBIVE1MIGNvbW1lbnRzIGFzIHRoZXkgbWF5IGJlIHJ7WyYqJl19ZW1vdmVkIGJ5IHVzZXIgYWdlbnRcIjt7WyYqJl19[[/code]]

恩,原来是分开的,这次合并起来就是为了提高效率,就这一个警告,暂时忽略吧,反正随时都可以改正的。

顺便又验证了一下508WAI,都还OK。

历史上的今天 | Today In History
Mar 27, 2008 -  新风格 nidoo 上线
Mar 27, 2008 -  尤嘉明亮

Leave a Reply