Dreamweaver8來構(gòu)建符合標(biāo)準(zhǔn)的Web站點(diǎn)

1、.：.；Dreamweaver8來構(gòu)建符合規(guī)范的Web站點(diǎn)日期：2007-5-24 21:42:50來源：點(diǎn)擊： 次 HYPERLINK jcwcn/html/Dreamweaver/21_43_42_294.htm l docbottom#docbottom 評論譯者序:這個(gè)系列原文一共8篇文章，從普及 Web Standards 入手，講述如何用 HYPERLINK jcwcn/html/Dreamweaver t _blank Dreamweaver 8 來構(gòu)建符合規(guī)范的 Web ，由于原作者的此篇文章是對(這篇文章是收費(fèi)的)的摘錄，所以我對內(nèi)容進(jìn)展了適當(dāng)?shù)膭h改，順序與原文是一致的，但篇

2、幅會(huì)有調(diào)整，特此告知。翻譯程度有限，敬請?bào)w諒。假設(shè)您正在讀這篇文章，您很能夠是曾經(jīng)對 Web 規(guī)范有了一定的興趣，并且對用 DW ( HYPERLINK jcwcn/html/Dreamweaver t _blank Dreamweaver 的簡稱)來構(gòu)建的站點(diǎn)中規(guī)范的運(yùn)用非常獵奇?；蛟S您曾經(jīng)對 WS (Web Standards的簡稱)有了一定的了解，但是您并不知道如何用 DW 來編寫可兼容的代碼?；蛘吣且粋€(gè) DW 用戶，您很想服從 WS ，更廣泛的運(yùn)用 HYPERLINK jcwcn/html/CSSHTML t _blank CSS ，并且可以制造出更有親和力的文檔。無論您是哪一種類型

3、，這篇文章都會(huì)給您想要的答案:通知您如何用 DW 來搞定 WS。Web 規(guī)范的定義就我們在整篇文章所關(guān)懷的 WS 來說，讓我們首先花一點(diǎn)時(shí)間來明確一下我們終究在議論些什么:WS 是一些指點(diǎn) Web 開發(fā)言語的規(guī)范，是由 W3C 所制定的。這些規(guī)范包含了多種言語，例如，HTML、XHTML 和 HYPERLINK jcwcn/html/CSSHTML t _blank CSS 還有一些其他的相關(guān)言語，例如 MathML，用來表示數(shù)學(xué)中的方程，當(dāng)他有這種特殊的需求的時(shí)候，或許會(huì)用得上。W3C 也公布了“Web 內(nèi)容親和力指南(Web Content Accessibility Guidelines

4、 WCAG)推行網(wǎng)頁的可訪問性(經(jīng)過 WAI )提示:直接獲取這些規(guī)范他可以在 W3C 的網(wǎng)站上閱讀這些規(guī)范，雖然他們有時(shí)讀起來還是有些困難的:HTML 4.01XHTML 1.0 HYPERLINK jcwcn/html/CSSHTML t _blank CSS 1 HYPERLINK jcwcn/html/CSSHTML t _blank CSS 2.1WCAG 1.0在本文中，我們將會(huì)用到 XHTML1.0、 HYPERLINK jcwcn/html/CSSHTML t _blank CSS1 和 2.1、WCAG 1.0 等規(guī)范和建議，但是他一定很高興知道我們其實(shí)不用過多的閱讀 W3C

