用Dreamweaver8搞定web標(biāo)準(zhǔn)_Dreamweaver教程
譯者序:這個系列原文一共8篇文章,從普及 Web Standards 入手,講述如何用 Dreamweaver 8 來構(gòu)建符合標(biāo)準(zhǔn)的 Web ,由于原作者的此篇文章是對《Build Your Own Standards Compliant Website Using Dreamweaver 8 》(這篇文章是收費的)的摘錄,所以我對內(nèi)容進(jìn)行了適當(dāng)?shù)膭h改,順序與原文是一致的,但篇幅會有調(diào)整,特此告知。翻譯水平有限,敬請諒解。
假如您正在讀這篇文章,您很可能是已經(jīng)對 Web 標(biāo)準(zhǔn)有了一定的愛好,并且對用 DW ( Dreamweaver 的簡稱)來構(gòu)建的站點中標(biāo)準(zhǔn)的應(yīng)用非常好奇。
或許您已經(jīng)對 WS (Web Standards的簡稱)有了一定的了解,但是您并不知道如何用 DW 來編寫可兼容的代碼�;蛘吣且粋 DW 用戶,您很想遵從 WS ,更廣泛的使用 CSS ,并且可以制作出更有親和力的文檔。無論您是哪一種類型,這篇文章都會給您想要的答案:告訴您如何用 DW 來搞定 WS。
Web 標(biāo)準(zhǔn)的定義
就我們在整篇文章所關(guān)心的 WS 來說,讓我們首先花一點時間來明確一下我們究竟在談?wù)撔┦裁?
WS 是一些指導(dǎo) Web 開發(fā)語言的規(guī)范,是由 W3C 所制定的。這些規(guī)范包含了多種語言,例如,HTML、XHTML 和 CSS 還有一些其他的相關(guān)語言,例如 MathML,用來表示數(shù)學(xué)中的方程,當(dāng)你有這種非凡的需要的時候,或許會用得上。W3C 也頒布了“Web 內(nèi)容親和力指南”(Web Content Accessibility Guidelines —— WCAG)——推廣網(wǎng)頁的可訪問性(通過 WAI )
提示:直接獲取這些規(guī)范
你可以在 W3C 的網(wǎng)站上閱讀這些規(guī)范,盡管他們有時讀起來還是有些困難的:
HTML 4.01
XHTML 1.0
CSS 1
CSS 2.1
WCAG 1.0
在本文中,我們將會用到 XHTML1.0、CSS1 和 2.1、WCAG 1.0 等規(guī)范和建議,但是你一定很興奮知道我們其實不必過多的閱讀 W3C 文檔。
誰需要 WS ?
您可能只有一個含糊的概念:WS 是個好東西,但是許多網(wǎng)站——包括許多知名的站點——并不遵從 WS ,并且他們看起來的確治理得很好。所以,為什么我們要盡力去遵從 WS 呢?這么做會有什么真正的收益嗎?誰需要 WS ?誰需要去關(guān)注 W3C 的規(guī)范與建議?
Web 開發(fā)者與設(shè)計者
需要關(guān)注 WS 的首類人群就是我們:網(wǎng)站建設(shè)的開發(fā)者與設(shè)計者�;ㄙM時間去學(xué)習(xí)如何用 WS 開發(fā)對于我們來說值得嗎?
整潔的標(biāo)記使 BUG 的修復(fù)速度加快。
假如您通過 W3C 校驗?zāi)捻撁�,至少您會了解到不�?guī)范的標(biāo)記并不是引起您曾經(jīng)碰到過的錯誤的原因。有時,校驗一個頁面和修復(fù)已發(fā)現(xiàn)錯誤的過程,可以清除顯示中碰到一些問題,這些問題是由標(biāo)記(element)沒有結(jié)束或標(biāo)簽(tag)拼寫錯誤引起的。
即使校驗?zāi)奈臋n并沒有修正這些問題,至少你會知道這些問題存在于規(guī)范的文檔中。既然你已經(jīng)知道這個問題不是一個錯誤,那么你可以開始關(guān)注其他的問題了,例如在不同的瀏覽器中 CSS 處理差異問題。
遵從可訪問性的需求很輕易
假如你編寫一個規(guī)范的 XHTML 標(biāo)記,那么你就可以保證文檔在語義上是無誤的,并且您可以把文檔中的內(nèi)容與表現(xiàn)相分離,您將可以把大量的工作放在許多 WCAG1.0 中所列的可訪問性的問題上。熟悉到可訪問性并不是僅僅為殘疾人設(shè)計的這一點也很重要。一個親和力好的站點是可以被許多不同的設(shè)備訪問的,例如移動電話和 PDA ,他們是不具備強大的處理能力去對付那些散亂而非標(biāo)準(zhǔn)的標(biāo)記的。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 用DW制作網(wǎng)頁時關(guān)于文字自動換行的小技巧
- 網(wǎng)站優(yōu)化必須要重視的14點
- 玩轉(zhuǎn)Dreamweaver8.0:關(guān)于沖突的CSS規(guī)則
- Dreamweaver MX進(jìn)階教程(十四)使用server-side include(服務(wù)器端包括)
- 構(gòu)建Blog全程實錄-Dreamweaver構(gòu)建Blog
- DreamWeaver,經(jīng)典50問
- Dreamweaver網(wǎng)頁制作教程:窗口布局
- Dreamweaver制作網(wǎng)頁技巧之對進(jìn)行網(wǎng)頁優(yōu)化
- Dreamweaver網(wǎng)頁制作超級技巧36則
- Dreamweaver的行為事件
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-用Dreamweaver8搞定web標(biāo)準(zhǔn)
。