Web標(biāo)準(zhǔn)設(shè)計

內(nèi)容概要

本書針對Web開發(fā)人員講解Web標(biāo)準(zhǔn)。開始部分解釋了Web標(biāo)準(zhǔn)的一些概念跟誤會，之后詳細(xì)介紹了構(gòu)成Web標(biāo)準(zhǔn)的各個組成部分，著重介紹了XHTML和CSS的應(yīng)用，同時還討論了JavaScript、XML、XSLT的應(yīng)用，此外還介紹了中文的特殊表現(xiàn)、命名的應(yīng)用以及Web標(biāo)準(zhǔn)中最常給人忽視的無障礙網(wǎng)頁倡議（WAI）?！　』谏鲜龅挠懻摚緯詫嵗男问浇榻B了這些內(nèi)容的組合應(yīng)用，以及一些常見和不常見的技術(shù)?！　‰m然本書講述的內(nèi)容是Web標(biāo)準(zhǔn)，但由于頁數(shù)有限，本書無法讓你精通Web標(biāo)準(zhǔn)所有的知識點，我選擇的重點是XHTML+CSS，其他的方面只能說讓你達(dá)到了解、掌握基礎(chǔ)的地步。

作者簡介

劉杰，99年接觸網(wǎng)頁制作，04年接觸Web標(biāo)準(zhǔn)，是國內(nèi)Web標(biāo)準(zhǔn)的先行人士。曾擔(dān)任過網(wǎng)頁設(shè)計師、前端開發(fā)工程師、交互設(shè)計師、產(chǎn)品設(shè)計師等職位，現(xiàn)任百度電子商務(wù)事業(yè)部前端設(shè)計師。多年來致力于Web標(biāo)準(zhǔn)的應(yīng)用與推廣，曾在國內(nèi)最大的網(wǎng)站設(shè)計與開發(fā)技術(shù)論壇——經(jīng)典論壇（bbs.blueidea.com）擔(dān)任Web標(biāo)準(zhǔn)化專欄的版主，現(xiàn)在國內(nèi)極具影響力的JavaScript專業(yè)論壇——無憂腳本論壇（bbs.51js.com）擔(dān)任超級版主。

書籍目錄

