重构之美-迎接Web标准化设计的来临[在怀疑中选择]-阿里云开发者社区

开发者社区> 吞吞吐吐的> 正文

重构之美-迎接Web标准化设计的来临[在怀疑中选择]

简介:
+关注继续查看

写下这个题目,好大啊,我不知道我能不能说清楚,毕竟我真正接触标准才不到一个月,实践也才刚进行了3天,完成了本人第一个标准化网页,如下图所示。
在下一步工作,将这个门户站点全面标准化架设之前,我想和大家交流交流,带动一下新手,请教一下高手,为标准的推广尽点微薄的力量。

  • 设计稿
  • design_s.gif
  • 去掉样式表显示效果
  • nocss_s.gif
  • 在IE6中显示效果
  • ie6_s.gif
  • 在Opera 7.53中显示效果
  • opera_s.gif
  • 在Mozilla 1.83中显示效果
  • mozilla_s.gif


在怀疑中选择

  记不得是六月的哪一天了,我例行公事般的在网上游荡,一句话蹦入我眼帘:99%的网站是过时的。开什么玩笑!对于从事互联网网站行业的我,这自然是个大事,下面的事就不用说了,很快,'网站重构'这四个字进驻我的脑海。
跑了几次书店,书没到。于是我只好在网上看些其他相关文章和讨论,很是饥渴。终于在七月十号左右我看见书摆上了成都西南书城、都乐电子书店的书架,迫不及待的在西南书城地上坐下,翻开书……(还是都乐好啊,有椅子还有桌子,随便你看、抄)说老实话,我对重构这本书是失望的,不知道是原书问题还是翻译问题,很杂乱,东拉西扯的。头几章我看得比较仔细,很快就越翻越快,距技术那部分还有很大篇幅的地方,我已经不耐烦了,扔掉,非常抱歉,阿捷。其实我是非常感激你的,不管怎么说,最终我走进了标准设计。(我的习惯,在对新事物做出选择和决定以前,我不会去碰技术方面,我需要从概念上全面审视它,一旦我觉得有前景,值,我才会着手于技术的学习,并义无反顾的走下去,毕竟方向是很重要的,而技术再难都可以被攻破,时间实在太珍贵了。)放下书,头脑比较乱,这就是重构?感觉就像一个新的泡泡被吹了起来,标准是有价值的,但是有那么夸张吗?我们来看看它所宣传的优势:
1、节约带宽。
这个算什么优势?让我想起了曾经使用压缩网页代码工具、曾经为一个JPG的图片1%的调整压缩比以获得最佳效果最小大小的时代,随着互联网的高速发展,这些都成为了过去时,它们对网站速度的影响越来越小,小到可以忽略。没人再用压缩代码工具了吧,曾经为在压缩比为54%、55%之间都要比较半天的我现在基本上通通设定为80%,唯一保留的是还在JPG和GIF中保持选择,那也更多的是为了质量,而非大小。
2、完全兼容各种浏览器(实践过程中发现,其实也不是,相信还没表格兼容性好)。
在IE统率98%以上的江山下,它就是标准,不要说国外有很多人用其他浏览器,那也是相对于中国而言,我相信国外还有更多更多更多的人用IE。其实浏览器的兼容性很早就在谈,但IE实在太普及了,现在翻出来重提感觉意义也不大。你相信IE会垮掉吗?你相信短期内LINUX会普及到桌面吗,还要超过WINDOWS。所以,翻旧帐而已,算什么优势?
3、盲人阅读器。
我靠,我都要笑出声了。走开走开。(别骂我歧视哈,我说事实而已)
4、方便的改版。
是吗?我怀疑,而后实际上也是不可能的。我们来看看,首先说明,标准的定义是抛弃表格布局。
第一种改版方式:版式不变,变色彩。
这种情况下,DIV比表格有优势吗?我是说布局上。我很早就开始都使用CSS来控制所有色彩,当然包括表格背景,用表格布局的网站我同样可以只改动样式表。(后来的实践证明,这种情况下表格还有优势,因为他的样式表很简单,而DIV的样式表很复杂,尤其是在对整个网站而非单个页面。如果一个大网站全部标准化,他的样式表将数倍甚至十几倍于用表格布局的样式表。你认为谁快谁慢???)
第二种情况:包括结构在内全变。
这种情况下,做为表格布局的网站需要按照新的设计稿重新画表格进行设计。难道标准化的网站就可以只修改样式表吗?(当时我表示怀疑,而后的实践证实了,不可能的,DIV的设计是有针对性的,结构变,DIV、UL、LI、SPAN、P等等全部都要跟着变,样式表得全新设计,那和修改就不一样了。我相信那个一个页面,百多样式表的模范代表,里面不会有2个结构完全相同只是数据不同的样式表。那样的话就回到了第一种改版方式。)
另外还有一点,关于图片的问题,不管那种方式都是不可能改变图片的色彩和大小,所以一旦改版,所有的图片几乎都要变,改动越大变得越多。
除非网站只使用色块,不用图片、FLASH等或很有改版针对性的少量使用,那么方便的改版……梦想吧。(PNG的透明模式是个不错的东西,不过他也只解决了色彩的问题,而且IE哪年哪月支持还遥不可及。)
5、支持手机、PDA等无线设备的访问,并兼容未来的新设备。
这个是唯一一个让我觉得有价值的地方。但是……后面谈。
6、在设计上绝对优于表格的控制。
这个是在后来的实践中我发现的,也是最终将我吸引到标准化设计中来的最重要的因素。表格我用了近五年,可谓炉火纯青了,而DIV让我知道了原来页面上每个象素都是可以在掌握之中的,那种精确是表格代替不了的,一句话概括一下吧:基于表格的设计思路是二维的,是平面的,而基于DIV的设计思路是三维的,是立体的,真的是天马行空,随心所欲!其实我最初在DW3的时候用过半年的层,原因简单,它是三维的,而且可以拖动,但是很快我发现层糟糕的定位让我根本无法控制它,当时不知道是离开了样式表的原因,唉,如果当时,2000年哦,我研究进去,发掘出CSS的话,啊哈哈哈哈哈哈……
7、还有一些优势是实践中体会出来的,如果有机会,以后再一点一点的说。

  经过一阵思考,我在想一个问题,那就是XML,书中很多次的提到它,而且也很明白的说,标准的意义是以便以后平滑的过渡到XML。XML不是新东西,两年前就被炒过一次,实际上对于当时来说,过于超前了,就是对于现在来说,对于前台也是很超前的。通过重构一书,我走近了XML,以前总感觉XML很远,概念也比较模糊。对于一种过渡技术,我是不喜欢的,于是放下重构后,我走向XML和XSL的书架,那才是终点,那才有挑战性。
