中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁(yè) > 技術(shù)文檔 > 網(wǎng)站建設(shè) > 重構(gòu)、標(biāo)準(zhǔn)、布局
行業(yè)網(wǎng)站設(shè)計(jì)心得 回到列表 FLASH,你要我怎么跟你說(shuō)!
 重構(gòu)、標(biāo)準(zhǔn)、布局

作者:雞毛 時(shí)間: 2004-08-17 文檔類型:原創(chuàng) 來(lái)自:藍(lán)色理想

  近來(lái)大家總是在標(biāo)準(zhǔn)上爭(zhēng)論不休,其實(shí),這些問(wèn)題一些相關(guān)文章已經(jīng)說(shuō)得很明白了。

  以下我就談?wù)勎业目捶。本帖子有太多的“我認(rèn)為”,說(shuō)明了我只是想把我的想法拿出來(lái)跟大家商榷,或許有太多不對(duì)的地方,也請(qǐng)大家一一指出。

  1、我對(duì)web標(biāo)準(zhǔn)的理解
  所謂的web標(biāo)準(zhǔn),在一些教程文章上已經(jīng)得到結(jié)論:結(jié)構(gòu)化標(biāo)準(zhǔn)(XHTML、XML)、表現(xiàn)標(biāo)準(zhǔn)(CSS、XSLT?)、行為標(biāo)準(zhǔn)(DOM、ECMAScript)。這些東西在網(wǎng)上一搜一大把,在這里我就不多說(shuō)了。我只說(shuō)我自己的想法:

  a.標(biāo)準(zhǔn)是相對(duì)的,有其一定的局限性
  作為標(biāo)準(zhǔn)本身,它也在不斷地完善中。我們也可以加入其中完善它,而不是盲從它。沒(méi)有最好,只有更好。(LeXRus前一陣子說(shuō)要成立自己的web標(biāo)準(zhǔn)組織,不知道現(xiàn)在怎么樣了。)

  b.標(biāo)準(zhǔn)只是被推薦使用,好的標(biāo)準(zhǔn)大家都會(huì)自覺(jué)去遵守
  我們之所以使用標(biāo)準(zhǔn),就是因?yàn)闃?biāo)準(zhǔn)對(duì)我們有利。正如現(xiàn)在倡導(dǎo)的ISO9000標(biāo)準(zhǔn)一樣,它只是倡導(dǎo),并不強(qiáng)迫。我認(rèn)為它對(duì)我有用,所以我用它;同樣,如果你認(rèn)為它實(shí)在不怎么樣,你也可以不用它,標(biāo)準(zhǔn)本身不應(yīng)該帶有任何強(qiáng)迫性。就跟打籃球一樣,NBA是24秒進(jìn)攻,我們是30秒進(jìn)攻,我們要想加入NBA,就得用人家的規(guī)則。還有我們加入“世貿(mào)”也是,如果我們夠拽,自己成立一個(gè)“世貿(mào)”,自己發(fā)布一套標(biāo)準(zhǔn),也是可以的。

  c.標(biāo)準(zhǔn)沒(méi)有明確提到用div還是table
  有些朋友很容易把標(biāo)準(zhǔn)簡(jiǎn)單地等同于“把table換成div”。我不這么認(rèn)為,因?yàn)閠able也是符合x(chóng)ml規(guī)則的。含有table的頁(yè)面照樣可以通過(guò)XHTML1.0的驗(yàn)證。

  d.“div布局”不只是用div進(jìn)行布局
  我們可以用一切可能的標(biāo)簽(包括table)對(duì)頁(yè)面進(jìn)行布局,目的就是要達(dá)到最優(yōu)。它只是提出一個(gè)概念,一個(gè)全新的模式。壇子里也有人說(shuō)過(guò),“重要的是觀念上的更新,而不是代碼!碑(dāng)然,我們的最終目的是代碼的更新。

  e.XHTML驗(yàn)證是手段,不是目的
  有時(shí),我們用javascript來(lái)生成flash movie代碼,以欺騙validator,通過(guò)驗(yàn)證。用這種方法,那么沒(méi)有通不過(guò)驗(yàn)證的頁(yè)面。如果只是玩玩,那是可以的。但是我怕會(huì)有些初學(xué)者太把validator當(dāng)回事,甚至認(rèn)為通過(guò)驗(yàn)證是最終目的。我的看法是:validator不過(guò)是一個(gè)工具,它幫助我們檢查我們的頁(yè)面是否符合標(biāo)準(zhǔn),僅此而已。最終我們還是得按客戶的要求設(shè)計(jì)我們的頁(yè)面。
  
  2、我為什么要用標(biāo)準(zhǔn)
  有人會(huì)以為使用標(biāo)準(zhǔn)的目的就是為了達(dá)到標(biāo)準(zhǔn)。其實(shí),《網(wǎng)站重構(gòu)》一語(yǔ)道破天機(jī):為了網(wǎng)站能“活”得更長(zhǎng)久,為了提高網(wǎng)站的可訪性,更為了降低成本,我們必須采用Web標(biāo)準(zhǔn)!這里有三個(gè)“為了”,沒(méi)有一個(gè)是為了標(biāo)準(zhǔn)。標(biāo)準(zhǔn)只是手段。
  接觸“標(biāo)準(zhǔn)”后,我嘗試去做一些符合“標(biāo)準(zhǔn)”的頁(yè)面。當(dāng)時(shí),并不是很明確為什么要使用標(biāo)準(zhǔn),只是出于一種好奇心理。中間也遇到了一些難題,有技術(shù)上的,也有觀念上的。但是,現(xiàn)在我很樂(lè)意用div+css來(lái)給客戶做網(wǎng)頁(yè)。
  用了標(biāo)準(zhǔn)以后,給我的感覺(jué)就是:代碼精簡(jiǎn)了,維護(hù)方便了。
  代碼精簡(jiǎn),可縮短頁(yè)面裝載時(shí)間。就算在當(dāng)前寬帶的條件下,我們也不應(yīng)該放寬對(duì)自己的要求——精簡(jiǎn)代碼(我想這也是每一個(gè)程序員對(duì)自己的要求),況且現(xiàn)在還有不少的撥號(hào)用戶,以及手機(jī)上網(wǎng)/瀏覽的用戶。這是一個(gè)分秒必爭(zhēng)的社會(huì)。
  嚴(yán)格按照標(biāo)準(zhǔn),可以獲得更高的兼容性。一個(gè)合格的網(wǎng)頁(yè)制作者,他總是試圖讓網(wǎng)頁(yè)達(dá)到最高的兼容性。當(dāng)然,他要在效果與兼容性之間取得某種平衡。就像我們現(xiàn)在挑老公:既要有錢(qián),也要靚仔。
  維護(hù)方便,我甚至只要修改一下css就可以讓整個(gè)頁(yè)面呈現(xiàn)出完全不同的風(fēng)格。這可以節(jié)省不少工作。
  當(dāng)然,我認(rèn)為用標(biāo)準(zhǔn)最重要的一點(diǎn)是:向后兼容。用一個(gè)專業(yè)的術(shù)語(yǔ)就是:可持續(xù)發(fā)展。網(wǎng)絡(luò)總是在不斷地發(fā)展中,一個(gè)好的網(wǎng)頁(yè)制作者,總得對(duì)未來(lái)的發(fā)展有一定的預(yù)見(jiàn)。就現(xiàn)在我知道的,以后一段時(shí)間確實(shí)是xml的天下,直到有更好的東西出來(lái)取代它。
  每年都有太多的網(wǎng)站為了跟上時(shí)代,花不少錢(qián)在改版上。因?yàn)楦陌婢鸵馕吨磺兄貋?lái),包括代碼,甚至程序。
  標(biāo)準(zhǔn)還要求我們把數(shù)據(jù)交給XHTML(或者h(yuǎn)tml、xml),把表現(xiàn)交給css,兩者各司其職,結(jié)合起來(lái)。

  3、為table平反
  《網(wǎng)站重構(gòu)》一書(shū)出來(lái)以后,也許有很大的誤讀成分,一些朋友把標(biāo)準(zhǔn)跟重構(gòu)混淆了,甚至等同起來(lái)。我沒(méi)看過(guò)這本書(shū),不好做評(píng)價(jià)。
  “在不改變代碼外在行為的前提下,對(duì)代碼做出修改,以改進(jìn)程序的內(nèi)部結(jié)構(gòu)”,這就是重構(gòu)。我認(rèn)為“網(wǎng)站重構(gòu)”兼有“div布局”跟“web標(biāo)準(zhǔn)”的意思。布局講的是一種方法,標(biāo)準(zhǔn)講的是一種規(guī)范,這是兩碼事。
  web標(biāo)準(zhǔn)并不是說(shuō)不用table,我找遍了網(wǎng)上的文章,沒(méi)有找到一篇文章說(shuō)web標(biāo)準(zhǔn)反對(duì)使用甚至建議不使用table標(biāo)簽,我想它是這樣說(shuō)的:建議不要使用table“布局”,而改用div+cs“布局”。
  拿一個(gè)數(shù)據(jù)表來(lái)說(shuō),我認(rèn)為用table來(lái)組織它是最好的解決方案。當(dāng)然,你要用其他辦法來(lái)實(shí)現(xiàn)也是可以的,但是我敢說(shuō)都沒(méi)有table來(lái)得簡(jiǎn)單、簡(jiǎn)潔。(也許有,只是我沒(méi)找到?)當(dāng)然,在學(xué)習(xí)階段,強(qiáng)制自己不使用表格解決一切問(wèn)題,還是蠻有用的。

  以上說(shuō)了這么多,與其說(shuō)是我的想法,不如說(shuō)是匯總了大家的想法。但求不貽笑大方,如果能對(duì)初學(xué)者有所裨益,那就阿彌陀佛了。

出處:藍(lán)色理想
責(zé)任編輯:moonjeep

相關(guān)文章 更多相關(guān)鏈接
第一屆簡(jiǎn)歷樣式表設(shè)計(jì)圓滿結(jié)束
使用外部CSS設(shè)置FlashMX組件外觀
FLASH,你要我怎么跟你說(shuō)!
DIV BLOG 0.6版
CSS布局入門(mén)
作者文章
重構(gòu)、標(biāo)準(zhǔn)、布局
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門(mén)搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開(kāi)啟
國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國(guó)國(guó)防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問(wèn)題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買(mǎi)真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語(yǔ)言的編碼規(guī)范
如何在illustrator中繪制臺(tái)歷
Ps簡(jiǎn)單繪制一個(gè)可愛(ài)的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡(jiǎn)單的作品展示頁(yè)面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開(kāi)發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來(lái)自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來(lái)自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫(huà),設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說(shuō)明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無(wú)關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國(guó)的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書(shū)推薦 更多內(nèi)容
網(wǎng)站可用性測(cè)試及優(yōu)化指南
《寫(xiě)給大家看的色彩書(shū)1》
《跟我去香港》
眾妙之門(mén)—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開(kāi)發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開(kāi)發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2