漸進(jìn)增強的Web設(shè)計

定　價：￥69.00

作　者：	（美）帕克等著，?；?譯
出版社：	人民郵電出版社
叢編項：
標(biāo)　簽：	程序設(shè)計計算機/網(wǎng)絡(luò)

購買這本書可以去

ISBN：	9787115338396	出版時間：	2014-01-01	包裝：	平裝
開本：	大16開	頁數(shù)：	306	字?jǐn)?shù)：

內(nèi)容簡介

　　隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展壯大，網(wǎng)絡(luò)覆蓋率和可聯(lián)網(wǎng)設(shè)備不斷增加，用戶對可訪問性的需求也與日俱增。《漸進(jìn)增強的Web設(shè)計》是一本網(wǎng)頁設(shè)計與開發(fā)方面的實用指南，介紹了一種漸進(jìn)增強的編程方法，利用JavaScript、高級CSS和Ajax制作能實現(xiàn)高度交互體驗的網(wǎng)站，同時還確保代碼庫無需修改就能到處運行。這個法則簡單地說就是建議所有的網(wǎng)站內(nèi)容和功能都以語義化的HTML為基礎(chǔ)，讓任何具備網(wǎng)絡(luò)功能的設(shè)備都可以使用，然后再在上面無縫疊加基于高級CSS和JavaScript的增強功能?！稘u進(jìn)增強的Web設(shè)計》適合網(wǎng)站設(shè)計和開發(fā)人員閱讀。

作者簡介

　　Todd Parker Filament集團(tuán)創(chuàng)始人，具有12年以上創(chuàng)建高度實用、可訪問和直觀界面的經(jīng)驗。Todd曾在Zefer公司和CSC顧問公司擔(dān)任首席體驗設(shè)計師。Communication Arts雜志對Todd卓越的設(shè)計工作給予了充分肯定。Patty Toland Filament集團(tuán)聯(lián)合創(chuàng)始人，具有20多年的企業(yè)和機構(gòu)客戶咨詢經(jīng)驗。Patty的專長是制定穩(wěn)健的信息和傳播策略，包括品牌推廣、成分分析、信息架構(gòu)和系統(tǒng)設(shè)計，以及文字創(chuàng)作。Patty曾供職于Zefer公司、Kohn Cruikshank公司和哈佛商學(xué)院。Scott Jehl 設(shè)計和開發(fā)技藝俱佳。加入Filament集團(tuán)之前，Scott曾為《新英格蘭醫(yī)學(xué)期刊》、Footjoy Golf和阿斯彭/斯諾馬斯度假村等客戶提供過服務(wù)。他還運營著在線網(wǎng)站地圖工具WriteMaps.com。此外，他還是jQuery設(shè)計團(tuán)隊成員。Maggie Costello Wachs Filament集團(tuán)的編程和產(chǎn)品負(fù)責(zé)人。Maggie在前端編程領(lǐng)域有著高超的專業(yè)水準(zhǔn)，特別致力于編寫兼容標(biāo)準(zhǔn)的標(biāo)記、CSS和腳本，以實現(xiàn)與漸進(jìn)增強的最佳搭配。加盟Filament集團(tuán)之前，Maggie曾供職于Monitor集團(tuán)和Zefer公司。

圖書目錄

