IBM站一个网页到底包含了多少技术--看分析

ibm首页源代码浅析----转 一、欣赏器兼容性 动作一个国际大公司的站点，保护能在各别欣赏器下的可欣赏性是必需商量的，这点ibm的做法不得不令人敬仰。它精巧的运用一个javascript(ibmcss.js)按照各别的欣赏器采用各别的款式表，这也即是干什么咱们径直翻开生存在硬盘上的ibm页面不许看到用款式表设置的因为。 翻开ibmcss.js，领会一下代码，咱们就不妨创造ibm所有安排了四个款式表: ie1.css , ie6.css , r1.css , ns1.css 。这四个款式表大局部都沟通，重要的辨别在乎字体巨细(font-size)的单元：ie6 里用%,r1里用px,ns1里用pt。底下是同样的一条款式在各别css里的设置： ie6.css: body { font-family: arial, sans-serif; font-size: 78%; } 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; } ns1.css: body,dt,dd,dl,sl,caption,th,td,tr,select,option,form,font { font-family: arial, sans-serif; font-size: 9pt; } 而从对ibmcss.js历程序论理的领会不妨获得底下款式表和欣赏器的对应联系： r1.css : macintosh ie4.0之上，macintosh netscape4.0之上，netscape5.0之上， x11 netscape5.0之上 (xwindows for linux or unix,i guest ) ie6.css: windows ie4.0之上， ns1.css: 其余操纵体例netscape4.0之上 ie1.css: 其余操纵体例ie4.0之上 我辨别在windows xp+ie6.0和linux rat hat 7.1+ns4.7两个情况下尝试了这四个款式表，在ie6里四个款式表 都不妨平常表露，不过字体巨细略有辨别；而在ns4.7里，用ie1.css和ns1.css设置的页面字体朦胧不清，而用 r1.css和ie6.css表露的页面不妨平常表露。 同声，ibm也商量到了局部欣赏器不扶助javascript的情景，在ibmcss.js后跟不上了一句<noscript><link href="r1.css" type=text/css rel=stylesheet></noscript>，对于不扶助javascript的欣赏器将一致沿用r1.css。然而这边有一点我不许领会的是干什么在head内里用了两句同样的<noscript>语句，是为了保障起见仍旧安排者没有精简掉呢，蓄意大师能一道商量。 二、典型所有的meta实质 动作一个典型的页面，精细的meta实质是必不行少的，这一点ibm从来做得很好，咱们不妨回忆一下其99年页面里的meta实质： <meta content="ibm international business machines internet" name="keywords"> <meta content="http://www.ibm.com/" name="alias"> <meta content="webmaster@www.ibm.com" name="owner"> <meta content="the ibm corporate home page, entry point to information about ibm products and services" name="description"> <meta content="(pics-1.1 "http://www.rsac.org/ratingsv01.html"; l gen true comment "rsaci north america server" by "epc@www.ibm.com"; for "http://www.ibm.com/"; on "1997.07.05t21:46-0500" r (n 0 s 0 v 0 l 0))" http-equiv="pics-label"> <meta content="(pics-1.0 "http://www.classify.org/safesurf/"; l gen true for "http://www.ibm.com/"; by "epc@www.ibm.com"; r (ss~~000 1 ss~~100 1))" http-equiv="pics-label"> 即日的ibm页面meta实质更是充分，从底下的少许例子咱们就看来一斑： 1、基础消息 <meta http-equiv=content-type content="text/html; charset=iso-8859-1"> <meta http-equiv=pragma content=no-cache> <meta content=webmaster@www.ibm.com name=owner> <meta content="copyright (c) 2001 by ibm corporation" name=copyright> <meta content=us name=ibm.country> <meta content=index,follow name=robots> <meta content=public name=security> <meta content=franklin/ipc name=source> <meta http-equiv=pics-label content='(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true r (n 0 s 0 v 0 l 0) "http://www.classify.org/safesurf/" l gen true r (ss~~000 1))'> 2、scheme <meta scheme=rfc1766 content=en-us name=dc.language> <meta scheme=iso8601 content=2001-08-09 name=dc.date> 3、刻画与要害词 <meta content="the ibm corporate home page, entry point to information about ibm products and services" name=description> <meta content="the ibm corporate home page, entry point to information about ibm products and services" name=abstract> <meta content="ibm,international business machines,internet,e-business,ebusiness,personal computer,personal system,e-commerce,ecommerce,pc,workstation,mainframe,unix,technical support,homepage,home page" name=keywords> 实质精细所有，实足适合一个典型页面包车型的士诉求，这点我想是挺犯得着咱们进修的。 三、web数据流领会 动作一个国际大公司的站点，仅经过大略的点击计数是远远不许到达经营销售手段所需的精细水平，从底下的代码咱们大概不妨探求出ibm站点运用了keylime software公司的web数据流领会计划（在随后对keylime software公司网站考察中证明了这一点）： <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> 援用: -------------------------------------------------------------------------------- 在电子商务早期阶段时，web 站点数据流领会常常然而是指在你的网页上安置计数器以及在一个外部日记文献上运转大略的统计步调以记载点击率。然而，技术界引导们很称心识到大略的点击计数既不精确也远未到达经营销售手段所需的精细水平。所以，各公司发端探求更进步的领会东西，这类东西不妨供给谁在考察公司web 站点以及考察者一旦加入站点后将做些什么的所有消息。... 少许asp仍旧发端将鉴于效劳的领会东西囊括在她们供给的多种效劳中，蓄意能缩小确定的先期本领与财政承担。像keylime software公司的i?echoes这类处置计划按每月收款的办法供给对用户各别企业级领会东西的接入。在asp模子中，你不用为硬件普通办法或培养和训练入股，步调不妨登时运转， 而且偶尔动作公约的一局部，你以至不妨赢得接洽效劳。然而，鉴于asp 的软硬件常常也生存缺陷，如第三方将不妨交战到你精细防止的神秘。 ... 引自：搜集寰球: web数据流领会胜过点击计数 http://www.cnw.com.cn/cnw/2000/33/3312.asp -------------------------------------------------------------------------------- 更精细的消息可从keylime software公司的站点赢得：http://www.klsoft.com 四、ejsmsp.js 该js里包括了充分的实质，由于用到了setcookie（），readcookie（）等因变量，我想这个js的功效之一该当是树立cookie，以使网页更有天性化，简单欣赏者获得想要的消息。从长长的链接列表咱们不妨感遭到ibm为了简单欣赏者而经心的商量，并且在各别的页面ejsmsp.js里的链接列表都不尽沟通，真堪称经心良苦 纵观所有页面包车型的士源文献，所有用了一个里面javascript和三个外部javascript文献，每个javascript都起了不行或缺的效率，但没有一个是用来实行页面动静功效的，这凑巧印证了一段话：“dhtml是动静html，动静并不代办会挪动的像素。 这边的动静指的是交互。 交互是web design与平面安排最重要的安排分辨。 控制dhtml的思维是至关要害的。" 上头即是我对ibm首页源代码的肤浅领会，因为程度有限，不免有错漏的场合，蓄意大师多多指点。