但是一个很现实的问题,目前大量网站根本无法直接走向XML,过渡是必须的,于是我依然关注标准化,但我一直没有动手也没动脑,只是关注,因为大量基于标准设计的网站设计都很糟糕,一些比较界面比较优秀的设计都出现在个人网站上,很少,而且多数是国外的网站,我们知道,英文的表现力比中文强太多,所以我一直很犹豫,作为一个设计师,我肯定无法为了新技术而抛弃界面的美观与友好,UI在日益重视的用户体验设计上举足轻重,更何况还有品牌、VI等平面设计理念在里面,怎么可能放弃,再说了,标准宣传的优势我已经几乎否定了。另外,如果标准只能用于小型的个人网站或企业网站的化,那么标准的普及将受很大的影响(这也是标准推广中需要考虑的,我们现在是农村包围城市,是自下而上的进行推广,但是我总觉得如果能由门户网站带头进行推广,充分发挥门户网站的影响力,自上而下的推广的话,效果肯定会好很多。),我一直希望看见一个界面美观的,中文的标准化的门户网站,但是没有。
直到一天,我在看了一篇文章和一个网站后,一切都变了。这片文章就是阿捷的《理解表现与结构相分离》,这个网站是www.themaninblue.com。我个人觉得阿捷这篇文章写得相当不错,建议每个设计师都认真看看。我们越来越多的使用样式表控制整个站点,恨不得将每个表现都写进样式表,最初是字体大小,然后是字体色彩,然后是边框,然后是单元格背景色,然后等等,目的是什么?表面上是为了方便于控制和修改,实质上我们是在潜意识的,不知不觉将表现和内容分离。但是由于表格布局的原因,我们始终无法做到将表现与内容彻底分离,依然有很多仅仅是为了美观,为了方便,为了炫耀等等和内容无关的表现借助表格和内容混杂在了一起,如胶如漆,好不缠绵。这不得不让我重新审视标准,尽管他宣称的诸多优势感觉很缥缈,但是它这个最基础的概念确是相当实在的。而那个国外的站点则让我看见了在标准上实现设计的希望,而且他对分辨率的自适应也让我为之一振,虽然表格也可以用百分比来兼容分辨率,但百分比是很难准确定位的,我几乎就没使用过用百分比来控制表格。
很快,这个网站就躺在我硬盘里了,打开他的所有CSS,打开他的首页开始研究,尽管刚开始看还是比较茫然,但是经过粗略的看了它几个DIV的实现方式,感觉似乎也不是很难,于是我很狂的对徒弟说到:一周内熟悉,一个月内精通。我终于下定决心走向标准化设计道路。
正好,我们的网站面临改版,我决定将标准全面应用于新网站,在提交老总的计划中我写到这么一条:
……
2、学习重构技术并全面用于新网站的建设,实现国内第一个全面使用web标准的门户站点。(由于我还完全不会,所以这个呢,视开发过程中具体情况而定,若确实太难,则放弃。毕竟目前重构技术应用只是出现在简单的个人网站中。)
……
依然有所保留,依然有所畏惧,毕竟一夜间,积累了5年的表格排版技术化为灰烬,还是不是那么舒服的,但是决心已下,唯有全力以赴。
抓紧时间在7月27日完成改版设计稿,7月28日一早,打开Editplus、DW、IE、Opera、Mozilla,打开沈小雨的样式表手册、硬盘上的themaninblue与macromedia两个网站,双手一搓,开始了我的第一次标准化设计。


本文转自爆牙齿博客园博客,原文链接:http://yuntian.cnblogs.com/articles/42508.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
怎么设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程
6924 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
7763 0
阿里云服务器远程登录用户名和密码的查询方法
阿里云服务器远程连接登录用户名和密码在哪查看?阿里云服务器默认密码是什么?云服务器系统不同默认用户名不同
444 0
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
3830 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
3228 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
16838 0
4852
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载