第一部分測試驅(qū)動的漸進(jìn)增強方法
第1章我們的方法
1.1 測試瀏覽器能力
1.2 規(guī)劃漸進(jìn)增強：X光透視
1.3 從X光到實踐：漸進(jìn)增強開發(fā)的構(gòu)成
1.4 理論結(jié)合實踐
第2章漸進(jìn)增強實踐：X光透視
2.1 X光透視概述
2.1.1 定義內(nèi)容層級并將組件映射到HTML
2.1.2 編寫基礎(chǔ)標(biāo)記和盡可能少的安全樣式
2.1.3 應(yīng)用標(biāo)記、樣式和腳本增強
2.2 案例1：規(guī)劃新聞網(wǎng)站的結(jié)構(gòu)和組織方式
2.2.1 評估內(nèi)容組織和命名方式
2.2.2 借助原生HTML層級功能實現(xiàn)內(nèi)容組織
2.2.3 構(gòu)建導(dǎo)航
2.2.4 處理分層和動畫內(nèi)容
2.2.5 支持動態(tài)過濾和排序
2.3 案例2：結(jié)賬表單中的工作流、驗證和數(shù)據(jù)提交
2.3.1 解構(gòu)結(jié)賬表單設(shè)計
2.3.2 標(biāo)記表單以確?？稍L問性
2.3.3 添加限制與驗證
2.3.4 組合基本和增強體驗
2.4 案例3：預(yù)算計算器里的交互數(shù)據(jù)可視化
2.4.1 選擇預(yù)算線組件的基本標(biāo)記
2.4.2 從基礎(chǔ)標(biāo)記開始創(chuàng)建可訪問的滑塊
2.4.3 制作餅圖
2.5 案例4：支持功能完備瀏覽器應(yīng)用程序的各種功能——照片管理器
2.5.1 制作全局導(dǎo)航元素的標(biāo)記
2.5.2 支持專輯和多張照片的復(fù)雜交互
2.5.3 創(chuàng)建自定義表單和疊加
2.5.4 創(chuàng)建返回按鈕支持
2.6 在實踐中運用X光的核對清單
第3章編寫有意義的標(biāo)記
3.1 標(biāo)記文本和圖像
3.1.1 用于標(biāo)記有意義文本的元素
3.1.2 列表
3.1.3 表格式數(shù)據(jù)
3.1.4 圖像
3.1.5 嵌入式富媒體
3.1.6 嵌入外部網(wǎng)頁內(nèi)容
3.2 標(biāo)記交互內(nèi)容
3.2.1 錨鏈接
3.2.2 表單結(jié)構(gòu)
3.2.3 表單控件
3.3 創(chuàng)建頁面環(huán)境
3.3.1 了解何時該用塊級元素或內(nèi)聯(lián)元素
3.3.2 用ID和類標(biāo)識元素
3.3.3 用WAI-ARIA路標(biāo)角色標(biāo)識頁面主要版塊
3.3.4 保持源代碼順序清晰易讀
3.3.5 使用title屬性
3.4 建立一張HTML文檔
3.4.1 DOCTYPE
3.4.2 文檔頭
3.5 加入可訪問性
3.5.1 可訪問性指導(dǎo)原則和法律標(biāo)準(zhǔn)
3.5.2 Web內(nèi)容可訪問性指南
第4章有效應(yīng)用樣式
4.1 將樣式應(yīng)用到網(wǎng)頁
4.1.1 將樣式保存在外部樣式表里
4.1.2 鏈接到外部樣式表
4.1.3 使用有意義的命名慣例
4.2 為基本和增強體驗添加樣式
4.2.1 基本體驗里的安全樣式
4.2.2 為增強體驗添加樣式
4.3 可訪問性的考慮要點
4.4 應(yīng)對bug和瀏覽器差異
4.4.1 條件注釋
4.4.2 常見問題和變通方法
第5章編寫增強和交互腳本
5.1 如何正確引用JavaScript
5.1.1 避免內(nèi)聯(lián)JavaScript
5.1.2 引用外部JavaScript
5.2 理解JavaScript在基本體驗里的位置
5.3 腳本增強的最佳實踐
5.3.1 在內(nèi)容就緒時運行腳本
5.3.2 給標(biāo)記應(yīng)用行為
5.3.3 用JavaScript構(gòu)建增強標(biāo)記
5.3.4 管理內(nèi)容可見性
5.3.5 應(yīng)用樣式增強
5.4 保持和增強可用性與可訪問性
5.4.1 實現(xiàn)鍵盤訪問
5.4.2 指派WAI-ARIA屬性
5.4.3 測試可訪問性
5.4.4 維持狀態(tài)和“后退”按鈕
第6章測試瀏覽器能力
6.1 EnhanceJS：一套能力測試框架
6.2 通過EnhanceJS應(yīng)用增強
6.3 配置EnhanceJS
6.3.1 載入額外的樣式表
6.3.2 載入額外的腳本
6.3.3 自定義體驗切換鏈接
6.3.4 強制通過或不通過EnhanceJS測試
6.4 擴展EnhanceJS測試套件
6.4.1 用EnhanceJS選項修改測試套件
6.4.2 創(chuàng)建EnhanceJS的新實例或多個實例
6.4.3 為調(diào)試開啟能力測試警告
6.5 在服務(wù)器上優(yōu)化EnhanceJS
第二部分漸進(jìn)增強實戰(zhàn)
第7章用漸進(jìn)增強方法構(gòu)建組件
7.1 組件是如何編寫的
7.2 在組件各章里導(dǎo)航
7.3 可下載的范例代碼
第8章可折疊內(nèi)容
8.1 X光透視
8.2 創(chuàng)建可訪問的可折疊內(nèi)容
8.2.1 基礎(chǔ)標(biāo)記和樣式
8.2.2 增強標(biāo)記和樣式
8.2.3 實現(xiàn)可折疊的增強腳本
8.3 使用可折疊腳本
第9章標(biāo)簽頁
9.1 X光透視
9.2 創(chuàng)建標(biāo)簽頁
9.2.1 基礎(chǔ)標(biāo)記和樣式
9.2.2 增強標(biāo)記和樣式
9.2.3 標(biāo)簽頁腳本
9.3 讓標(biāo)簽頁更進(jìn)一步
9.3.1 書簽和歷史（后退按鈕）追蹤
9.3.2 自動輪換的標(biāo)簽頁
9.3.3 引用外部標(biāo)簽內(nèi)容
9.3.4 將標(biāo)簽頁顯示為手風(fēng)琴組件
9.4 使用標(biāo)簽頁腳本
第10章工具提示
10.1 X光透視
10.2 用title內(nèi)容創(chuàng)建工具提示
10.2.1 基礎(chǔ)標(biāo)記和樣式
10.2.2 增強標(biāo)記和樣式
10.2.3 工具提示增強腳本
10.3 用錨鏈接創(chuàng)建工具提示
10.4 用外部來源創(chuàng)建工具提示
10.5 使用工具提示腳本
第11章樹形控件
11.1 X光透視
11.2 創(chuàng)建樹形控件
11.2.1 基礎(chǔ)標(biāo)記和樣式
11.2.2 增強標(biāo)記和樣式
11.2.3 樹形控件增強腳本
11.3 使用樹形控件腳本
第12章 HTML5 canvas圖表
12.1 X光透視
12.2 基礎(chǔ)標(biāo)記
12.3 創(chuàng)建可訪問的圖表
12.3.1 解析表格數(shù)據(jù)
12.3.2 用canvas實現(xiàn)數(shù)據(jù)可視化
12.3.3 添加表格增強樣式
12.3.4 保持?jǐn)?shù)據(jù)的可訪問性
12.4 讓canvas圖表更進(jìn)一步：visualize.js插件
第13章對話框和疊加層
13.1 X光透視
13.2 創(chuàng)建對話框
13.2.1 基礎(chǔ)標(biāo)記和樣式
13.2.2 增強標(biāo)記和樣式
13.2.3 對話框增強腳本
13.3 讓對話框更進(jìn)一步
13.4 使用對話框腳本
第14章按鈕
14.1 X光透視
14.2 給基于input的按鈕添加樣式
14.2.1 基礎(chǔ)標(biāo)記和樣式
14.2.2 增強標(biāo)記和樣式
14.2.3 懸停狀態(tài)增強腳本
14.3 創(chuàng)建帶有復(fù)雜視覺格式的按鈕
14.3.1 基礎(chǔ)標(biāo)記和樣式
14.3.2 增強標(biāo)記和樣式
14.3.3 input轉(zhuǎn)button增強腳本
14.4 使用input轉(zhuǎn)button腳本
14.5 讓按鈕更進(jìn)一步
第15章復(fù)選框、單選按鈕和星級評分
15.1 X光透視
15.2 創(chuàng)建自定義復(fù)選框
15.2.1 基礎(chǔ)標(biāo)記
15.2.2 增強標(biāo)記和樣式
15.2.3 復(fù)選框腳本
15.3 創(chuàng)建自定義單選按鈕
15.3.1 基礎(chǔ)標(biāo)記
15.3.2 增強標(biāo)記和樣式
15.3.3 單選按鈕腳本
15.4 讓自定義input更進(jìn)一步：星級評分組件
15.4.1 基礎(chǔ)標(biāo)記
15.4.2 增強標(biāo)記和樣式
15.4.3 編寫星級評分組件腳本
15.5 使用自定義input和星級評分腳本
第16章滑塊
16.1 X光透視
16.2 創(chuàng)建滑塊
16.2.1 基礎(chǔ)標(biāo)記和樣式
16.2.2 增強標(biāo)記和樣式
16.2.3 滑塊腳本
16.3 使用滑塊腳本
第17章下拉菜單
17.1 X光透視
17.2 創(chuàng)建可訪問的自定義下拉菜單
17.2.1 基礎(chǔ)標(biāo)記和樣式
17.2.2 增強標(biāo)記和樣式
17.2.3 自定義下拉菜單增強腳本
17.3 讓自定義下拉菜單更進(jìn)一步：給選項添加高級樣式
17.4 使用自定義下拉菜單腳本
第18章列表生成器
18.1 X光透視
18.2 創(chuàng)建列表生成器
18.2.1 基礎(chǔ)標(biāo)記和樣式
18.2.2 增強標(biāo)記和樣式
18.2.3 列表生成器腳本
18.3 讓列表生成器更進(jìn)一步：多項選擇、排序、自動完成和上下文菜單
18.3.1 多項選擇
18.3.2 拖放排序
18.3.3 自動完成
18.3.4 上下文菜單
18.4 使用列表生成器腳本
第19章文件輸入控件
19.1 X光透視
19.2 創(chuàng)建自定義的文件輸入控件
19.2.1 基礎(chǔ)標(biāo)記和樣式
19.2.2 增強標(biāo)記和樣式
19.2.3 自定義文件輸入控件的腳本
19.3 使用自定義文件輸入控件腳本
放眼未來