剑枫 发表于 2003-6-5 11:27
qTp中国域名交易资讯网IBM站一个网页到底包含了多少技术--看分析
IBM首页源代码浅析----转
qTp中国域名交易资讯网一、浏览器兼容性
qTp中国域名交易资讯网作为一个国际大公司的站点，保证能在不同浏览器下的可浏览性是必须考虑的，这点IBM的做法不得不令人佩服。它巧妙的利用一个javascript(ibmcss.js)根据不同的浏览器选择不同的样式表，这也就是为什么我们直接打开保存在硬盘上的IBM页面不能看到用样式表定义的原因。
qTp中国域名交易资讯网打开ibmcss.js，分析一下代码，我们就可以发现IBM一共设计了四个样式表: ie1.css , ie6.css , r1.css , ns1.css 。这四个样式表大部分都相同，主要的区别在于字体大小(font-size)的单位：ie6 里用%,r1里用px,ns1里用pt。下面是同样的一条样式在不同css里的定义：
qTp中国域名交易资讯网qTp中国域名交易资讯网ie6.css: body { font-family: Arial, sans-serif; font-size: 78%; }
qTp中国域名交易资讯网qTp中国域名交易资讯网r1.css :body,p,b,i,strong,em,dt,dd,dl,sl,caption,th,td,tr,u, blink,select, option,form,div,font,li { font-family: Arial, sans-serif; font- size: 12px; }
qTp中国域名交易资讯网qTp中国域名交易资讯网ns1.css: body,dt,dd,dl,sl,caption,th,td,tr,select,option,form,font { font-family: Arial, sans-serif; font-size: 9pt; }
qTp中国域名交易资讯网qTp中国域名交易资讯网而从对ibmcss.js里程序逻辑的分析可以得到下面样式表和浏览器的对应关系：
qTp中国域名交易资讯网qTp中国域名交易资讯网r1.css : Macintosh IE4.0以上，Macintosh Netscape4.0以上，Netscape5.0以上，
qTp中国域名交易资讯网X11 Netscape5.0以上 (Xwindows for linux or unix,I guest )
qTp中国域名交易资讯网ie6.css: Windows IE4.0以上，
qTp中国域名交易资讯网ns1.css: 其他操作系统Netscape4.0以上
qTp中国域名交易资讯网ie1.css: 其他操作系统IE4.0以上
qTp中国域名交易资讯网qTp中国域名交易资讯网我分别在Windows XP+IE6.0和Linux Rat hat 7.1+NS4.7两个环境下测试了这四个样式表，在IE6里四个样式表
qTp中国域名交易资讯网qTp中国域名交易资讯网都可以正常显示，只是字体大小略有区别；而在NS4.7里，用ie1.css和ns1.css定义的页面字体模糊不清，而用
qTp中国域名交易资讯网qTp中国域名交易资讯网r1.css和ie6.css显示的页面可以正常显示。
qTp中国域名交易资讯网qTp中国域名交易资讯网同时，IBM也考虑到了部分浏览器不支持javascript的情况，在ibmcss.js后紧跟了一句<NOSCRIPT><LINK href="r1.css" type=text/css rel=stylesheet></NOSCRIPT>，对于不支持javascript的浏览器将统一采用r1.css。不过这里有一点我不能理解的是为什么在head里面用了两句同样的<NOSCRIPT>语句，是为了保险起见还是设计者没有精简掉呢，希望大家能一起探讨。
qTp中国域名交易资讯网qTp中国域名交易资讯网二、规范全面的META内容
qTp中国域名交易资讯网qTp中国域名交易资讯网作为一个规范的页面，详尽的META内容是必不可少的，这一点IBM一直做得很好，我们可以回顾一下其99年页面里的META内容：
qTp中国域名交易资讯网<meta content="ibm international business machines internet" name="keywords">
qTp中国域名交易资讯网<meta content="http://www.ibm.com/" name="alias">
qTp中国域名交易资讯网<meta content="[email]webmaster@www.ibm.com[/email]" name="owner">
qTp中国域名交易资讯网<meta
qTp中国域名交易资讯网content="The IBM corporate home page, entry point to information about IBM products and services"
qTp中国域名交易资讯网name="description">
qTp中国域名交易资讯网<meta
qTp中国域名交易资讯网content="(PICS-1.1 "http://www.rsac.org/ratingsv01.html"; l gen true comment "RSACi
qTp中国域名交易资讯网qTp中国域名交易资讯网North America Server" by "[email]epc@www.ibm.com[/email]"; for "http://www.ibm.com/"; on
qTp中国域名交易资讯网qTp中国域名交易资讯网"1997.07.05T21:46-0500" r (n 0 s 0 v 0 l 0))"
qTp中国域名交易资讯网http-equiv="PICS-Label">
qTp中国域名交易资讯网<meta
qTp中国域名交易资讯网content="(PICS-1.0 "http://www.classify.org/safesurf/"; l gen true for
qTp中国域名交易资讯网qTp中国域名交易资讯网"http://www.ibm.com/"; by "[email]epc@www.ibm.com[/email]"; r (SS~~000 1 SS~~100 1))"
qTp中国域名交易资讯网http-equiv="PICS-Label">
qTp中国域名交易资讯网qTp中国域名交易资讯网今天的IBM页面META内容更是丰富，从下面的一些例子我们就可见一斑：
qTp中国域名交易资讯网qTp中国域名交易资讯网1、基本信息
qTp中国域名交易资讯网<META http-equiv=content-type content="text/html; charset=iso-8859-1">
qTp中国域名交易资讯网<META http-equiv=Pragma content=no-cache>
qTp中国域名交易资讯网<META content=webmaster@www.ibm.com name=Owner>
qTp中国域名交易资讯网<META content="Copyright (c) 2001 by IBM Corporation" name=Copyright>
qTp中国域名交易资讯网<META content=us name=IBM.Country>
qTp中国域名交易资讯网<META content=index,follow name=Robots>
qTp中国域名交易资讯网<META content=public name=Security>
qTp中国域名交易资讯网<META content=Franklin/IPC name=Source>
qTp中国域名交易资讯网<META http-equiv=PICS-Label
qTp中国域名交易资讯网content='(PICS-1.1 "http://www.icra.org/ratingsv02.html" l gen true r (cz 1 lz 1 nz 1 oz 1 vz 1)
qTp中国域名交易资讯网qTp中国域名交易资讯网"http://www.rsac.org/ratingsv01.html" l gen true r (n 0 s 0 v 0 l 0)
qTp中国域名交易资讯网qTp中国域名交易资讯网"http://www.classify.org/safesurf/" l gen true r (SS~~000 1))'>
qTp中国域名交易资讯网qTp中国域名交易资讯网2、scheme
qTp中国域名交易资讯网<META scheme=rfc1766 content=en-us name=DC.Language>
qTp中国域名交易资讯网<META scheme=iso8601 content=2001-08-09 name=DC.Date>
qTp中国域名交易资讯网qTp中国域名交易资讯网3、描述与关键词
qTp中国域名交易资讯网<META
qTp中国域名交易资讯网content="The IBM corporate home page, entry point to information about IBM products and services"
qTp中国域名交易资讯网name=Description>
qTp中国域名交易资讯网<META
qTp中国域名交易资讯网content="The IBM corporate home page, entry point to information about IBM products and services"
qTp中国域名交易资讯网name=Abstract>
qTp中国域名交易资讯网<META
qTp中国域名交易资讯网content="ibm,international business machines,internet,e-business,ebusiness,personal
qTp中国域名交易资讯网qTp中国域名交易资讯网computer,personal system,e-commerce,ecommerce,pc,workstation,mainframe,unix,technical
qTp中国域名交易资讯网qTp中国域名交易资讯网support,homepage,home page"
qTp中国域名交易资讯网name=Keywords>
qTp中国域名交易资讯网qTp中国域名交易资讯网内容详尽全面，完全符合一个规范页面的要求，这点我想是挺值得我们学习的。
qTp中国域名交易资讯网qTp中国域名交易资讯网三、Web数据流分析
qTp中国域名交易资讯网qTp中国域名交易资讯网作为一个国际大公司的站点，仅通过简单的点击计数是远远不能达到营销目的所需的详细程度，从下面的代码我们大致可以猜测出IBM站点使用了Keylime Software公司的Web数据流分析方案（在随后对Keylime Software公司网站访问中证实了这一点）：
qTp中国域名交易资讯网qTp中国域名交易资讯网<SCRIPT language=JavaScript type=text/javascript><!-- Keylime Software 09/16/2001var kl_version = "1.1.0";var kl_startLoadTime = new Date();var kl_companyId = "23";var kl_siteId = "77.78.0.774";var kl_sessionCookieVisibility = "; domain=ibm.com";var kl_sessionCookiePathVisibility = "; path=/";//--></SCRIPT><SCRIPT language=JavaScript1.2 src="stats.js" type=text/javascript></SCRIPT>
qTp中国域名交易资讯网qTp中国域名交易资讯网引用:
qTp中国域名交易资讯网--------------------------------------------------------------------------------
qTp中国域名交易资讯网qTp中国域名交易资讯网在电子商务早期阶段时，Web 站点数据流分析通常不过是指在你的主页上安装计数器以及在一个外部日志文件上运行简单的统计程序以记录点击率。但是，业界领导们很快意识到简单的点击计数既不准确也远未达到营销目的所需的详细程度。因此，各公司开始寻找更先进的分析工具，这类工具可以提供谁在访问公司Web 站点以及访问者一旦进入站点后将做些什么的全面信息。...
qTp中国域名交易资讯网一些ASP已经开始将基于服务的分析工具包括在他们提供的多种服务中，希望能减少一定的先期技术与财务负担。像Keylime Software公司的iEchoes这类解决方案按每月收费的方式提供对用户不同企业级分析工具的接入。在ASP模型中，你不必为硬件基础设施或培训投资，程序可以立即运行， 并且有时作为合同的一部分，你甚至可以获得咨询服务。不过，基于ASP 的软件通常也存在缺点，如第三方将可以接触到你严密防守的秘密。 ...
qTp中国域名交易资讯网引自：网络世界: Web数据流分析超越点击计数 [url]http://www.cnw.com.cn/cnw/2000/33/3312.asp[/url]
qTp中国域名交易资讯网qTp中国域名交易资讯网--------------------------------------------------------------------------------
qTp中国域名交易资讯网qTp中国域名交易资讯网更详尽的信息可从Keylime Software公司的站点获得：[url]http://www.klsoft.com[/url]
qTp中国域名交易资讯网qTp中国域名交易资讯网四、ejsmsp.js
qTp中国域名交易资讯网qTp中国域名交易资讯网该js里包含了丰富的内容，因为用到了SetCookie（），ReadCookie（）等函数，我想这个js的功能之一应该是设置Cookie，以使网页更有个性化，方便浏览者获取想要的信息。从长长的链接列表我们可以感受到IBM为了方便浏览者而精心的考虑，而且在不同的页面ejsmsp.js里的链接列表都不尽相同，真可谓用心良苦
qTp中国域名交易资讯网qTp中国域名交易资讯网纵观整个页面的源文件，一共用了一个内部javascript和三个外部javascript文件，每个javascript都起了不可或缺的作用，但没有一个是用来实现页面动态效果的，这正好印证了一段话：“dhtml是动态html，动态并不代表会移动的像素。 这里的动态指的是交互。 交互是web design与平面设计最主要的设计差别。 掌握dhtml的思想是至关重要的。"
qTp中国域名交易资讯网qTp中国域名交易资讯网上面就是我对IBM首页源代码的粗浅分析，由于水平有限，难免有错漏的地方，希望大家多多指教。
江小刀 发表于 2003-6-5 11:29qTp中国域名交易资讯网
UP
柳叶吹风 发表于 2003-6-5 11:30qTp中国域名交易资讯网
这不错了。。。
剑枫 发表于 2003-6-5 11:32qTp中国域名交易资讯网
考虑的比较多
qTp中国域名交易资讯网这也许就是设计商业站经典前100名的原因吧
qTp中国域名交易资讯网据说是 经典
qTp中国域名交易资讯网qTp中国域名交易资讯网很多设计的书籍上拿他和adobe的也缅当列子
boyXP 发表于 2003-6-5 11:34qTp中国域名交易资讯网
经典``
xboycn 发表于 2003-6-5 11:36qTp中国域名交易资讯网
ＢＬＵＥＩＤＥＡ转的吧？
剑枫 发表于 2003-6-5 11:37qTp中国域名交易资讯网
[quote]Originally posted by [i]xboycn[/i] at 2003-6-5 11:36 AM:
qTp中国域名交易资讯网ＢＬＵＥＩＤＥＡ转的吧？ [/quote]
qTp中国域名交易资讯网来源不名 已通知联邦调查局 追查”凶手“:lol:
semon53 发表于 2003-6-5 22:36qTp中国域名交易资讯网
专业就是专业
赵明亮 发表于 2003-6-5 22:37qTp中国域名交易资讯网
好，巨好～～
okwebhelp 发表于 2003-6-5 22:49qTp中国域名交易资讯网
你们去看看sina，查不多
剑枫 发表于 2003-6-5 23:10qTp中国域名交易资讯网
[quote]Originally posted by [i]okwebhelp[/i] at 2003-6-5 10:49 PM:
qTp中国域名交易资讯网你们去看看sina，查不多 [/quote]
qTp中国域名交易资讯网:o
Neo98 发表于 2003-6-6 00:44qTp中国域名交易资讯网
看看微软的不错！
剑枫 发表于 2003-6-6 00:49qTp中国域名交易资讯网
[quote]Originally posted by [i]Neo98[/i] at 2003-6-6 12:44 AM:
qTp中国域名交易资讯网看看微软的不错！ [/quote]
qTp中国域名交易资讯网ibm就是微软收藏的100个世界级商业站的其中只一
qTp中国域名交易资讯网qTp中国域名交易资讯网ibm的有两个也面被选中
碧寒 发表于 2003-6-6 00:52qTp中国域名交易资讯网
倒
seyou 发表于 2003-6-6 00:58qTp中国域名交易资讯网
Blueidea的文章，转的时候请留下作者和出处。有版权的。
剑枫 发表于 2003-6-6 01:02qTp中国域名交易资讯网
[quote]Originally posted by [i]seyou[/i] at 2003-6-6 12:58 AM:
qTp中国域名交易资讯网Blueidea的文章，转的时候请留下作者和出处。有版权的。 [/quote]
qTp中国域名交易资讯网只著名了---转
ejan 发表于 2004-7-6 11:39qTp中国域名交易资讯网
唉哟，表跟我得ibm 的网页的规范，天啦，一天一变，一个月一次电话会议专门讲这个，烦死我了，做ibm的网页最累了,nnd
qTp中国域名交易资讯网qTp中国域名交易资讯网错一个代码都通不过，上不了线。。 :(
流浪乌鸦 发表于 2004-7-6 11:42qTp中国域名交易资讯网
[quote]Originally posted by [i]ejan[/i] at 2004-7-6 11:39 AM:
qTp中国域名交易资讯网 唉哟，表跟我得ibm 的网页的规范，天啦，一天一变，一个月一次电话会议专门讲这个，烦死我了，做ibm的网页最累了,nnd
qTp中国域名交易资讯网qTp中国域名交易资讯网错一个代码都通不过，上不了线。。 :( [/quote]
qTp中国域名交易资讯网:(:(:(:(一年多帖子又翻出来
qTp中国域名交易资讯网qTp中国域名交易资讯网qTp中国域名交易资讯网厉害:ohh:
紫寒 发表于 2004-7-6 11:45qTp中国域名交易资讯网
汗。。。。
敢败吓疯 发表于 2004-7-6 11:58qTp中国域名交易资讯网
IBM的笔记本也不错。
qTp中国域名交易资讯网qTp中国域名交易资讯网
