用Dreamweaver8搞定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)編寫可兼容的代碼�;蛘吣且粋(gè) DW 用戶,您很想遵從 WS ,更廣泛的使用 CSS ,并且可以制作出更有親和力的文檔。無(wú)論您是哪一種類型,這篇文章都會(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)還是有些困難的:
HTML 4.01
XHTML 1.0
CSS 1
CSS 2.1
WCAG 1.0
在本文中,我們將會(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 的首類人群就是我們:網(wǎng)站建設(shè)的開(kāi)發(fā)者與設(shè)計(jì)者�;ㄙM(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)拼寫錯(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)性的需求很輕易
假如你編寫一個(gè)規(guī)范的 XHTML 標(biāo)記,那么你就可以保證文檔在語(yǔ)義上是無(wú)誤的,并且您可以把文檔中的內(nèi)容與表現(xiàn)相分離,您將可以把大量的工作放在許多 WCAG1.0 中所列的可訪問(wèn)性的問(wèn)題上。熟悉到可訪問(wèn)性并不是僅僅為殘疾人設(shè)計(jì)的這一點(diǎn)也很重要。一個(gè)親和力好的站點(diǎn)是可以被許多不同的設(shè)備訪問(wèn)的,例如移動(dòng)電話和 PDA ,他們是不具備強(qiáng)大的處理能力去對(duì)付那些散亂而非標(biāo)準(zhǔn)的標(biāo)記的。
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫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中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 用DW制作網(wǎng)頁(yè)時(shí)關(guān)于文字自動(dòng)換行的小技巧
- 網(wǎng)站優(yōu)化必須要重視的14點(diǎn)
- 玩轉(zhuǎn)Dreamweaver8.0:關(guān)于沖突的CSS規(guī)則
- Dreamweaver MX進(jìn)階教程(十四)使用server-side include(服務(wù)器端包括)
- 構(gòu)建Blog全程實(shí)錄-Dreamweaver構(gòu)建Blog
- DreamWeaver,經(jīng)典50問(wèn)
- Dreamweaver網(wǎng)頁(yè)制作教程:窗口布局
- Dreamweaver制作網(wǎng)頁(yè)技巧之對(duì)進(jìn)行網(wǎng)頁(yè)優(yōu)化
- Dreamweaver網(wǎng)頁(yè)制作超級(jí)技巧36則
- Dreamweaver的行為事件
猜你也喜歡看這些
- GoLive視頻教程(趙鵬主講)
- Drwamweaver網(wǎng)頁(yè)實(shí)例視頻教程
- Dreamweaver 2004視頻教程下載
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- 呂聰賢dreamweaver視頻教程下載
- Dreamweaver8制作網(wǎng)頁(yè)教程下載
- Dreamweaver 8完美網(wǎng)頁(yè)設(shè)計(jì):白金案例篇
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門到精通
- 織夢(mèng)DedeCMS視頻教程(織夢(mèng)官方版主華強(qiáng)主講)
- 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)視頻全教程
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-用Dreamweaver8搞定web標(biāo)準(zhǔn)
。