關(guān)于我們
書單推薦
新書推薦
|
HTML5+CSS3從入門到精通(配1DVD) 本書內(nèi)容充實條理,結(jié)構(gòu)嚴謹,循序漸進有層次的進行講解,分別對HTML5及CSS3進行了全方位的介紹。書中所列舉案例的選擇均突出知識點的實際應(yīng)用性,并配合有TIPS技巧講解,讓讀者真正掌握HTML5 CSS3。 本書共27章,前半部分介紹了HTML5的基本功能、繪圖功能 、視頻和音頻應(yīng)用、表單的應(yīng)用、拖放、地理位置信息處理計、本地儲存應(yīng)用、Web與Web Workers API應(yīng)用。后半部分介紹了CSS的基礎(chǔ)、樣式、背景屬性與寬高 、顯示相關(guān)、盒子模型、定位機制、光標和濾鏡、概述及新增的選擇器、文本與邊框樣式、背景、漸變、轉(zhuǎn)換、過渡、動畫、多列布局、用戶界面、彈性盒子、多媒體查詢等。*后提供了7個拓展知識附錄速查指南。
無論初學(xué)還是鞏固,一本適合各個層面網(wǎng)頁設(shè)計員的通用教材! 從未系統(tǒng)學(xué)習(xí)過,網(wǎng)頁布局能力比較薄弱怎么辦? 學(xué)校教材太簡單,想提高實際網(wǎng)頁設(shè)計能力怎么辦? 從事開發(fā)工作,急需提高APP前端開發(fā)能力怎么辦? 想要同時掌握HTML5 CSS3技術(shù),卻找不到相關(guān)教程? …… 這些困惑,本書統(tǒng)統(tǒng)可以解決,讓你一本就夠! 光盤20小時高清多媒體教學(xué)視頻講解到位,條理清晰。 搭配多個小例子與代碼進行實際講解理論 實踐,層次分明。 對如何設(shè)計構(gòu)建網(wǎng)站進行詳解十分透徹,一看就懂。 無論是剛剛接觸,還是學(xué)有小成,都能在本書中發(fā)現(xiàn)你需要的東西! 互聯(lián)網(wǎng)技術(shù)日新月異,在2011年以前,HTML5和CSS3看起來還遙不可及,但如今很多公司都已經(jīng)開始運用這些技術(shù)了(如火狐、IE等主流瀏覽器公司)。HTML5和CSS3奠定了打造下一代Web應(yīng)用的基礎(chǔ),這兩項技術(shù)可以讓網(wǎng)站更易開發(fā),也更容易維護。本書系統(tǒng)講解了HTML5和CSS3的基礎(chǔ)理論和實際應(yīng)用技術(shù),通過大量實例對HTML5和CSS3進行深入淺出的分析,著重講解如何運用HTML5和CSS3進行Web運用和網(wǎng)頁布局。全書注重實際操作,使讀者在學(xué)習(xí)技術(shù)的同時也掌握Web開發(fā)和設(shè)計的精髓,提高綜合應(yīng)用能力。 選擇一本合適的書 本書面向的是已具備HTML和CSS基礎(chǔ)知識的人群。如果你剛剛涉足HTML或CSS領(lǐng)域,或者已經(jīng)從事了數(shù)年網(wǎng)站開發(fā),那這本書就是為你而準備的。然而,如果你已對HTML5及CSS3做過一些初步的嘗試,但尚未充分理解它所提供的全部好處,那么你將從本書得到的收獲。為了幫助你掌握現(xiàn)代Web標準,我們組織一線設(shè)計人員及高校教師共同編寫了網(wǎng)頁設(shè)計從入門到精通系列圖書。 本書內(nèi)容設(shè)置 章節(jié) 主要知識 內(nèi)容概述 Chapter 01~09 HTML5 介紹了新增和廢除的一些元素,同時系統(tǒng)講解了HTML5中的繪圖功能、視頻和音頻添加方式的簡化、拖放功能、地理位置信息處理、本地存儲的應(yīng)用,后還講解了Web Workers API應(yīng)用的知識 Chapter 10~27 CSS3 介紹了CSS的樣式、顯示、背景效果、盒子模型、定位、漸變、轉(zhuǎn)換、過渡、動畫、多列布局、彈性盒子、多媒體查詢及文本與邊框的屬性等知識,同時還講解了CSS3新增的選擇器、光標和濾鏡的知識 本書特色 零基礎(chǔ)入門輕松掌握 為了符合初級網(wǎng)頁設(shè)計入門讀者的需求,本書采用從入門到精通基礎(chǔ)大全圖書的寫作方法,科學(xué)安排知識結(jié)構(gòu),內(nèi)容由淺入深,循序漸進逐步展開,讓讀者平穩(wěn)地從基礎(chǔ)知識過渡到實戰(zhàn)項目。 理論 實踐完美結(jié)合,學(xué) 練兩不誤 200多個基礎(chǔ)知識 近200個實戰(zhàn)案例,讓你輕松掌握基礎(chǔ)入門核心技術(shù)技能提升實例精講四大學(xué)習(xí)階段的重點難點。章節(jié)后提供本章小結(jié),總結(jié)本章的重點和難點,真正做到舉一反三,提升網(wǎng)頁設(shè)計和開發(fā)能力。 講解通俗易懂,知識技巧貫穿全書 知識內(nèi)容不是簡單的理論羅列,而是在講解過程中隨時插入一些實戰(zhàn)技巧,讓讀者知其然并知其所以然,掌握解決問題的關(guān)鍵。 同步高清多媒體教學(xué)視頻,提升學(xué)習(xí)效率 該系列每書附贈一張DVD光盤,里面包含書中所有案例的網(wǎng)頁源文件和每章的重點案例教學(xué)視頻,這些視頻能解決讀者在隨書操作中遇到的問題,還能幫助讀者快速理解所學(xué)知識,方便參考學(xué)習(xí)。 網(wǎng)頁開發(fā)人員入門海量開發(fā)資源庫 為了給讀者提供一個全面的基礎(chǔ) 實例 項目實戰(zhàn)學(xué)習(xí)套餐,本書的DVD光盤中提供了本書所有案例的網(wǎng)頁源文件,方便讀者參考和測試。還有1500個前端開發(fā)JavaScript特效;實用網(wǎng)頁配色方案;精美網(wǎng)頁欣賞等海量素材。 QQ群在線答疑 微信平臺互動交流 筆者為了方便為讀者解惑答疑,提供了QQ群、微信平臺等技術(shù)支持,以便讀者之間相互交流、學(xué)習(xí) 網(wǎng)頁開發(fā)交流QQ群:650083534 微信學(xué)習(xí)平臺: 微信掃一掃,關(guān)注德勝書坊,即可獲得更多讓你驚叫的代碼和海量素材! 讀者對象 初學(xué)網(wǎng)頁設(shè)計的自學(xué)者 網(wǎng)頁設(shè)計愛好者 剛畢業(yè)的莘莘學(xué)子 互聯(lián)網(wǎng)公司網(wǎng)頁相關(guān)職位的菜鳥 大中專院校計算機專業(yè)教師和學(xué)生 計算機培訓(xùn)機構(gòu)的教師和學(xué)員 作者團隊 創(chuàng)客誠品團隊由多位網(wǎng)頁開發(fā)工程師、高校計算機專業(yè)教師組成。團隊核心成員都有多年的教學(xué)經(jīng)驗,后加入知名科技有限公司擔(dān)任高級工程師,F(xiàn)為網(wǎng)頁設(shè)計類暢銷圖書作者,曾在全國計算機圖書排行榜同品類圖書排行中身居前列,受到廣大網(wǎng)頁設(shè)計人員的好評。 本書由徐飛、李恒老師編寫,他們都是網(wǎng)頁教學(xué)方面的優(yōu)秀教師,將多年的教學(xué)經(jīng)驗和技術(shù)都融入了本書編寫中,在此對他們的辛勤工作表示衷心的感謝,也特別感謝中原工學(xué)院教務(wù)處對本書的大力支持。 致謝 在此首先感謝選擇并閱讀本系列圖書的讀者朋友,你們的支持是我們的動力來源。其次感謝為順利出版給予支持的出版社領(lǐng)導(dǎo)及編輯,感謝為本書付出過辛苦勞作的所有人。本人編寫水平畢竟有限,書中難免有錯誤和疏漏之處,懇請廣大讀者給予批評指正。后感謝您選擇購買本書。從基本概念到實戰(zhàn)練習(xí),終升級為完整項目開發(fā),本書能幫助零基礎(chǔ)的您快速掌握網(wǎng)頁設(shè)計! 創(chuàng)客誠品團隊是由多位前端開發(fā)工程師、具有項目實戰(zhàn)經(jīng)驗的總監(jiān)級講師、高校計算機專業(yè)導(dǎo)師組成。團隊核心成員有多年的教學(xué)經(jīng)驗,后加入知名科技有限公司擔(dān)任高端工程師,F(xiàn)為網(wǎng)頁設(shè)計類暢銷圖書作者,曾在全國計算機圖書排行榜同品類排行中身居前列,受到廣大工程設(shè)計人員的好評。 目 錄 Chapter01 HTML5概述 1.1 什么是HTML5...................................................................................... 2 1.2 HTML5發(fā)展歷程.................................................................................. 2 1.3 認識HTML5.......................................................................................... 3 1.3.1 兼容性 ............................................................................................. 3 1.3.2 用戶優(yōu)先和效率................................................................................. 4 1.3.3 化繁為簡.......................................................................................... 4 1.3.4 通用訪問........................................................................................... 5 1.4 HTML5新增功能.................................................................................. 5 1.4.1 字符集和DOCTYPE的改進................................................................. 5 1.4.2 語義化的標簽.................................................................................... 6 1.4.3 新元素............................................................................................. 6 1.4.4 頁面的交互性更加強大........................................................................ 7 1.4.5 標準改進.......................................................................................... 8 1.4.6 使用Selectors API簡化選取操作.......................................................... 8 1.5 使用HTML5的優(yōu)勢.............................................................................10 1.6 HTML5的發(fā)展趨勢.............................................................................12 本章小結(jié)............................................................................................... 13 Chapter02 HTML5的新增元素 2.1 語法差異................................................................................................15 2.1.1 HTML5的語法變化...........................................................................15 2.1.2 HTML5的標記方法...........................................................................15 2.1.3 HTML5與舊版本的兼容性..................................................................16 2.2 元素和屬性差異....................................................................................17 2.2.1 HTML5中新增的元素.........................................................................17 2.2.2 HTML5中廢棄的元素....................................................................... 25 2.3 HTML5中新增的元素屬性................................................................. 26 2.3.1 表單相關(guān)屬性.................................................................................. 26 2.3.2 其他相關(guān)屬性.................................................................................. 26 2.3.3 HTML5中廢棄的屬性....................................................................... 27 2.3.4 全局屬性........................................................................................ 27 2.4 新的主體結(jié)構(gòu)元素................................................................................ 29 2.4.1 article元素...................................................................................... 29 2.4.2 section元素.................................................................................... 30 2.4.3 nav元素......................................................................................... 32 2.4.4 aside元素....................................................................................... 34 2.4.5 time元素與微格式............................................................................ 34 2.4.6 pubdate屬性.................................................................................. 35 2.5 新的非主體結(jié)構(gòu)元素............................................................................ 36 2.5.1 header元素.................................................................................... 36 2.5.2 hgroup元素.................................................................................... 37 2.5.3 footer元素...................................................................................... 39 2.5.4 address元素.................................................................................. 40 本章小結(jié)............................................................................................... 41 Chapter03 HTML5繪圖功能 3.1 canvas概述........................................................................................ 43 3.1.1 canvas是什么................................................................................. 43 3.1.2 canvas的主要應(yīng)用領(lǐng)域.................................................................... 43 3.1.3 canvas歷史.................................................................................... 43 3.1.4 canvas坐標.................................................................................... 44 3.1.5 CSS和canvas................................................................................ 45 3.2 使用canvas API................................................................................ 45 3.2.1 檢測瀏覽器是否支持......................................................................... 45 3.2.2 在頁面中加入canvas....................................................................... 46 3.2.3 繪制矩形與三角形............................................................................ 48 3.3 繪制曲線路徑........................................................................................51 3.3.1 路徑................................................................................................51 3.3.2 描邊樣式........................................................................................ 53 3.3.3 填充樣式........................................................................................ 54 3.3.4 繪制樹干........................................................................................ 55 3.3.5 繪制曲線......................................................................................... 56 3.4 繪制圖像............................................................................................... 57 3.4.1 插入圖像........................................................................................ 58 3.4.2 繪制漸變圖像.................................................................................. 59 3.4.3 縮放對象........................................................................................ 62 3.4.4 變換對象........................................................................................ 63 3.5 canvas文本應(yīng)用................................................................................ 64 3.5.1 文本繪制........................................................................................ 65 3.5.2 應(yīng)用陰影......................................................................................... 66 3.5.3 像素數(shù)據(jù)........................................................................................ 67 實例精講動態(tài)時鐘....................................................................................... 68 本章小結(jié)............................................................................................... 73 Chapter04 視頻和音頻應(yīng)用 4.1 audio和video概述............................................................................. 75 4.1.1 HTML5中音視頻的問題.................................................................... 75 4.1.2 瀏覽器支持情況............................................................................... 75 4.2 使用audio和video元素..................................................................... 76 4.2.1 檢測瀏覽器是否支持......................................................................... 76 4.2.2 audio元素....................................................................................... 77 4.2.3 使用audio元素................................................................................ 79 4.2.4 video元素....................................................................................... 80 4.2.5 使用video元素................................................................................ 80 本章小結(jié)............................................................................................... 81 Chapter05 表單應(yīng)用 5.1 HTML5 form概述............................................................................. 83 5.1.1 HTML5 form的新特性...................................................................... 83 5.1.2 瀏覽器支持情況............................................................................... 83 5.1.3 輸入型控件..................................................................................... 85 5.2 新的表單元素....................................................................................... 87 5.3 表單新屬性........................................................................................... 89 實例精講form應(yīng)用..................................................................................... 92 本章小結(jié)...............................................................................................95 Chapter06 HTML5拖放 6.1 拖放API............................................................................................... 97 6.1.1 實現(xiàn)拖放API的過程.......................................................................... 97 6.1.2 dataTransfer對象的屬性與方法........................................................ 97 6.1.3 拖放列表....................................................................................... 100 實例精講重現(xiàn)郵箱附件拖拽上傳............................................................... 103 本章小結(jié)............................................................................................. 106 Chapter07 地理位置信息處理 7.1 關(guān)于地理位置信息.............................................................................. 108 7.1.1 經(jīng)度和緯度坐標.............................................................................. 108 7.1.2 IP地址定位數(shù)據(jù).............................................................................. 108 7.1.3 GPS地理定位數(shù)據(jù).......................................................................... 108 7.1.4 Wi-Fi地理定位數(shù)據(jù)......................................................................... 109 7.1.5 用戶自定義的地理定位..................................................................... 109 7.2 瀏覽器支持情況.................................................................................. 109 7.2.1 Gerlocation API概述...................................................................... 109 7.2.2 HTML5 Geolocation的瀏覽器支持情況............................................. 112 7.3 隱私的處理.......................................................................................... 112 7.3.1 應(yīng)用隱私保護機制........................................................................... 112 7.3.2 處理位置信息................................................................................. 113 7.4 使用Geolocation API..................................................................... 113 7.4.1 檢測瀏覽器是否支持........................................................................ 113 7.4.2 位置請求....................................................................................... 114 實例精講在地圖上顯示你的位置............................................................... 117 本章小結(jié)............................................................................................. 120 Chapter08 本地儲存應(yīng)用 8.1 webStorage概述............................................................................ 122 8.1.1 webStorage簡介........................................................................... 122 8.1.2 簡單的數(shù)據(jù)庫應(yīng)用........................................................................... 122 8.2 瀏覽器支持情況.................................................................................. 124 8.3 使用webstorage API..................................................................... 124 8.3.1 存儲和獲取數(shù)據(jù).............................................................................. 125 8.3.2 localstorage和sessionstorage....................................................... 126 8.3.3 Web Storage事件機制................................................................... 126 8.4 本地數(shù)據(jù)庫.......................................................................................... 127 8.4.1 什么是本地數(shù)據(jù)庫........................................................................... 127 8.4.2 用executesql執(zhí)行查詢.................................................................... 128 8.4.3 使用數(shù)據(jù)庫實現(xiàn)網(wǎng)頁留言.................................................................. 131 本章小結(jié)....................................................................................... 135 Chapter09 Web與Web Workers API應(yīng)用 9.1 離線Web概述..................................................................................... 137 9.1.1 離線Web簡介................................................................................ 137 9.1.2 離線Web應(yīng)用的瀏覽器支持情況........................................................ 137 9.2 使用離線Web..................................................................................... 137 9.2.1 構(gòu)建簡單的離線應(yīng)用程序.................................................................. 138 9.2.2 支持離線行為................................................................................. 139 9.2.3 mannifest文件............................................................................... 140 9.2.4 applicationCache對象.................................................................... 142 9.4 Web Workers概述.......................................................................... 143 9.4.1 Web Workers簡介.........................................................................144 9.4.2 Web Workers的簡單應(yīng)用...............................................................144 9.5 使用Web Workers API.................................................................. 147 9.5.1 檢測瀏覽器是否支持........................................................................ 147 9.5.2 創(chuàng)建Web Workers.........................................................................148 9.5.3 多線程文件的加載與執(zhí)行.................................................................. 148 9.5.4 與Web Workers通信......................................................................148 實例精講離線Web的具體應(yīng)用................................................................. 151 本章小結(jié)............................................................................................. 155 Chapter10 CSS基礎(chǔ) 10.1 CSS概述........................................................................................... 157 10.1.1 CSS簡介................................................................................... 157 10.1.2 CSS的特點及優(yōu)點....................................................................... 157 10.1.3 CSS的基本語法.......................................................................... 158 10.1.4 引入CSS的方法.......................................................................... 158 10.2 CSS選擇器....................................................................................... 161 10.2.1 三大基礎(chǔ)選擇器.......................................................................... 161 10.2.2 集體選擇器................................................................................. 164 10.2.3 屬性選擇器................................................................................. 165 10.2.4 后代選擇器................................................................................. 167 10.2.5 子元素選擇器.............................................................................. 170 10.2.6 相鄰兄弟選擇器........................................................................... 171 10.2.7 偽類.......................................................................................... 173 10.2.8 偽元素....................................................................................... 175 10.3 CSS的繼承....................................................................................... 181 10.3.1 繼承關(guān)系.................................................................................... 181 10.3.2 CSS繼承的局限性....................................................................... 182 10.4 CSS數(shù)值單位...........................................................................184 10.5 CSS相對數(shù)值單位...........................................................................184 本章小結(jié)............................................................................................. 185 Chapter11 CSS樣式 11.1 字體樣式............................................................................................ 187 11.2 段落樣式............................................................................................ 197 11.3 邊框.................................................................................................. 205 11.4 外輪廓.............................................................................................. 209 11.5 列表樣式簡介.................................................................................... 214 11.6 列表相關(guān)屬性.................................................................................... 217 本章小結(jié)............................................................................................. 223 Chapter12 CSS背景屬性與寬/高 12.1 設(shè)置背景內(nèi)容................................................................................... 225 12.2 設(shè)置背景平鋪................................................................................... 229 12.3 設(shè)置背景固定/滾動.......................................................................... 233 12.4 設(shè)置背景的位置............................................................................... 235 12.5 背景簡寫屬性................................................................................... 239 12.6 寬/高屬性.......................................................................................... 239 本章小結(jié)............................................................................................. 242 Chapter13 CSS顯示相關(guān) 13.1 設(shè)置可見性....................................................................................... 244 13.1.1 元素隱藏................................................................................... 244 13.2 內(nèi)容溢出與隱藏................................................................................ 249 本章小結(jié)............................................................................................. 252 Chapter14 CSS盒子模型 14.1 盒子模型簡介................................................................................... 254 14.2 設(shè)置內(nèi)/外邊距.................................................................................. 254 本章小結(jié)............................................................................................. 265 Chapter15 CSS定位機制 15.1 CSS定位機制簡介.......................................................................... 267 15.2 常規(guī)定位與浮動定位........................................................................ 268 15.2.1 常規(guī)定位................................................................................... 268 15.2.2 浮動定位................................................................................... 268 15.3 position屬性................................................................................... 272 15.3.1 定位................................................................................... 272 15.3.2 相對定位................................................................................... 275 15.3.3 固定定位................................................................................... 277 15.4 Z軸索引的優(yōu)先級設(shè)置..................................................................... 278 實例精講導(dǎo)航欄....................................................................................... 281 本章小結(jié)............................................................................................. 290 Chapter16 光標和濾鏡 16.1 光標屬性........................................................................................... 292 16.2 濾鏡屬性........................................................................................... 293 本章小結(jié)............................................................................................. 295 Chapter17 CSS3概述及新增功能 17.1 CSS3簡介....................................................................................... 297 17.2 新增長度單位................................................................................... 297 17.3 新增結(jié)構(gòu)性偽類............................................................................... 299 17.4 新增UI元素狀態(tài)偽類....................................................................... 306 17.5 新增屬性和目標偽類........................................................................ 308 本章小結(jié)............................................................................................. 313 Chapter18 CSS3文本與邊框樣式 18.1 文本陰影text-shadow................................................................. 315 18.2 文本溢出text-overflow............................................................... 316 18.3 文本換行word-wrap..................................................................... 318 18.4 單詞拆分word-break................................................................... 319 18.5 圓角邊框border-radius............................................................... 320 18.6 盒子陰影box-shadow................................................................. 322 18.7 邊界邊框border-image............................................................... 324 本章小結(jié)................................................................................. 326 Chapter19 CSS3背景 19.1 多重背景圖片................................................................................... 328 19.2 背景尺寸........................................................................................... 329 19.3 背景的繪制區(qū)域................................................................................ 330 本章小結(jié)............................................................................................. 332 Chapter20 CSS3漸變 20.1 漸變簡介........................................................................................... 334 20.2 瀏覽器支持情況............................................................................... 334 20.3 線性漸變........................................................................................... 335 20.4 徑向漸變........................................................................................... 339 本章小結(jié)............................................................................................. 341 Chapter21 CSS3轉(zhuǎn)換 21.1 CSS3轉(zhuǎn)換及瀏覽器支持................................................................ 343 21.2 2D轉(zhuǎn)換............................................................................................. 343 21.3 3D轉(zhuǎn)換............................................................................................. 353 本章小結(jié)............................................................................................. 360 Chapter22 CSS3過渡 22.1 過渡簡介........................................................................................... 362 22.2 瀏覽器支持情況............................................................................... 362 22.3 實現(xiàn)過渡........................................................................................... 363 22.4 過渡屬性........................................................................................... 367 實例精講模擬蘋果桌面............................................................................. 368 本章小結(jié)............................................................................................. 370 Chapter23 CSS3動畫 23.1 動畫簡介........................................................................................... 372 23.2 瀏覽器支持情況............................................................................... 372 23.3 實現(xiàn)動畫........................................................................................... 373 23.4 動畫屬性........................................................................................... 376 實例精講太陽系星球運轉(zhuǎn)圖...................................................................... 378 本章小結(jié)............................................................................................. 383 Chapter24 CSS3多列布局 24.1 多列布局簡介................................................................................... 385 24.2 瀏覽器支持情況............................................................................... 385 24.3 多列布局屬性................................................................................... 386 本章小結(jié)............................................................................................. 390 Chapter25 CSS3用戶界面 25.1 用戶界面簡介................................................................................... 392 25.2 瀏覽器支持情況............................................................................... 392 25.3 用戶界面屬性................................................................................... 393 本章小結(jié)............................................................................................. 400 Chapter26 CSS3彈性盒子 26.1 彈性盒子簡介................................................................................... 402 26.2 瀏覽器支持情況............................................................................... 402 26.3 設(shè)置彈性盒子................................................................................... 403 本章小結(jié)............................................................................................. 422 Chapter27 CSS3多媒體查詢 27.1 多媒體查詢簡介............................................................................... 424 27.2 瀏覽器支持情況............................................................................... 424 27.3 多媒體查詢的應(yīng)用............................................................................ 424 實例精講自適應(yīng)導(dǎo)航欄............................................................................. 428 本章小結(jié)............................................................................................. 434 Appendix 附錄 附錄A HTML5標簽................................................................................ 436 附錄B HTML事件屬性........................................................................... 450 附錄C CSS屬性一覽.............................................................................. 453 附錄D CSS3選擇器............................................................................... 463 附錄E JavaScript對象參考手冊......................................................... 464 附錄F jQuery參考手冊.......................................................................... 471 附錄G HTML支持的符號....................................................................... 479
你還可能感興趣
我要評論
|