網(wǎng)站重構(gòu)：應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計目錄

時間：2023-02-18 07:48:02 | 來源：營銷百科

時間：2023-02-18 07:48:02 來源：營銷百科

網(wǎng)站重構(gòu)：應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計目錄：《網(wǎng)站重構(gòu):應(yīng)用web標(biāo)準(zhǔn)進(jìn)行設(shè)計》

n第1部分

n第0章 在開始閱讀之前 2

n0.1 終止不斷'改版-淘汰'的怪圈 3

n0.2 不要死讀書 4

n漸進(jìn)的標(biāo)準(zhǔn)，而不是一套不變的硬性規(guī)定 4

n0.3 一些重要的定義 5

n0.4 一種方法不能解決所有問題 6

n0.5 歡迎優(yōu)勝團隊 7

n第1章 99.9%的網(wǎng)站已經(jīng)過時了 10

n1.1 現(xiàn)代瀏覽器和web標(biāo)準(zhǔn) 11

n1.2 新版本新代碼 12

n1.3 多版本問題 13

n1.4 垃圾代碼來了 15

n錯誤標(biāo)記：最初，個人環(huán)境是無約束的 15

n1.5 代碼分支可能影響你網(wǎng)站的長期健康 17

n1.6 臃腫標(biāo)記的隱藏成本 20

n1.7 向前兼容（backward-compatibility）是一個謊言 22

n屏蔽用戶不利于業(yè)務(wù)發(fā)展 23

n1.8 治療 26

n.第2章 根據(jù)標(biāo)準(zhǔn)設(shè)計和建造 28

n2.1 歷經(jīng)磨難 30

n2.2 無標(biāo)準(zhǔn)時代的設(shè)計成本 31

n2.3 時髦的站點，古老的方法 32

n2.4 web標(biāo)準(zhǔn)三劍客 38

n2.4.1 結(jié)構(gòu) 39

n2.4.2 表現(xiàn) 41

n2.4.3 行為 41

n2.5 實際應(yīng)用 42

n2.6 web標(biāo)準(zhǔn)組織：可移植性 44

n一個文檔服務(wù)所有需求 44

n2.7 'a list apart'：一個頁面，多種顯示方式 47

n2.7.1 屏幕以外的設(shè)計 48

n2.7.2 節(jié)約時間和成本，增加擴展性 50

n2.8 我們?nèi)ハ蚝畏?50

n第3章 溫和勸導(dǎo) 54

n第4章 web標(biāo)準(zhǔn)的未來 60

n4.1 可發(fā)現(xiàn)性、聚合、博客、播客、長尾、ajax

n4.1 （以及其他使標(biāo)準(zhǔn)成功的理由） 60

n4.1.1 通用語言xml 61

n4.1.2 發(fā)明的源泉 66

n4.1.3 標(biāo)準(zhǔn)的未來 76

n4.2 html5的誕生 77

n4.2.1 ie瀏覽器和web標(biāo)準(zhǔn) 80

n4.2.2 創(chuàng)作和出版工具 80

n第2部分

n第5章 現(xiàn)代標(biāo)記語言 84

n5.1 垃圾代碼標(biāo)記的可恥秘密 90

n5.1.1 重新闡述了什么 93

n5.1.2 執(zhí)行概要 94

n5.1.3 xhtml 2為你我而生 95

n5.2 5個堅持用html的原因 96

n5.3 5個使用xhtml 1的原因 97

n5.4 不使用xhtml 1的原因 97

n第6章 xhtml和語義標(biāo)記 98

n6.1 轉(zhuǎn)換到xhtml：規(guī)則簡單，容易上手 99

n6.1.1 用正確的文檔類型（doctype）和命名空間（namespace） 99

n6.1.2 哪一種doctype適合你 100

n6.1.3 嚴(yán)格與過渡：我們這個時代的大戰(zhàn)役 101

n6.1.4 緊隨doctype之后的是namespace 103

n6.1.5 聲明你的字符集 104

n6.1.6 用小寫字母書寫所有的標(biāo)簽 106

n6.1.7 給所有屬性值加引號 108

n6.1.8 所有屬性都需要值 109

