常用網(wǎng)頁(yè)服務(wù)器的設(shè)計(jì)與分析_第1頁(yè)
常用網(wǎng)頁(yè)服務(wù)器的設(shè)計(jì)與分析_第2頁(yè)
常用網(wǎng)頁(yè)服務(wù)器的設(shè)計(jì)與分析_第3頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

常用網(wǎng)頁(yè)服務(wù)器的設(shè)計(jì)與分析

在web設(shè)計(jì)過(guò)程中，設(shè)計(jì)師可以按照一定的規(guī)則在網(wǎng)站上添加行文件、嵌入風(fēng)格、鏈接風(fēng)格和其他js風(fēng)格表，從而準(zhǔn)確控制布局、字段、顏色、背景和其他文圖的效果。但在實(shí)際的工作過(guò)程中,因?yàn)g覽器開發(fā)商在開發(fā)過(guò)程中對(duì)樣式表解釋含義不同或沒有相關(guān)的語(yǔ)法定義,而導(dǎo)致CSS樣式表的表現(xiàn)形式上也有區(qū)別,并且沒有完全按照樣式表的國(guó)際通用標(biāo)準(zhǔn)W3C來(lái)開發(fā),所以導(dǎo)致瀏覽器兼容性問(wèn)題——同一個(gè)頁(yè)面在不同的瀏覽器中呈現(xiàn)不同的表現(xiàn)形式。1瀏覽器和網(wǎng)絡(luò)的總結(jié)1.2ie日功能采用網(wǎng)頁(yè)瀏覽器的作用是在操作系統(tǒng)平臺(tái)中負(fù)責(zé)解釋、顯示網(wǎng)頁(yè)所包含HTML代碼的文件,并讓用戶與這些文件互動(dòng)的一種客戶端應(yīng)用程序。常見的網(wǎng)頁(yè)瀏覽器包括Microsoft的InternetExplorer、Mozilla的Firefox、Opera和Safari等。1.2.1IE瀏覽器(InternetExplorer)是Microsoft公司開發(fā)擁有大部分用戶的瀏覽器,其捆綁在windows操作系統(tǒng)中的免費(fèi)銷售方式(無(wú)需單獨(dú)安裝)及其操作的簡(jiǎn)便方式,是其贏得大部分計(jì)算機(jī)用戶的主要原因。但是IE瀏覽器最大的缺點(diǎn)是該軟件安全缺陷較多,而且未安裝功能插件時(shí)功能薄弱,可以說(shuō)它在功能方面弱于所有其它瀏覽器。目前IE瀏覽器使用較多的版本為InternetExplorer6.0和7.0。1.2.2MozillaFirefox(火狐)瀏覽器是由Mozilla公司開發(fā)的具有跨多個(gè)操作系統(tǒng)平臺(tái)(Windows、Linux和MacOS等),并且開放源代碼的瀏覽器,另外由于它軟件體積小,瀏覽網(wǎng)頁(yè)速度快,本身安全性較高,使得Firefox瀏覽器以接近15%的市場(chǎng)份額迅速普及開來(lái)。目前Firefox瀏覽器最高版本為MozillaFirefox2.0.0.6。以上介紹的兩種瀏覽器為常用的瀏覽器,在網(wǎng)頁(yè)開發(fā)設(shè)計(jì)的過(guò)程中也主要以IE和Firefox為目標(biāo)瀏覽器。由于瀏覽器的開發(fā)商是針對(duì)特定用戶,基于某種技術(shù)的形式來(lái)設(shè)計(jì)開發(fā)的,它必然存在一些問(wèn)題。隨著網(wǎng)絡(luò)的普及和快速發(fā)展,現(xiàn)在的瀏覽器都朝著分頁(yè)瀏覽、自定義皮膚、增強(qiáng)相關(guān)的功能插件等這些瀏覽功能與應(yīng)用功能緊密的結(jié)合在一起的方向發(fā)展,當(dāng)然競(jìng)爭(zhēng)也很激烈。目前由W3C發(fā)布了css3.0,瀏覽器方面有IE7.0和IE8.0以及firfox3.0。2釋式和公平出現(xiàn)兼容性問(wèn)題的根本原因是不同廠商的游覽器對(duì)CSS語(yǔ)義的解釋存在差異,即使是同一廠商的瀏覽器,不同的版本也出現(xiàn)不同的解釋方式,如IE6和IE7。另一個(gè)原因是CSS和瀏覽器的版本都處在一個(gè)不斷更新升級(jí)的狀態(tài)中,雙方的動(dòng)態(tài)變化,造成了兼容性問(wèn)題。目前大多數(shù)用戶所使用的瀏覽器是IE和firefox。Microsoft的IE和OperaSoftwareASA公司的Opera對(duì)CSS的解釋比較相似,而網(wǎng)景的Netscape和Mozilla公司的FireFox又有另外的一套解釋。3解決包容問(wèn)題的方法3.1網(wǎng)絡(luò)地位的定位不準(zhǔn)確,例如:以列表方式展示的數(shù)據(jù)項(xiàng)UL和OL的默認(rèn)padding值是不一樣的,在Firefox中,paddingleft:0;默認(rèn)值為0px,而IE中大約為40px;如定義一個(gè)新聞列表樣式,一般的寫法是:其默認(rèn)的padding值由于瀏覽器的不同顯示也不同,相差大約40像素左右,這就使得定位不準(zhǔn)確,通常解決這個(gè)問(wèn)題的方法是:通過(guò)規(guī)范CSS定義的代碼,明確的告知瀏覽器,項(xiàng)目在CSS定義中的準(zhǔn)確位置,即在ul中定義其margin和padding的值;將其寫成:}這樣就可以解決項(xiàng)目列表在顯示時(shí)定位不準(zhǔn)確的問(wèn)題。3.2元素顯示效果例如:相同寬度和高度的層在有邊框的情況下,其顯示方式有區(qū)別,在IE中顯示為CSS定義的寬度和高度,在Firefox中顯示為CSS中定義的寬度和高度加上邊框的大小。比如定義一個(gè)名稱為layout的層其寬為100px,邊框的寬度為2px,邊距為10px:其定義方法如下:在firefox下這個(gè)元素是顯示寬度為100px+10px+10px=120px,因?yàn)镕irefox將邊框解釋在元素的外面,而在IE下寬度是100px。其顯示效果如圖1(上面為Firefox瀏覽器,下面為IE瀏覽器)。針對(duì)Firefox瀏覽器,可以用!important語(yǔ)句來(lái)優(yōu)先使用css語(yǔ)句,這種情況下我們?cè)贔irefox下將層的寬度設(shè)置成為80像素,因?yàn)樽笥疫吘噙€有4個(gè)像素的寬度,則還應(yīng)減去4個(gè)像素的寬度,實(shí)際寬度為76像素。在CSS設(shè)計(jì)中采取利用!important語(yǔ)法來(lái)定義不同的瀏覽器中不同的元素定義方法,因?yàn)镮E不支持!important語(yǔ)法。將其寫成:這樣Firefox將第一個(gè)寬度76px設(shè)置為當(dāng)前元素的寬度,加上左右或上下邊框的2px,其效果將和IE中的保持一致,如圖2(上面為Firefox瀏覽器,下面為IE瀏覽器)。表1為“*”語(yǔ)句與“!important”語(yǔ)句在兩種瀏覽器中的支持情況。3.3理想的顯示效果既然用戶有選擇瀏覽器的權(quán)利,那么網(wǎng)頁(yè)設(shè)計(jì)者則可以考慮使用多個(gè)CSS定義以滿足不同瀏覽器中顯示的效果,用戶使用不同的瀏覽器查看網(wǎng)頁(yè)時(shí),只需根據(jù)設(shè)計(jì)者提供的樣式表文件來(lái)達(dá)到理想的顯示效果,但這對(duì)設(shè)計(jì)者來(lái)說(shuō)卻不是件輕松的事情?？稍诰W(wǎng)頁(yè)文件的HTML代碼中<head></head>之間加上判斷語(yǔ)句;4提高網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)通過(guò)以上三種方法的實(shí)驗(yàn),可以基本解決CSS在不同瀏覽器中的兼容性問(wèn)題,因此對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō),如果能夠掌握新的技術(shù),及時(shí)把握網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展動(dòng)向,多從實(shí)踐中注意總結(jié)經(jīng)驗(yàn),就可以成為一個(gè)合格的網(wǎng)頁(yè)設(shè)計(jì)者。1.1層壓板phCSS(CascadingStyleSheets)是W3C(WorldWideWebConsortium)于1996年12月制定

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論