用Dreamweaver 8 搞定“web標(biāo)準(zhǔn)”_Dreamweaver教程
譯者序:這個(gè)系列原文一共8篇文章,從普及 Web Standards 入手,講述如何用 Dreamweaver 8 來(lái)構(gòu)建符合標(biāo)準(zhǔn)的 Web ,由于原作者的此篇文章是對(duì)《Build Your Own Standards Compliant Website Using Dreamweaver 8 》(這篇文章是收費(fèi)的)的摘錄,所以我對(duì)內(nèi)容進(jìn)行了適當(dāng)?shù)膭h改,順序與原文是一致的,但篇幅會(huì)有調(diào)整,特此告知。翻譯水平有限,敬請(qǐng)諒解。
假如您正在讀這篇文章,您很可能是已經(jīng)對(duì) Web 標(biāo)準(zhǔn)有了一定的愛(ài)好,并且對(duì)用 DW ( Dreamweaver 的簡(jiǎn)稱)來(lái)構(gòu)建的站點(diǎn)中標(biāo)準(zhǔn)的應(yīng)用非常好奇。
或許您已經(jīng)對(duì) WS (Web Standards的簡(jiǎn)稱)有了一定的了解,但是您并不知道如何用 DW 來(lái)編寫(xiě)可兼容的代碼。或者您是一個(gè) DW 用戶,您很想遵從 WS ,更廣泛的使用 CSS ,并且可以制作出更有親和力的文檔。無(wú)論您是哪一種類(lèi)型,這篇文章都會(huì)給您想要的答案:告訴您如何用 DW 來(lái)搞定 WS。
Web 標(biāo)準(zhǔn)的定義
就我們?cè)谡恼滤P(guān)心的 WS 來(lái)說(shuō),讓我們首先花一點(diǎn)時(shí)間來(lái)明確一下我們究竟在談?wù)撔┦裁?
WS 是一些指導(dǎo) Web 開(kāi)發(fā)語(yǔ)言的規(guī)范,是由 W3C 所制定的。這些規(guī)范包含了多種語(yǔ)言,例如,HTML、XHTML 和 CSS 還有一些其他的相關(guān)語(yǔ)言,例如 MathML,用來(lái)表示數(shù)學(xué)中的方程,當(dāng)你有這種非凡的需要的時(shí)候,或許會(huì)用得上。W3C 也頒布了“Web 內(nèi)容親和力指南”(Web Content Accessibility Guidelines —— WCAG)——推廣網(wǎng)頁(yè)的可訪問(wèn)性(通過(guò) WAI )
提示:直接獲取這些規(guī)范
你可以在 W3C 的網(wǎng)站上閱讀這些規(guī)范,盡管他們有時(shí)讀起來(lái)還是有些困難的:
在本文中,我們將會(huì)用到 XHTML1.0、CSS1 和 2.1、WCAG 1.0 等規(guī)范和建議,但是你一定很興奮知道我們其實(shí)不必過(guò)多的閱讀 W3C 文檔。
誰(shuí)需要 WS ?
您可能只有一個(gè)含糊的概念:WS 是個(gè)好東西,但是許多網(wǎng)站——包括許多知名的站點(diǎn)——并不遵從 WS ,并且他們看起來(lái)的確治理得很好。所以,為什么我們要盡力去遵從 WS 呢?這么做會(huì)有什么真正的收益嗎?誰(shuí)需要 WS ?誰(shuí)需要去關(guān)注 W3C 的規(guī)范與建議?
Web 開(kāi)發(fā)者與設(shè)計(jì)者
需要關(guān)注 WS 的首類(lèi)人群就是我們:網(wǎng)站建設(shè)的開(kāi)發(fā)者與設(shè)計(jì)者。花費(fèi)時(shí)間去學(xué)習(xí)如何用 WS 開(kāi)發(fā)對(duì)于我們來(lái)說(shuō)值得嗎?
整潔的標(biāo)記使 BUG 的修復(fù)速度加快。
假如您通過(guò) W3C 校驗(yàn)?zāi)捻?yè)面,至少您會(huì)了解到不規(guī)范的標(biāo)記并不是引起您曾經(jīng)碰到過(guò)的錯(cuò)誤的原因。有時(shí),校驗(yàn)一個(gè)頁(yè)面和修復(fù)已發(fā)現(xiàn)錯(cuò)誤的過(guò)程,可以清除顯示中碰到一些問(wèn)題,這些問(wèn)題是由標(biāo)記(element)沒(méi)有結(jié)束或標(biāo)簽(tag)拼寫(xiě)錯(cuò)誤引起的。
即使校驗(yàn)?zāi)奈臋n并沒(méi)有修正這些問(wèn)題,至少你會(huì)知道這些問(wèn)題存在于規(guī)范的文檔中。既然你已經(jīng)知道這個(gè)問(wèn)題不是一個(gè)錯(cuò)誤,那么你可以開(kāi)始關(guān)注其他的問(wèn)題了,例如在不同的瀏覽器中 CSS 處理差異問(wèn)題。
遵從可訪問(wèn)性的需求很輕易
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver的小技巧:Dreamweaver應(yīng)用源格式
- Dreamweaver MX2004視頻寶典教程 菜單概述
- 用Dreamweaver實(shí)現(xiàn)ASP動(dòng)態(tài)網(wǎng)站建設(shè)
- 簡(jiǎn)單描述Adobe Dreamweaver CS3 的最新功能
- 技巧:固定網(wǎng)頁(yè)語(yǔ)言編碼、字號(hào)、字體
- DreamweaverCS3中的CSS布局規(guī)則
- 用戶登錄的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- 如何控制網(wǎng)頁(yè)框架頁(yè)內(nèi)中鏈接的目標(biāo)
- dreamweaver套用源格式,將混亂無(wú)序的代碼變得整潔
- DW MX 的快鍵一覽表
猜你也喜歡看這些
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-用Dreamweaver 8 搞定“web標(biāo)準(zhǔn)”。