用Dreamweaver 8 搞定“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)容進行了適當(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ī)范,盡管他們有時讀起來還是有些困難的:
在本文中,我們將會用到 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è)計者。花費時間去學(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 處理差異問題。
遵從可訪問性的需求很輕易
- 用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教程推薦
- Dreamweaver的小技巧:Dreamweaver應(yīng)用源格式
- Dreamweaver MX2004視頻寶典教程 菜單概述
- 用Dreamweaver實現(xiàn)ASP動態(tài)網(wǎng)站建設(shè)
- 簡單描述Adobe Dreamweaver CS3 的最新功能
- 技巧:固定網(wǎng)頁語言編碼、字號、字體
- DreamweaverCS3中的CSS布局規(guī)則
- 用戶登錄的實現(xiàn)-Dreamweaver構(gòu)建Blog
- 如何控制網(wǎng)頁框架頁內(nèi)中鏈接的目標(biāo)
- dreamweaver套用源格式,將混亂無序的代碼變得整潔
- DW MX 的快鍵一覽表
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-用Dreamweaver 8 搞定“web標(biāo)準(zhǔn)”
。