主题:  Adobe,你怎么可以这样?

yysword

职务:普通成员
等级:1
金币:0.0
发贴:14
注册:2001/12/27 16:36:35
#12003/11/21 11:07:30
今天无意间看到了adobe的中文站http://chinese-s.adobe.com/,觉得页面中的字体教难辨认,于是就在IE中点击查看>>源文件,发觉在他们的页面代码中存在很多不好的地方,想对其进行一下评论。
一个好的web,除了界面美观易用外,代码的规范整洁也应该是必要的。象adobe这样的大公司,其网站应该是很多人学习的的范例,但是我觉得其代码方面不是做的很好。

首先,代码整体不能给人以工整清晰的感觉。其代码格式不够规范,且代码中完全没有必要的注释。

其次,其css的应用非常不合理。打开adobe的网站中文页面你所看到的其实就是一个用金山快译之类的软件直接从其英文站点看到的网站。让我们先看看其css在代码中的定义。网页中一共有3处应用了css。
第一处:

第二处:

第三处:

其中第一、三处是内部css的应用,第二处是外部的css文件,三个文件中都看不到其对中文字体的定义,在简体中文网站中我们一般习惯使用“宋体”和“黑体”,但是其css中字体的定义全是针对英文而定义的,例如“Verdana,Arial,sans-serif”都是英文中常用的字体,后来才发现原来其中文网站完全使用的是adobe的us站点中所使用的css样式表。
其用三处来引用css样式的方法也是不合理的,为什么这3个css样式不能合并成为一个而直接从外部调用?

第三,script的应用。一般来说,script的调用尽量采取外部调用,特别是对于许多页面中公用到的script更应该这样。但是在adobe的网站代码中你会发现页面中到处可见script语句,而这些script语句在栏目页中也一样会出现。

第四,表格的嵌套。一般情况下表格的嵌套应尽量控制在三层以内,但是在其页面中多处可以看见四层或四层以上的表格嵌套。

第五,图片的大小定义。原则上,网页制作中不提倡用 来人为干预图片显示的尺寸,而且建议 标签中不要带上width 和height 两个属性,这是因为制作过程中,图片往往需要反复的修改,这样可以避免人为干预图片显示的尺寸,尽可能的发挥浏览器自身的功能。但是adobe的页面代码中会发现许多不必要定义图片width 和height的地方有width 和height这两个属性。

或许还有许多不合理的地方我没有指出来,也或许我对代码的要求太苛刻。但是作为adobe这样一个公司的网站,在代码上面也应该给我们一个表率。



yysword

职务:普通成员
等级:1
金币:0.0
发贴:14
注册:2001/12/27 16:36:35
#22003/11/21 11:09:31
一篇关于网页代码规范的评论,希望能够在5D发表,也算是抛块砖,希望大家拍玉来!



janlay

职务:管理员
等级:7
金币:28.0
发贴:7244
注册:2003/11/27 18:07:11
#32003/11/21 11:14:03
国外很多网站的中文版基于上沿用了原来的页面风格定义,由于显示代码页问题及中英字体大小需要不一而导致了现在的局面。这个改动还涉及到网站内容发布系统的更新,可能修改的工作量会比较大吧

micro$oft这方面做得还算不错,仔细看也会发现它有些页面显示明显有问题。



yysword

职务:普通成员
等级:1
金币:0.0
发贴:14
注册:2001/12/27 16:36:35
#42003/11/21 11:31:58
的确。
www.macromedia.com/cn/的代码好象也有css的问题!
但是micro$oft觉得他们的代码非常清晰和工整,而且好象没有那些问题!