第一章 Web標(biāo)準(zhǔn)不是神話　1.1 理解Web標(biāo)準(zhǔn) 　　1.1.1 Web標(biāo)準(zhǔn)是什么 　　1.1.2 錯誤的思維 　　1.1.3 無障礙網(wǎng)頁倡議（WAI） 　1.2 量化Web標(biāo)準(zhǔn) 　　1.2.1 大部分通過W3C校驗的網(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í)的重點與難點 　1.6 欲善其事，先利其器 　　1.6.1 軟件的選擇 　　1.6.2 調(diào)試環(huán)境 第二章 XHTML——瀏覽器上的新大陸　2.1 一切從語義開始 　2.2 網(wǎng)頁的構(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多出一個X 　　2.4.1 還多了什么 　　2.4.2 誰影響了網(wǎng)頁的樣子 　　2.4.3 堅持Strict Markup 　　2.4.4 語義化 　2.5 按語義來分類 　2.6 塊元素與內(nèi)聯(lián)元素 　2.7 div不是神 　　2.7.1 合理應(yīng)用 　　2.7.2 div與span的差別 第三章 CSS——網(wǎng)頁美容師　3.1 語法結(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 子對象選擇符 　　3.2.5 相鄰選擇符 　　3.2.6 屬性選擇符 　　3.2.7 ID選擇符 　　3.2.8 選擇符分組 　3.3 偽元素與偽類 　　3.3.1 偽類 　　3.3.2 偽對象 　3.4 常用單位 　　3.4.1 長度單位 　　3.4.2 顏色單位 　3.5 應(yīng)用 CSS 在網(wǎng)頁上 　　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)的計算 第四章 用XHTML和CSS來“擺”網(wǎng)頁　4.1 開始你的第一個頁面 　4.2 文字的表現(xiàn) 　　4.2.1 字體的外型 　　4.2.2 顏色的定義 　　4.2.3 背景的定義 　4.3 最簡單的布局 　　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 垂直對齊 　　4.5.3 圖片的浮動 　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 偽表格——看起來像，其實卻不是表格 　4.8 表單 　　4.8.1 樣式表單 　　4.8.2 表單元素的細(xì)節(jié) 　　4.8.3 注冊表單 第五章 布局之道　5.1 固定的左右分欄 　　5.1.1 經(jīng)典的三行兩列固定寬度的布局 　　5.1.2 兩列等高——背景偽造篇（一） 　　5.1.3 自由與未來 　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 單欄浮動 　　5.3.2 浮動的負(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 偏移出來固定寬度的兩欄在自適應(yīng)寬度的中欄后面 　5.5 組合之路 第六章 不要害怕各式各樣的瀏覽器　6.1 瀏覽器的市場 　　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 過濾瀏覽器 　　6.2.3 破壞屬性 　　6.2.4 Hack之道 　6.3 兼容問題 　　6.3.1 一切從浮動開始 　　6.3.2 Layout初體驗 　　6.3.3 閉合浮動元素 　　6.3.4 IE受不了浮動 　　6.3.5 IE的其他問題 8　　6.3.6 Layout全接觸 　　6.3.7 塊級格式化范圍（block formatting context） 　　6.3.8 其他瀏覽器的問題 第七章 CSS常用技巧　7.1 滑動門技術(shù) 　　7.1.1 滑動門的原理 　　7.1.2 當(dāng)只有文字被放大時 　　7.1.3 一張圖片當(dāng)N個門使用 　　7.1.4 一些可能會被忽略的問題 　　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)識 　　7.5.1 視覺標(biāo)識 　　7.5.2 面包屑（Breadcrumbs） 　　7.5.3 操作步驟 　7.6 居中元素 　　7.6.1 垂直居中多行文字 　　7.6.2 未知大小圖片在已知大小容器中垂直和水平居中 　　7.6.3 相對頁面垂直和水平居中已知大小的容器 　7.7 隱藏的Tips會出現(xiàn) 　　7.7.1 實現(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 額外的點擊空間 　　8.5.2 缺少的點擊空間 　8.6 不間斷的文字 　8.7 省略掉的文字 　8.8 字體的介紹 　　8.8.1 中文字體 　　8.8.2 英文字體 　8.9 語言會影響到字體 第九章 細(xì)品命名與微格式　9.1 命名規(guī)則 　9.2 命名原則 　9.3 不再陌生的 Microformats 　　9.3.1 認(rèn)識微格式 　　9.3.2 從微格式中提煉知識 　9.4 ID與CLASS選擇誰 　9.5 自定義標(biāo)簽 　9.6 命名的重要性 第十章 換個思維來設(shè)計　10.1 消失了文字，看到了彩虹 　10.2 用div代替html/ body 　10.3 縮放的布局 　10.4 網(wǎng)頁是可以用疊的 　10.5 百分比加減固定數(shù)值 　10.6 兩列等高——margin負(fù)值篇 　10.7 類display:inline-block的應(yīng)用 第十一章 隱藏在瀏覽器背后的CSS　11.1 (X)HTML與CSS校驗的意義 　11.2 IE背后的善良 　11.3 火狐貍的尾巴帶著CSS3的味道 　11.4 其他瀏覽器的兼容方案 第十二章 JavaScript讓W(xué)eb動起來　12.1 概念 　12.2 編程基礎(chǔ) 　12.3 DOM無處不在 　12.4 事件處理 　12.5 只要改變className就可以改變很多——下拉菜單的練習(xí) 　12.6 表單的輔助 　12.7 class特效 第十三章 親 和 力　13.1 概念 　13.2 Web內(nèi)容可訪問性指南 　13.3 技術(shù)層上的一些親和力 第十四章 XML的無限變化　14.1 XML的作用 　14.2 XPath與XSLT 　14.3 華麗的RSS 　14.4 XML的周邊與命運 第十五章 簡單的實戰(zhàn)　15.1 創(chuàng)建開源社區(qū)系統(tǒng)OpenLab的首頁 　15.2 Ao.A相冊 　15.4 給自己做點什么 第十六章 最后的建議　16.1 思維的樂趣 　16.2 減少重復(fù)開發(fā)的選擇 　16.3 讓維護(hù)方便點 　16.4 以后自學(xué)的方向 附錄

章節(jié)摘錄

　　第一章　Web標(biāo)準(zhǔn)不是神話　　一扇經(jīng)常開啟的門的鉸鏈不需要潤滑油。　　一條湍急的河流不會變得污濁?！　o論是聲音還是想法都不可能在真空中傳播。　　Web標(biāo)準(zhǔn)如果不用就會腐朽。　　這世界真奇妙！　　1.1　理解Web標(biāo)準(zhǔn)　　Web標(biāo)準(zhǔn)應(yīng)該是2005～2008年流行的IT話題之一，各大門戶網(wǎng)站、大型商業(yè)網(wǎng)站的重構(gòu)，讓人看到了W曲標(biāo)準(zhǔn)的好處，網(wǎng)頁開發(fā)人員紛紛開始學(xué)習(xí)她?！　∶慨?dāng)一個新事物為人所接受前總會有些誤解，也有人會誤解Web標(biāo)準(zhǔn)：　　DIV+CSS代替了XHTML+CSS，成為Web標(biāo)準(zhǔn)的代言人；　　因為以前濫用表格，所以現(xiàn)在什么都不用表格；　　不知道怎樣正確使用JavaScript，便有了Web標(biāo)準(zhǔn)不能使用JavaScript的謊言；　　AJAx技術(shù)被炒熱，讓網(wǎng)站開發(fā)人員忘記了網(wǎng)頁最基本的需要；　　Web 2.0的風(fēng)暴，帶著Web標(biāo)準(zhǔn)的面具，吞噬著不了解真相的人們?！　eb標(biāo)準(zhǔn)到底是什么呢？讓我們一步一步來了解吧！　　1.1.1　Web標(biāo)準(zhǔn)是什么　　Web標(biāo)準(zhǔn)，英文為Web Standards。Standards是復(fù)數(shù)的，它是一些規(guī)范的集合，是由W3C和其他的標(biāo)準(zhǔn)化組織共同制定的，用它來創(chuàng)建和解釋網(wǎng)頁的基本內(nèi)容。

編輯推薦

　　一扇經(jīng)常開啟的門的鉸鏈不需要潤滑油。一條湍急的河流不會變得污濁。無論是聲音還是想法都不可能在真空中傳播。Web標(biāo)準(zhǔn)如果不用就會腐朽。這世界真奇妙！　　百度前端設(shè)計師 藍(lán)色理想榮譽團(tuán)隊成員。無憂腳本超級版主嗷嗷 耗時兩年大作一扇經(jīng)常開啟的門的鉸鏈不需要潤滑油。一條湍急的河流不會變得污濁。無論是聲音還是想法都不可能在真空中傳播。Web標(biāo)準(zhǔn)如果不用就會腐朽。這世界真奇妙！　　本書的優(yōu)點可以歸納為以下三點：　　一，很有內(nèi)容，技術(shù)含量高，而且都是健康食品。就像你去超市購?fù)晡锔犊顣r，看到排在你前面的那個老奶奶的購物籃里裝滿了菠菜、青椒、大蔥、西紅柿、雞蛋、萵苣、蘑菇、胡蘿卜、菜花、茄子，還有一些你根本就叫不出名字的各類蔬菜，而再低頭看看你的購物籃里都是些酸奶、薯片、巧克力、可樂、冰淇淋、香腸、咸鴨蛋、葡萄干這類東西時，你就會感到人家的購物籃的東西比你的“更有內(nèi)容”，從而感到不太好意思。閱讀這本書時，你就會有這種感覺?！　《苡兴枷?。正如嗷嗷自己說的，這本書的價值常常不在于給你一個解決方法，而是給你講解這個問題的本質(zhì)，并且，面對這樣一個本質(zhì)，我們?nèi)绾伍_動腦筋去解決它。學(xué)會解決問題的過程比解決問題本身更為重要?！　∪?，語言風(fēng)趣，讀之不累。盡管你偶爾可能還是會看到那么一個兩個或者三個前面的缺點部分所提到的問題，但它們畢竟已經(jīng)很少了，基本不影響閱讀了，而且，整本書的語言是風(fēng)趣的，充滿熱情的，進(jìn)取的，幾段讀下來你就會有這樣一個認(rèn)識——這是一個能從無聊中鉆探出快樂的人寫的。只有真正的技術(shù)專家才能帶給你這樣的感覺。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    Web標(biāo)準(zhǔn)設(shè)計 PDF格式下載

---