|
《Web標(biāo)準(zhǔn)設(shè)計(jì)》
在當(dāng)當(dāng)網(wǎng)購(gòu)買此書
在卓越網(wǎng)購(gòu)買此書
寄語(yǔ)
- 一扇經(jīng)常開啟的門的鉸鏈不需要潤(rùn)滑油。
- 一條湍急的河流不會(huì)變得污濁。
- 無(wú)論是聲音還是想法都不可能在真空中傳播。
- Web標(biāo)準(zhǔn)如果不用就會(huì)腐朽。
- 這世界真奇妙！
關(guān)于作者
網(wǎng)名叫嗷嗷，因?yàn)槲业拿直容^難打，結(jié)果我多了一個(gè)合成的中國(guó)英文名 aoao。我打過(guò)很多雜，平面設(shè)計(jì)師，前端開發(fā)工程師，交互設(shè)計(jì)師，產(chǎn)品設(shè)計(jì)師，現(xiàn)在的職位是前端設(shè)計(jì)師，更多信息可以訪問(wèn) 我的小站。
編輯評(píng)論
- 很有內(nèi)容，技術(shù)含量高，而且都是健康食品。就像你去超市購(gòu)?fù)晡锔犊顣r(shí)，看到排在你前面的那個(gè)老奶奶的購(gòu)物籃里裝滿了菠菜、青椒、大蔥、西紅柿、雞蛋、萵苣、蘑菇、胡蘿卜、菜花、茄子，還有一些你根本就叫不出名字的各類蔬菜，而再低頭看看你的購(gòu)物籃里都是些酸奶、薯片、巧克力、可樂(lè)、冰淇淋、香腸、咸鴨蛋、葡萄干這類東西時(shí)，你就會(huì)感到人家的購(gòu)物籃的東西比你的“更有內(nèi)容”，從而感到不太好意思。閱讀這本書時(shí)，你就會(huì)有這種感覺。
- 很有思想。正如嗷嗷自己說(shuō)的，這本書的價(jià)值常常不在于給你一個(gè)解決方法，而是給你講解這個(gè)問(wèn)題的本質(zhì)，并且，面對(duì)這樣一個(gè)本質(zhì)，我們?nèi)绾伍_動(dòng)腦筋去解決它。學(xué)會(huì)解決問(wèn)題的過(guò)程比解決問(wèn)題本身更為重要。
- 語(yǔ)言風(fēng)趣，讀之不累。盡管你偶爾可能還是會(huì)看到那么一個(gè)兩個(gè)或者三個(gè)前面的缺點(diǎn)部分所提到的問(wèn)題，但它們畢竟已經(jīng)很少了，基本不影響閱讀了，而且，整本書的語(yǔ)言是風(fēng)趣的，充滿熱情的，進(jìn)取的，幾段讀下來(lái)你就會(huì)有這樣一個(gè)認(rèn)識(shí)——這是一個(gè)能從無(wú)聊中鉆探出快樂(lè)的人寫的。只有真正的技術(shù)專家才能帶給你這樣的感覺。
因這三點(diǎn)，我等待這本書兩年時(shí)間。
書已經(jīng)打開，現(xiàn)在是讀書時(shí)間。
壞話不好意思貼出來(lái)，在這里《Web標(biāo)準(zhǔn)設(shè)計(jì)》編輯的話 可以看到全部。
內(nèi)容簡(jiǎn)介
《Web標(biāo)準(zhǔn)設(shè)計(jì)》針對(duì)Web開發(fā)人員講解Web標(biāo)準(zhǔn)。開始部分解釋了Web標(biāo)準(zhǔn)一些概念跟誤會(huì)，之后詳細(xì)介紹了構(gòu)成Web標(biāo)準(zhǔn)的各個(gè)組成部分，著重介紹了XHTML和CSS的應(yīng)用，同時(shí)還討論了JavaScript、XML、XSLT的應(yīng)用，此外還介紹了中文的特殊表現(xiàn)、命名的應(yīng)用以及Web標(biāo)準(zhǔn)中最常給人忽視的無(wú)障礙網(wǎng)頁(yè)倡議（WAI）。
本書采用的是漸進(jìn)學(xué)習(xí)的方式，除了最后一章，基本上如果你不能掌握前面章節(jié)的知識(shí)，直接閱讀后面的章節(jié)可能會(huì)讓你感到一些迷惘。不管你是新手還是骨灰級(jí)玩家，我都建議你從頭開始逐頁(yè)閱讀本書，你所掌握的知識(shí)不代表與我所掌握的知識(shí)完全相同。本書的例子并不多，多數(shù)都是通過(guò)一個(gè)例子做著舉一反三的演示。
如果你認(rèn)為某一章節(jié)的知識(shí)早已經(jīng)被你所掌握，你也可以直接跳到你感興趣的章節(jié)閱讀你感興趣的內(nèi)容。以下是概述本書16章的內(nèi)容：
Web標(biāo)準(zhǔn)不是神話 介紹Web標(biāo)準(zhǔn)的一些概念，包括選擇的目的、帶來(lái)的好處以及一些誤解。此外還介紹了一些開發(fā)使用的軟件與環(huán)境。
XHTML——瀏覽器上的新大陸 介紹了Web標(biāo)準(zhǔn)的核心組成部分中的XHTML，從常見元素的介紹到與HTML的區(qū)別以及元素應(yīng)用的細(xì)節(jié)。本章描述了縮寫(X)HTML必需的基礎(chǔ)語(yǔ)法和概念。
CSS——網(wǎng)頁(yè)美容師 介紹了處理表現(xiàn)的CSS，從基本的語(yǔ)法到復(fù)雜的選擇符的使用，以及使用的單位與應(yīng)用的方式，此外還介紹了繼承與覆蓋和優(yōu)先權(quán)的計(jì)算。
用XHTML和CSS來(lái)“擺”網(wǎng)頁(yè) 通過(guò)實(shí)例的形式開始介紹XHTML+CSS的應(yīng)用，在介紹應(yīng)用的同時(shí)還分析了對(duì)應(yīng)的XHTML或CSS的詳細(xì)屬性的使用，包括基礎(chǔ)的屬性應(yīng)用和盒模型的詳細(xì)介紹。
布局之道 通過(guò)實(shí)例的形式介紹了使用XHTML+CSS的各種常用布局以及實(shí)現(xiàn)的原理。包括從經(jīng)典的三行兩列固定寬度的布局到復(fù)雜的多欄布局的各種布局的有效的實(shí)現(xiàn)方式。
不要害怕各式各樣的瀏覽器 介紹了產(chǎn)生兼容問(wèn)題的一些本質(zhì)以及解決的方式，包括討論各瀏覽器兼容的必要、兼容的方式以及各個(gè)問(wèn)題產(chǎn)生的原因和解決方向，之外還討論了IE私有的Layout機(jī)制和各瀏覽器的塊級(jí)格式化范圍。
CSS常用技巧 通過(guò)實(shí)例的形式介紹CSS的一些常用技巧，包括滑動(dòng)門技術(shù)、圓角的實(shí)現(xiàn)、標(biāo)識(shí)當(dāng)前頁(yè)面等常用技巧，此外，還討論了一些好玩的技巧，比如放大文字、圖片，實(shí)現(xiàn)Tips提示等技巧。
文字的藝術(shù) 介紹了具有中國(guó)特色的漢字的一些特殊性及一些文字相關(guān)的技巧。包括縮放文字的機(jī)制、文字的行高基線問(wèn)題，以及文字在多種情況下的變化，比如在文本框中、不間斷的文字、省略部分文字等，此外還介紹了常用的字體及影響字體的因素。
細(xì)品命名與微格式 介紹了命名的應(yīng)用。包括命名的規(guī)則和原則，以及命名的重要性，此外還介紹了自定義標(biāo)簽和通過(guò)命名產(chǎn)生應(yīng)用的Microformats（微格式）。
換個(gè)思維來(lái)設(shè)計(jì) 介紹了通過(guò)轉(zhuǎn)換概念實(shí)現(xiàn)的一些常見技巧，包括有文字替換、縮放布局、用“疊”的方式來(lái)實(shí)現(xiàn)一些非常規(guī)的效果的實(shí)現(xiàn)。此處還討論了百分比加減固定數(shù)值的實(shí)現(xiàn)、margin負(fù)值實(shí)現(xiàn)兩列等高及在各瀏覽器中實(shí)現(xiàn)類inline-block的效果。
隱藏在瀏覽器背后的CSS 重點(diǎn)介紹了IE的私有屬性和Firefox實(shí)現(xiàn)的一些CSS3的私有屬性，此外還討論了校驗(yàn)的意義及與其它瀏覽器兼容的建議。
JavaScript讓W(xué)eb動(dòng)起來(lái) 介紹了Web標(biāo)準(zhǔn)組成的一個(gè)重要的部分——JavaScript。從概念開始，包括語(yǔ)法、變量、基本的數(shù)據(jù)類型、表達(dá)式與運(yùn)算符、函數(shù)、對(duì)象，以及DOM和事件處理等。此外，還介紹了怎樣把JavaScript與XHTML和CSS整合應(yīng)用的一些技巧及部分JavaScript的實(shí)用特效。
親和力 討論了Web標(biāo)準(zhǔn)組成的另一個(gè)重要的組成部分——Accessibility（可訪問(wèn)性）。包括概念上的一些解釋及WCAG的一些個(gè)人的見解。此外還介紹了一些通過(guò)技術(shù)層面解決的問(wèn)題。
XML的無(wú)限變化 通過(guò)實(shí)例介紹了網(wǎng)站發(fā)展的另一個(gè)方向——XML的應(yīng)用，包括與XHTML、CSS的關(guān)系及應(yīng)用，及XML與XPath和XSLT關(guān)系與應(yīng)用。此外還討論了XML的未來(lái)。
簡(jiǎn)單的實(shí)戰(zhàn) 通過(guò)創(chuàng)建兩個(gè)網(wǎng)站的首頁(yè)介紹了各種各樣的技術(shù)的整合應(yīng)用。包括網(wǎng)站從設(shè)計(jì)稿轉(zhuǎn)變成頁(yè)面的各步驟的實(shí)現(xiàn)，以及各種情況出現(xiàn)時(shí)的處理。此外，還討論了架構(gòu)網(wǎng)站前端要注意的問(wèn)題和建設(shè)自己網(wǎng)站的建議。
最后的建議 這一章是唯一一章與Web標(biāo)準(zhǔn)沒(méi)多大關(guān)系的章節(jié)。是我個(gè)人給你在學(xué)習(xí)完前面十五章內(nèi)容后的一些建議。
樣章試讀：
樣章:第2、4、13章的部分(zip)文件地址
例子下載：
配套例子文件包(zip)文件地址
目錄：
第一章 Web標(biāo)準(zhǔn)不是神話
1.1 理解Web標(biāo)準(zhǔn)
1.1.1 Web標(biāo)準(zhǔn)是什么
1.1.2 錯(cuò)誤的思維
1.1.3 無(wú)障礙網(wǎng)頁(yè)倡議（WAI）
1.2 量化Web標(biāo)準(zhǔn)
1.2.1 大部分通過(guò)W3C校驗(yàn)的網(wǎng)站只是偽標(biāo)準(zhǔn)
1.2.2 Web標(biāo)準(zhǔn)要求一覽表
1.2.3 是追求標(biāo)準(zhǔn)還是理解標(biāo)準(zhǔn)
1.3 為什么選擇Web標(biāo)準(zhǔn)
1.4 CSS為什么著火
1.4.1 CSS的作用
1.4.2 CSS 布局 VS.表格布局
1.5 我能否學(xué)好Web標(biāo)準(zhǔn)
1.5.1 我需要具備什么素質(zhì)和條件才能學(xué)好Web標(biāo)準(zhǔn)
1.5.2 學(xué)習(xí)的重點(diǎn)與難點(diǎn)
1.6 欲善其事，先利其器
1.6.1 軟件的選擇
1.6.2 調(diào)試環(huán)境
第二章 XHTML——瀏覽器上的新大陸
2.1 一切從語(yǔ)義開始
2.2 網(wǎng)頁(yè)的構(gòu)成
2.3 常見標(biāo)簽
2.3.1 標(biāo)題
2.3.2 內(nèi)容
2.3.3 列表
2.3.4 表格
2.3.5 表單
2.3.6 注釋
2.4 比HTML多出一個(gè)X
2.4.1 還多了什么
2.4.2 誰(shuí)影響了網(wǎng)頁(yè)的樣子
2.4.3 堅(jiān)持Strict Markup
2.4.4 語(yǔ)義化
2.5 按語(yǔ)義來(lái)分類
2.6 塊元素與內(nèi)聯(lián)元素
2.7 div不是神
2.7.1 合理應(yīng)用
2.7.2 div與span的差別
第三章 CSS——網(wǎng)頁(yè)美容師
3.1 語(yǔ)法結(jié)構(gòu)
3.1.1 基本結(jié)構(gòu)
3.1.2 樣式表中的注釋
3.1.3 字符轉(zhuǎn)義
3.2 選擇符的使用
3.2.1 通配選擇符
3.2.2 類型選擇符
3.2.3 包含選擇符
3.2.4 子對(duì)象選擇符
3.2.5 相鄰選擇符
3.2.6 屬性選擇符
3.2.7 ID選擇符
3.2.8 選擇符分組
3.3 偽元素與偽類
3.3.1 偽類
3.3.2 偽對(duì)象
3.4 常用單位
3.4.1 長(zhǎng)度單位
3.4.2 顏色單位
3.5 應(yīng)用 CSS 在網(wǎng)頁(yè)上
3.5.1 鏈入外部樣式表
3.5.2 定義內(nèi)部樣式
3.5.3 定義內(nèi)聯(lián)定義
3.5.4 導(dǎo)入指定的外部樣式表
3.5.5 各種方式的差異
3.5.6 糟糕的手持設(shè)備
3.6 繼承與覆蓋
3.7 優(yōu)先權(quán)的計(jì)算
第四章 用XHTML和CSS來(lái)“擺”網(wǎng)頁(yè)
4.1 開始你的第一個(gè)頁(yè)面
4.2 文字的表現(xiàn)
4.2.1 字體的外型
4.2.2 顏色的定義
4.2.3 背景的定義
4.3 最簡(jiǎn)單的布局
4.3.1 Margin 與 Padding
4.3.2 單列固定寬度居中
4.3.3 單列自適應(yīng)寬度
4.3.4 奇怪的高度
4.3.5 邊框的定義
4.4 郁悶的盒模型
4.5 文字旁邊的圖片
4.5.1 baseline
4.5.2 垂直對(duì)齊
4.5.3 圖片的浮動(dòng)
4.6 列表的應(yīng)用
4.6.1 定義列表的外觀
4.6.2 導(dǎo)航菜單的應(yīng)用
4.6.3 列表的常見應(yīng)用
4.7 表格
4.7.1 表格的控制
4.7.2 為不同瀏覽器使用不同的選擇符
4.7.3 偽表格——看起來(lái)像，其實(shí)卻不是表格
4.8 表單
4.8.1 樣式表單
4.8.2 表單元素的細(xì)節(jié)
4.8.3 注冊(cè)表單
第五章 布局之道
5.1 固定的左右分欄
5.1.1 經(jīng)典的三行兩列固定寬度的布局
5.1.2 兩列等高——背景偽造篇（一）
5.1.3 自由與未來(lái)
5.2 自適應(yīng)的左右分欄
5.2.1 經(jīng)典的三行兩列自適應(yīng)寬度的布局
5.2.2 兩列等高——背景偽造篇（二）
5.2.3 百分比的細(xì)節(jié)
5.2.4 clear:right與overflow
5.3 一欄固定寬度，一欄自適應(yīng)寬度
5.3.1 單欄浮動(dòng)
5.3.2 浮動(dòng)的負(fù)值可以讓主要的內(nèi)容優(yōu)先顯示
5.3.3 Min & Max
5.4 多欄布局
5.4.1 三欄固定寬度和自適應(yīng)的布局
5.4.2 混合固定寬度和自適應(yīng)寬度的多欄布局
5.4.3 流出固定寬度的兩欄在自適應(yīng)寬度的中欄后面
5.4.4 偏移出來(lái)固定寬度的兩欄在自適應(yīng)寬度的中欄后面
5.5 組合之路
第六章 不要害怕各式各樣的瀏覽器
6.1 瀏覽器的市場(chǎng)
6.1.1 古老的IE5.x
6.1.2 討厭的IE6
6.1.3 里程碑——IE7
6.1.4 新一代的IE4
6.1.5 開發(fā)利刃——Firefox
6.1.6 華麗的Oprea
6.1.7 異軍——Safari
6.2 兼容之道
6.2.1 條件注釋
6.2.2 過(guò)濾瀏覽器
6.2.3 破壞屬性
6.2.4 Hack之道
6.3 兼容問(wèn)題
6.3.1 一切從浮動(dòng)開始
6.3.2 Layout初體驗(yàn)
6.3.3 閉合浮動(dòng)元素
6.3.4 IE受不了浮動(dòng)
6.3.5 IE的其他問(wèn)題 8
6.3.6 Layout全接觸
6.3.7 塊級(jí)格式化范圍（block formatting context）
6.3.8 其他瀏覽器的問(wèn)題
第七章 CSS常用技巧
7.1 滑動(dòng)門技術(shù)
7.1.1 滑動(dòng)門的原理
7.1.2 當(dāng)只有文字被放大時(shí)
7.1.3 一張圖片當(dāng)N個(gè)門使用
7.1.4 一些可能會(huì)被忽略的問(wèn)題
7.1.5 其他的一些應(yīng)用
7.2 圓角
7.3 圖片的細(xì)節(jié)
7.3.1 載入中的圖片
7.3.2 加載不了的圖片
7.3.3 縮放的圖片
7.3.4 偽類縮放的圖片
7.4 被放大的文字
7.5 當(dāng)前標(biāo)識(shí)
7.5.1 視覺標(biāo)識(shí)
7.5.2 面包屑（Breadcrumbs）
7.5.3 操作步驟
7.6 居中元素
7.6.1 垂直居中多行文字
7.6.2 未知大小圖片在已知大小容器中垂直和水平居中
7.6.3 相對(duì)頁(yè)面垂直和水平居中已知大小的容器
7.7 隱藏的Tips會(huì)出現(xiàn)
7.7.1 實(shí)現(xiàn)原理
7.7.2 圖片信息
第八章 文字的藝術(shù)
8.1 中文的特殊性
8.2 縮放機(jī)制
8.2.1 縮放的文字
8.2.2 縮放的盒子
8.3 行高與基線
8.3.1 行高的細(xì)節(jié)
8.3.2 基線
8.3.3 文本空間
8.4 input里的文字
8.5 鏈接的范圍
8.5.1 額外的點(diǎn)擊空間
8.5.2 缺少的點(diǎn)擊空間
8.6 不間斷的文字
8.7 省略掉的文字
8.8 字體的介紹
8.8.1 中文字體
8.8.2 英文字體
8.9 語(yǔ)言會(huì)影響到字體
第九章 細(xì)品命名與微格式
9.1 命名規(guī)則
9.2 命名原則
9.3 不再陌生的 Microformats
9.3.1 認(rèn)識(shí)微格式
9.3.2 從微格式中提煉知識(shí)
9.4 ID與CLASS選擇誰(shuí)
9.5 自定義標(biāo)簽
9.6 命名的重要性
第十章 換個(gè)思維來(lái)設(shè)計(jì)
10.1 消失了文字，看到了彩虹
10.2 用div代替html/ body
10.3 縮放的布局
10.4 網(wǎng)頁(yè)是可以用疊的
10.5 百分比加減固定數(shù)值
10.6 兩列等高——margin負(fù)值篇
10.7 類display:inline-block的應(yīng)用
第十一章 隱藏在瀏覽器背后的CSS
11.1 (X)HTML與CSS校驗(yàn)的意義
11.2 IE背后的善良
11.3 火狐貍的尾巴帶著CSS3的味道
11.4 其他瀏覽器的兼容方案
第十二章 JavaScript讓W(xué)eb動(dòng)起來(lái)
12.1 概念
12.2 編程基礎(chǔ)
12.3 DOM無(wú)處不在
12.4 事件處理
12.5 只要改變className就可以改變很多——下拉菜單的練習(xí)
12.6 表單的輔助
12.7 class特效
第十三章 親 和 力
13.1 概念
13.2 Web內(nèi)容可訪問(wèn)性指南
13.3 技術(shù)層上的一些親和力
第十四章 XML的無(wú)限變化
14.1 XML的作用
14.2 XPath與XSLT
14.3 華麗的RSS
14.4 XML的周邊與命運(yùn)
第十五章 簡(jiǎn)單的實(shí)戰(zhàn)
15.1 創(chuàng)建開源社區(qū)系統(tǒng)OpenLab的首頁(yè)
15.2 Ao.A相冊(cè)
15.4 給自己做點(diǎn)什么
第十六章 最后的建議
16.1 思維的樂(lè)趣
16.2 減少重復(fù)開發(fā)的選擇
16.3 讓維護(hù)方便點(diǎn)
16.4 以后自學(xué)的方向
附錄
在當(dāng)當(dāng)網(wǎng)購(gòu)買此書
在卓越網(wǎng)購(gòu)買此書
本文鏈接：http://m.95time.cn/news/book/2008/6350.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
|