5、 文檔。誰需求 WS ?您能夠只需一個(gè)模糊的概念:WS 是個(gè)好東西，但是許多網(wǎng)站包括許多知名的站點(diǎn)并不服從 WS ，并且他們看起來確實(shí)管理得很好。所以，為什么我們要盡力去服從 WS 呢?這么做會(huì)有什么真正的收益嗎?誰需求 WS ?誰需求去關(guān)注 W3C 的規(guī)范與建議?Web 開發(fā)者與設(shè)計(jì)者需求關(guān)注 WS 的首類人群就是我們:網(wǎng)站建立的開發(fā)者與設(shè)計(jì)者。破費(fèi)時(shí)間去學(xué)習(xí)如何用 WS 開發(fā)對于我們來說值得嗎?整潔的標(biāo)志使 BUG 的修復(fù)速度加快。假設(shè)您經(jīng)過 W3C 校驗(yàn)?zāi)捻撁?，至少您?huì)了解到不規(guī)范的標(biāo)志并不是引起您曾經(jīng)遇到過的錯(cuò)誤的緣由。有時(shí)，校驗(yàn)一個(gè)頁面和修復(fù)已發(fā)現(xiàn)錯(cuò)誤的過程，可以去除顯示中遇到一些

6、問題，這些問題是由標(biāo)志(element)沒有終了或標(biāo)簽(tag)拼寫錯(cuò)誤引起的。即使校驗(yàn)?zāi)奈臋n并沒有修正這些問題，至少他會(huì)知道這些問題存在于規(guī)范的文檔中。既然他曾經(jīng)知道這個(gè)問題不是一個(gè)錯(cuò)誤，那么他可以開場關(guān)注其他的問題了，例如在不同的閱讀器中 HYPERLINK jcwcn/html/CSSHTML t _blank CSS 處置差別問題。服從可訪問性的需求很容易假設(shè)他編寫一個(gè)規(guī)范的 XHTML 標(biāo)志，那么他就可以保證文檔在語義上是無誤的，并且您可以把文檔中的內(nèi)容與表現(xiàn)相分別，您將可以把大量的任務(wù)放在許多 WCAG1.0 中所列的可訪問性的問題上。認(rèn)識到可訪問性并不是僅僅為殘疾人設(shè)計(jì)的這一點(diǎn)

7、也很重要。一個(gè)親和力好的站點(diǎn)是可以被許多不同的設(shè)備訪問的，例如挪動(dòng)和 PDA ，他們是不具備強(qiáng)大的處置才干去對付那些散亂而非規(guī)范的標(biāo)志的。向前兼容假設(shè)您僅僅思索到本人新開發(fā)的頁面在當(dāng)前的幾個(gè)閱讀器中的表現(xiàn)，那么他怎樣才干保證它在未來的新閱讀器中的表現(xiàn)呢?新閱讀器或許會(huì)把您的頁面顯示的很糟糕，此時(shí)他只能去費(fèi)力的尋覓和修正那些惱人的問題。服從 WS 并不會(huì)完全根除這個(gè)問題;然而，規(guī)范的兼容使他的設(shè)計(jì)失敗的風(fēng)險(xiǎn)大大減少，同樣，如今的閱讀器軟件公司也開場支持規(guī)范。他們也許會(huì)偶爾的錯(cuò)誤解釋了某部分規(guī)范，他們不能夠完全不支持它。假設(shè)最壞的事情發(fā)生了，并且一個(gè)新的閱讀器在他的規(guī)范化網(wǎng)站上產(chǎn)生了奇異的效果，那

8、么修復(fù)它要比修復(fù)一個(gè)不兼容的站點(diǎn)容易的多。假設(shè)他遇到一個(gè)問題，它同樣會(huì)影響其他的規(guī)范可兼容網(wǎng)站。Web 社區(qū)的群體智慧會(huì)指出這個(gè)問題，并會(huì)寫文章來處理這個(gè)問題。所以，大家集體討論，在可兼容的文檔里修正這個(gè) BUG 也比在不兼容的文檔里修正更加的容易。更方便的重構(gòu)他曾經(jīng)不得不從一個(gè)站點(diǎn)中剝離文字而對他進(jìn)展重構(gòu)過嗎?而且一切都得從頭開場。他曾經(jīng)見過那些被字體標(biāo)簽和微小的表格單元(它使我們只能從頭開場)弄得混亂不堪的標(biāo)簽嗎?我只知道我曾經(jīng)看過，這是一個(gè)漫長的過程，大量的時(shí)間和金錢都被這個(gè)站點(diǎn)的重構(gòu)燒掉了。分別文檔的內(nèi)容與表現(xiàn)將會(huì)使他領(lǐng)會(huì)到規(guī)范化兼容帶來愉快:這意味著下次某個(gè)人想重構(gòu)這個(gè)站點(diǎn)的時(shí)候，他

