首頁(yè)源代碼淺析 一、瀏覽器兼容性 作為一個(gè)國(guó)際大公司的站點(diǎn),保證能在不同瀏覽器下的可瀏覽性是必須考慮的,這點(diǎn)IBM的做法不得不令人佩服。它巧妙的利用一個(gè)ja;vascript(ibmcss.js)根據(jù)不同的瀏覽器選擇不同的樣式表,這也就是為什么我們直接打開保存在硬盤上的IBM頁(yè)面不能看到用樣式表定義的原因。 打開ibmcss.js,分析一下代碼,我們就可以發(fā)現(xiàn)IBM一共設(shè)計(jì)了四個(gè)樣式表: ie1.css , ie6.css , r1.css , ns1.css 。這四個(gè)樣式表大部分都相同,主要的區(qū)別在于字體大小(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; } 而從對(duì)ibmcss.js里程序邏輯的分析可以得到下面樣式表和瀏覽器的對(duì)應(yīng)關(guān)系: 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: 其他操作系統(tǒng)Netscape4.0以上 ie1.css: 其他操作系統(tǒng)IE4.0以上 我分別在Windows XP+IE6.0和Linux Rat hat 7.1+NS4.7兩個(gè)環(huán)境下測(cè)試了這四個(gè)樣式表,在IE6里四個(gè)樣式表 都可以正常顯示,只是字體大小略有區(qū)別;而在NS4.7里,用ie1.css和ns1.css定義的頁(yè)面字體模糊不清,而用 r1.css和ie6.css顯示的頁(yè)面可以正常顯示。 同時(shí),IBM也考慮到了部分瀏覽器不支持ja;vascript的情況,在ibmcss.js后緊跟了一句
創(chuàng)新互聯(lián)公司 是一家專注于成都網(wǎng)站建設(shè) 、網(wǎng)站制作與策劃設(shè)計(jì),竹溪網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司 做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:竹溪等地區(qū)。竹溪做網(wǎng)站價(jià)格咨詢:13518219792
%3Clink%20href%3D%22r1.css%22%20type%3D%22text/css%22%20rel%3D%22stylesheet%22%20/%3E
,對(duì)于不支持ja;vascript的瀏覽器將統(tǒng)一采用r1.css。不過(guò)這里有一點(diǎn)我不能理解的是為什么在head里面用了兩句同樣的
語(yǔ)句,是為了保險(xiǎn)起見還是設(shè)計(jì)者沒有精簡(jiǎn)掉呢,希望大家能一起探討。 二、規(guī)范全面的META內(nèi)容 作為一個(gè)規(guī)范的頁(yè)面,詳盡的META內(nèi)容是必不可少的,這一點(diǎn)IBM一直做得很好,我們可以回顧一下其99年頁(yè)面里的META內(nèi)容: content="The IBM corporate home page, entry point to information about IBM products and services" name="description"> 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"> 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頁(yè)面META內(nèi)容更是豐富,從下面的一些例子我們就可見一斑: 1、基本信息 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 3、描述與關(guān)鍵詞 content="The IBM corporate home page, entry point to information about IBM products and services" name=Description> content="The IBM corporate home page, entry point to information about IBM products and services" name=Abstract> 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> 內(nèi)容詳盡全面,完全符合一個(gè)規(guī)范頁(yè)面的要求,這點(diǎn)我想是挺值得我們學(xué)習(xí)的。 三、Web數(shù)據(jù)流分析 作為一個(gè)國(guó)際大公司的站點(diǎn),僅通過(guò)簡(jiǎn)單的點(diǎn)擊計(jì)數(shù)是遠(yuǎn)遠(yuǎn)不能達(dá)到營(yíng)銷目的所需的詳細(xì)程度,從下面的代碼我們大致可以猜測(cè)出IBM站點(diǎn)使用了Keylime Software公司的Web數(shù)據(jù)流分析方案(在隨后對(duì)Keylime Software公司網(wǎng)站訪問中證實(shí)了這一點(diǎn)):
%3C%21--%20Keylime%20Software%2009/16/2001var%20kl_version%20%3D%20%221.1.0%22%3Bvar%20kl_startLoadTime%20%3D%20new%20Date%28%29%3Bvar%20kl_companyId%20%3D%20%2223%22%3Bvar%20kl_siteId%20%3D%20%2277.78.0.774%22%3Bvar%20kl_sessionCookieVisibility%20%3D%20%22%3B%20domain%3Dibm.com%22%3Bvar%20kl_sessionCookiePathVisibility%20%3D%20%22%3B%20path%3D/%22%3B//--%3E
引用: 在電子商務(wù)早期階段時(shí),Web 站點(diǎn)數(shù)據(jù)流分析通常不過(guò)是指在你的主頁(yè)上安裝計(jì)數(shù)器以及在一個(gè)外部日志文件上運(yùn)行簡(jiǎn)單的統(tǒng)計(jì)程序以記錄點(diǎn)擊率。但是,業(yè)界領(lǐng)導(dǎo)們很快意識(shí)到簡(jiǎn)單的點(diǎn)擊計(jì)數(shù)既不準(zhǔn)確也遠(yuǎn)未達(dá)到營(yíng)銷目的所需的詳細(xì)程度。因此,各公司開始尋找更先進(jìn)的分析工具,這類工具可以提供誰(shuí)在訪問公司W(wǎng)eb 站點(diǎn)以及訪問者一旦進(jìn)入站點(diǎn)后將做些什么的全面信息。... 一些ASP已經(jīng)開始將基于服務(wù)的分析工具包括在他們提供的多種服務(wù)中,希望能減少一定的先期技術(shù)與財(cái)務(wù)負(fù)擔(dān)。像Keylime Software公司的i?Echoes這類解決方案按每月收費(fèi)的方式提供對(duì)用戶不同企業(yè)級(jí)分析工具的接入。在ASP模型中,你不必為硬件基礎(chǔ)設(shè)施或培訓(xùn)投資,程序可以立即運(yùn)行, 并且有時(shí)作為合同的一部分,你甚至可以獲得咨詢服務(wù)。不過(guò),基于ASP 的軟件通常也存在缺點(diǎn),如第三方將可以接觸到你嚴(yán)密防守的秘密。 ... 引自:《網(wǎng)絡(luò)世界》Web數(shù)據(jù)流分析超越點(diǎn)擊計(jì)數(shù) http://www.cnw.com.cn/cnw/2000/33/3312.asp 更詳盡的信息可從Keylime Software公司的站點(diǎn)獲得: http://www.klsoft.com 四、ejsmsp.js 該js里包含了豐富的內(nèi)容,因?yàn)橛玫搅薙etCookie(),ReadCookie()等函數(shù),我想這個(gè)js的功能之一應(yīng)該是設(shè)置Cookie,以使網(wǎng)頁(yè)更有個(gè)性化,方便瀏覽者獲取想要的信息。從長(zhǎng)長(zhǎng)的鏈接列表我們可以感受到IBM為了方便瀏覽者而精心的考慮,而且在不同的頁(yè)面ejsmsp.js里的鏈接列表都不盡相同,真可謂用心良苦 縱觀整個(gè)頁(yè)面的源文件,一共用了一個(gè)內(nèi)部ja;vascript和三個(gè)外部ja;vascript文件,每個(gè)ja;vascript都起了不可或缺的作用,但沒有一個(gè)是用來(lái)實(shí)現(xiàn)頁(yè)面動(dòng)態(tài)效果的,這正好印證了一段話:“dhtml是動(dòng)態(tài)html,動(dòng)態(tài)并不代表會(huì)移動(dòng)的像素。 這里的動(dòng)態(tài)指的是交互。 交互是web design與平面設(shè)計(jì)最主要的設(shè)計(jì)差別。 掌握dhtml的思想是至關(guān)重要的。"
分享題目:網(wǎng)站建設(shè)中一個(gè)網(wǎng)頁(yè)到底包含了多少技術(shù)
轉(zhuǎn)載來(lái)源:http://www.rwnh.cn/article16/seohdg.html
成都網(wǎng)站建設(shè)公司 _創(chuàng)新互聯(lián) ,為您提供網(wǎng)站導(dǎo)航 、云服務(wù)器 、做網(wǎng)站 、虛擬主機(jī) 、網(wǎng)頁(yè)設(shè)計(jì)公司 、App開發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)