n6.1.9 關(guān)閉所有的標(biāo)簽 110

n6.1.10 不要在注釋內(nèi)容中使用'—' 111

n6.1.11 將所有的[和符號編碼 111

n6.1.12 執(zhí)行概要：xhtml的規(guī)則 112

n6.1.13 字符編碼：無趣，很無趣，真的很無趣 112

n6.2 結(jié)構(gòu)健康——對我有益 114

n6.2.1 用理性代替樣式來標(biāo)記你的文檔 114

n6.2.2 視覺元素和結(jié)構(gòu) 120

n第7章 html5：新的希望 121

n7.1 html5和web應(yīng)用程序：風(fēng)險很大 121

n7.2 html5和xhtml 123

n該死的命名法 124

n7.3 html5元素大檢閱 125

n7.3.1 頁面結(jié)構(gòu)的語義化 126

n7.3.2 html5：只是個規(guī)范 130

n7.3.3 學(xué)習(xí)更多 132

n第8章 更嚴(yán)格穩(wěn)健的頁面保證：結(jié)構(gòu)和語義 134

n8.1 div、id及其他 135

n8.1.1 為什么叫div 135

n8.1.2 id與class 137

n8.2 讓你的內(nèi)容容易找到，容易使用 139

n8.2.1 語義化標(biāo)記和可重用性 140

n8.2.2 現(xiàn)代標(biāo)記的常見錯誤 142

n8.2.3 divs剛剛好 145

n8.2.4 熱愛id 146

n8.2.5 清除（或最小化）內(nèi)嵌css和腳本 146

n8.2.6 暫停并回顧 147

n第9章 css入門 148

n9.1 css概述 148

n9.2 css的優(yōu)點 149

n9.3 樣式解析 150

n9.3.1 選擇器、聲明、屬性和值 150

n9.3.2 可選值和默認(rèn)值 152

n9.3.3 繼承和它的不足之處 154

n9.3.4 派生選擇器 155

n9.3.5 class選擇器 158

n9.3.6 外聯(lián)、嵌入、內(nèi)聯(lián)樣式 160

n9.4 '最合適方案'的設(shè)計方法 164

n第10章 css布局：標(biāo)記、盒模型和浮動 166

n10.1 頁面流之道 166

n10.2 盒模型 167

n盒模型是如何工作的 168

n10.3 實用布局101 171

n10.3.1 從基礎(chǔ)開始 172

n10.3.2 使用class 175

n10.4 重新進(jìn)行布局 179

n10.4.1 內(nèi)容清單，終極版 181

n10.4.2 應(yīng)用樣式 184

n10.4.3 再次運用浮動 187

n10.4.4 處理細(xì)節(jié) 189

n10.5 小結(jié)一下 192

n第11章 深入瀏覽器之一：doctype 切換和標(biāo)準(zhǔn)模式 193

n11.1 doctype切換的傳奇故事 193

n11.1.1 用來切換標(biāo)準(zhǔn)的開關(guān) 194

n11.1.2 切換開關(guān)浮出水面 195

n11.2 doctype切換基礎(chǔ) 195

n11.2.1 切換有多準(zhǔn)確 196

n11.2.2 web標(biāo)準(zhǔn)和ie8 196

n11.2.3 web標(biāo)準(zhǔn)和gecko 198

n11.2.4 完整的和不完整的doctype 199

n11.2.5 完整的xhtml doctype列表 200

n11.2.6 保持簡單 202

n第12章 深入瀏覽器之二：bug、變通辦法和css3帶來的一線希望 203

n12.1 細(xì)述css的bug 204

n12.1.1 浮動元素的雙倍邊距bug 209

n12.1.2 png圖片的透明背景問題 211

n12.1.3 前進(jìn)之路 211

n12.1.4 發(fā)現(xiàn)問題僅僅是戰(zhàn)斗的一半 212

n12.2 css3：新的熱點 220

n12.2.1 關(guān)于alpha通道 221

n12.2.2 突破四四方方的樣子 224

n12.2.3 讓編碼器注意 225

n12.3.4 重新思考'支持' 227

n12.3 flash和quicktime：期望的對象 230

n12.3.1 可嵌入的對象：一個傲慢與復(fù)仇的故事 230

n12.3.2 w3c的雙重報復(fù) 231

n12.3.3 折中方法：在支持標(biāo)準(zhǔn)的同時嵌入多媒體 231

n12.3.4 美中不足：對象失效 232

n12.3.5 使用一點javascript 233

n12.4 一個枯燥的變通辦法世界 233

n第13章 深入瀏覽器之三：文字版式 235

n13.1 關(guān)于文字版式 236

n13.2 web字體的a-b-c 239

n13.2.1 web字體的簡短歷史 241

n13.2.2 最終的標(biāo)準(zhǔn)尺寸 243

n13.2.3 手臂和像素 244

n13.2.4 無聲無息地被遺忘 246

n13.3 字體尺寸的冒險之旅 247

n13.3.1 頁面縮放功能：使像素更安全 249

n13.3.2 使用em值來設(shè)定尺寸：歡笑和眼淚 252

n13.3.3 使用字體尺寸關(guān)鍵詞的方法 253

n13.4 我想要我的'franklin gothic'字體 254

n13.4.1 css@font-face：在web上使用現(xiàn)實的字體 255

n13.4.2 sifr——可訪問的替代類型 257

n13.4.3 cufón——'使用你想用的字體' 258

n13.4.4 typekit和它的兄弟們 259

n第14章 可訪問性：web標(biāo)準(zhǔn)的靈魂 262

n14.1 建立可訪問性網(wǎng)站的五個技巧 263

n14.1.1 開始 263

n14.1.2 使用有邏輯的頁面結(jié)構(gòu) 263

n14.1.3 提供鍵盤訪問的方法 263

n14.1.4 提供可選方案 264

n14.1.5 挑選一種標(biāo)準(zhǔn)，然后堅持下去 264

n14.2 有關(guān)訪問性的書籍 265

n14.3 普遍的質(zhì)疑 267

n14.3.1 '盲人億萬富翁' 267

n14.3.2 可訪問性不只是視力受損用戶的問題 268

n14.3.3 508條款的解釋 269

n14.4 糾正關(guān)于可訪問性的錯誤觀點 270

n14.5 關(guān)于可訪問性的小技巧，一個一個元素地介紹 274

n14.5.1 圖片 274

n14.5.2 專業(yè)工具 282

n14.5.3 保持有效的tab鍵：我們的好朋友，tabindex屬性 283

n14.5.4 為可訪問性做計劃：你將受益良多 283

n第15章 使用基于dom的腳本語言 285

n15.1 關(guān)于dom的書 285

n15.2 dom是什么 287

n15.2.1 使網(wǎng)頁變得像應(yīng)用程序的標(biāo)準(zhǔn)化方法 288

n15.2.2 那么，它在哪里運行呢 290

n15.3 合理使用dom 291

n15.3.1 它是如何工作的 291

n15.3.2 檢查是否支持 296

n15.3.3 不同的代碼書寫方式 297

n15.3.4 樣式切換器：有助于增強可訪問性，提供更多的選擇 298

n15.4 學(xué)會使用你喜愛的（javascript）開發(fā)庫 300

n15.5 你應(yīng)該如何使用dom呢 303

n第16章 一個網(wǎng)站重構(gòu)的實例 304

n16.1 來自過去的靈感 307

n16.2 根據(jù)內(nèi)容的設(shè)計 310

n16.2.1 留白 311

n16.2.2 字體、介紹和首字母下沉 313

n16.2.3 基本模式 318

n16.2.4 頁腳的創(chuàng)新 318

n16.2.5 刊頭設(shè)計 324

n第17章簡單的標(biāo)準(zhǔn)，迷人的界面 327

n17.1 檢視內(nèi)容 328

n從內(nèi)容檢視到實現(xiàn)策略 333

n17.2 再次深入標(biāo)記 336

n17.3 開始應(yīng)用樣式表 339

n有了方法，其他就簡單了 343

n17.4 使用dom 346

n17.4.1 結(jié)識'colgroup' 346

n17.4.2 使用jquery 348

n17.5 標(biāo)準(zhǔn)貫穿始終 353