9、們不用把 Web 文檔中的拷貝出去。一切站點(diǎn)中的文本都將會(huì)被具有語義的 (X)HTML 所標(biāo)志，一切的表現(xiàn)信息這部分才是站長想更改的都將被儲(chǔ)存在一個(gè)可隨便交換的 HYPERLINK jcwcn/html/CSSHTML t _blank CSS 文件中。一些客戶在開場要求他做一些改動(dòng)之前是不會(huì)等待它去重構(gòu)的，他們只會(huì)等到游覽完猛犸象化石坑，然后就要求他說“把左邊欄挪到右邊就可以了。對于一個(gè)規(guī)范化可兼容站點(diǎn)來說，全部頁面都是由 HYPERLINK jcwcn/html/CSSHTML t _blank CSS 控制的，他可以很方便挪動(dòng)頁面中的標(biāo)志，而不用在許多以復(fù)雜表格為構(gòu)造的頁面中想歪招了。這

10、使得改動(dòng)頁面規(guī)劃更加簡單。構(gòu)造從表現(xiàn)中分別同樣可以使添加新的元素變得更加容易，就像一個(gè)高對比度、小圖片版本的站點(diǎn)或許對于某些閱讀者更有吸引力。當(dāng)您可以輕松的改換款式表時(shí)，為什么建立單獨(dú)的純文本版的頁面呢?閱讀器軟件公司閱讀器的軟件公司開場對 WS 關(guān)注了。過去，閱讀器軟件公司添加他們私有的專屬標(biāo)簽和屬性到根本的言語中。但是如今，前所未有的，他們都開場服從規(guī)范了，并且一些最新的閱讀器曾經(jīng)可以確定，正在努力按照規(guī)范中所定義的(X)HTML 和 HYPERLINK jcwcn/html/CSSHTML t _blank CSS 來顯示它們。在可遇見的未來中，閱讀器都將可以顯示大多數(shù)的不規(guī)范標(biāo)志、代碼

11、，由于假設(shè)它們不這么做，成千上萬的不規(guī)范站點(diǎn)都將無法正常顯示那么群眾就很能夠開場指摘閱讀器了，而不是指摘 Web 設(shè)計(jì)者。然而，其他的設(shè)備(那些沒有臺式機(jī)強(qiáng)大處置功能的設(shè)備)將會(huì)更加依賴那些他們所遇到代碼的規(guī)范化兼容性了。創(chuàng)作工具軟件廠商創(chuàng)作工具軟件廠商例如 Macromedia , 它制造了 HYPERLINK jcwcn/html/Dreamweaver t _blank Dreamweaver 也像Web設(shè)計(jì)者一樣，開場服從 WS 了，比如，它們越來越多的客戶要求這些創(chuàng)作工具可以輸出規(guī)范的標(biāo)志。本來這些可視化的開發(fā)環(huán)境都沒有太好的口碑，由于它們會(huì)生成混亂、不規(guī)范的標(biāo)志;然而，最新的主要可視化開發(fā)環(huán)境都征引了規(guī)范化的兼容性和可訪問性的元素，這也成為了主要的賣點(diǎn)。軟件廠商一定要傾聽，并回應(yīng)市場的需求。Web 用戶我們設(shè)計(jì)的網(wǎng)站的用戶也從我們采用 WS 中獲益，即使他們并沒有認(rèn)識到這一點(diǎn)!或許他們正無認(rèn)識的運(yùn)用那些專門針對當(dāng)今流行閱讀器而開發(fā)的站點(diǎn)。假設(shè)這些用戶轉(zhuǎn)用其他的閱讀器，他們或許就會(huì)發(fā)現(xiàn)這個(gè)在線的體驗(yàn)就不再令人享用了，由于那些專屬