網(wǎng)絡(luò)基礎(chǔ)知識(shí)書(shū)籍推薦

　　發(fā)現(xiàn)一本專門(mén)講各種實(shí)戰(zhàn)的圖書(shū)，那趕緊來(lái)看看《HTML5基礎(chǔ)知識(shí)、核心技術(shù)與前沿案例》的情況。以下是小編分享的網(wǎng)絡(luò)基礎(chǔ)知識(shí)書(shū)籍推薦，歡迎閱讀。

　　內(nèi)容提要

　　本書(shū)是一本引導(dǎo)初、中級(jí)學(xué)習(xí)者深入了解并有效掌握HTML5核心技巧的技術(shù)實(shí)戰(zhàn)書(shū)籍，全書(shū)采用“基礎(chǔ)知識(shí) 案例驅(qū)動(dòng)”的雙軌模式，精心安排了大量經(jīng)典的HTML5設(shè)計(jì)實(shí)戰(zhàn)案例，包括頁(yè)面元素與布局、動(dòng)畫(huà)與動(dòng)效、圖形與圖像、交互操作、頁(yè)面組件、音頻與視頻、響應(yīng)式設(shè)計(jì)等，并精選了微信小游戲、創(chuàng)意網(wǎng)站等綜合性的前沿交互應(yīng)用。實(shí)例基本涵蓋了初、中級(jí)學(xué)習(xí)者在實(shí)戰(zhàn)中幾乎可能遇到的所有問(wèn)題，展示了各種流行的互動(dòng)設(shè)計(jì)理念，讓讀者能夠輕松地學(xué)習(xí)基礎(chǔ)知識(shí)，有效掌握各種核心技巧，快速上手前沿應(yīng)用開(kāi)發(fā)，并通過(guò)HTML5發(fā)現(xiàn)交互設(shè)計(jì)的樂(lè)趣。

　　作者簡(jiǎn)介

　　劉歡，交互設(shè)計(jì)師，前端工程師，HTML5技術(shù)愛(ài)好者，現(xiàn)居上海。曾設(shè)計(jì)開(kāi)發(fā)了國(guó)內(nèi)首個(gè)高校響應(yīng)式設(shè)計(jì)網(wǎng)站，當(dāng)前興趣主要聚焦于移動(dòng)Web前端開(kāi)發(fā)。交互作品曾獲紐約廣告節(jié)銅獎(jiǎng)、中國(guó)4A創(chuàng)意金印獎(jiǎng)、第五屆中國(guó)網(wǎng)絡(luò)廣告大賽銀獎(jiǎng)等，作品“Watch Shanghai bloom”曾參展第七屆上海雙年展。曾出版《Flash ActionScript 3.0 全站互動(dòng)設(shè)計(jì)》、《Flash ActionScript 3.0交互設(shè)計(jì)200例》等交互類著作。

　　簡(jiǎn)介

　　本書(shū)有著一個(gè)“out了”的書(shū)名。

　　HTML5已經(jīng)紅火了好幾年了。外界雖然對(duì)它推崇備至并寄予厚望，但許多人的理解，還往往是“HTML”加一個(gè)版本號(hào)“5”的組合，說(shuō)到底，不管怎樣它還是一種HTML語(yǔ)言，這似乎并不算是很“牛”、很“強(qiáng)”的技術(shù)。但是，在業(yè)界和技術(shù)圈里，傲嬌的從業(yè)者們?cè)缇筒辉僖浴癏TML5”稱之，而是改用了更加高大上的“H5”。要是在某個(gè)技術(shù)者的交流討論會(huì)里，你還是一口一個(gè)“HTML5”，那么很可能大家都會(huì)認(rèn)為你已經(jīng)“out了”。

　　從HTML5到H5，格調(diào)嗖嗖拔升的過(guò)程中也映射出一個(gè)事實(shí)，那就是前端行業(yè)領(lǐng)域的專業(yè)性正在不斷增強(qiáng)，門(mén)檻在不斷抬高�，F(xiàn)在，已經(jīng)不是當(dāng)年人人都能用Frontpage或三劍客鼓搗網(wǎng)頁(yè)設(shè)計(jì)的年代，要想進(jìn)入這一領(lǐng)域，首先，我們必須要有充足的基礎(chǔ)知識(shí)儲(chǔ)備，這其中就包括了HTML5、CSS3和JavaScript三大部分;其次，掌握了基礎(chǔ)知識(shí)還不夠，我們還需要知道如何在實(shí)踐中去運(yùn)用它們，更簡(jiǎn)單的來(lái)說(shuō)，是如何在特定的問(wèn)題下找到有效的答案，這就需要我們總結(jié)出HTML5中最為核心的那部分知識(shí)和技巧，將其作為開(kāi)發(fā)中的破冰利器;再者，H5業(yè)界風(fēng)云變幻，推陳出新的速度非�？�，比如前兩年的焦點(diǎn)在于創(chuàng)意性網(wǎng)站的開(kāi)發(fā)，2023年的焦點(diǎn)是微信小游戲制作，那么，對(duì)最前沿的案例和技法加以了解和把握，也是學(xué)習(xí)中非常必要的一個(gè)部分。

　　基于以上的考慮，本書(shū)在體例上作出了大膽嘗試，拋棄了傳統(tǒng)的按部就班逐個(gè)介紹對(duì)象、屬性、方法的“教科書(shū)”式體例，轉(zhuǎn)而采用了“基礎(chǔ)知識(shí)+案例驅(qū)動(dòng)”的雙軌模式。全書(shū)共分為HTML5基礎(chǔ)、HTML5前言經(jīng)典案例和HTML5綜合案例三大部分，高度濃縮了基礎(chǔ)知識(shí)部分，精心安排了大量前沿和綜合類實(shí)例，希望“以基礎(chǔ)知識(shí)鋪路，以前沿案例驅(qū)動(dòng)，以綜合案例提升”，藉此引領(lǐng)讀者們邁入HTML5交互設(shè)計(jì)的大門(mén)。書(shū)中精選的實(shí)例由淺入深，涵蓋了初級(jí)和中級(jí)HTML5開(kāi)發(fā)者幾乎可能遇到的所有實(shí)戰(zhàn)問(wèn)題，同時(shí)也通過(guò)實(shí)例滲透了各種互動(dòng)設(shè)計(jì)理念。我們希望讀者能夠通過(guò)本書(shū)，在實(shí)踐中學(xué)習(xí)鍛煉，快速成長(zhǎng)，早日成為HTML5交互設(shè)計(jì)領(lǐng)域的熟手和專家。

　　本書(shū)內(nèi)容與特點(diǎn)

　　本書(shū)采用“基礎(chǔ)知識(shí)+案例驅(qū)動(dòng)”的雙軌模式進(jìn)行編寫(xiě)，全書(shū)以基礎(chǔ)知識(shí)的鋪墊為輔，以實(shí)戰(zhàn)案例的介紹為主。每個(gè)例子都結(jié)合了作者長(zhǎng)期的HTML5開(kāi)發(fā)經(jīng)驗(yàn)，具有較強(qiáng)的實(shí)用價(jià)值。讀者能夠在學(xué)習(xí)完案例之后直接將其投入實(shí)際使用。

　　本書(shū)提煉了各個(gè)案例所對(duì)應(yīng)的學(xué)習(xí)內(nèi)容，以“經(jīng)驗(yàn)”的形式標(biāo)注在各個(gè)章節(jié)中，以便于讀者更快地掌握核心知識(shí)點(diǎn)。此外，在“經(jīng)驗(yàn)”中也囊括了一些HTML5外延知識(shí)，用于擴(kuò)展讀者的學(xué)習(xí)視野。

　　針對(duì)讀者在實(shí)際操作中可能遇到的各種問(wèn)題，本書(shū)總結(jié)了相應(yīng)的注意事項(xiàng)和應(yīng)對(duì)策略，并在各個(gè)章節(jié)中進(jìn)行了詳細(xì)標(biāo)注(如標(biāo)注為“注意”的內(nèi)容部分)，以使得讀者能夠在學(xué)習(xí)中盡量少走彎路、避免不必要的錯(cuò)誤。

　　本書(shū)中的所有基礎(chǔ)知識(shí)和具體案例按由易到難、由淺入深、由零到整的規(guī)則進(jìn)行排布，即使是沒(méi)有HTML5開(kāi)發(fā)經(jīng)驗(yàn)的讀者也能夠輕松地、循序漸進(jìn)地展開(kāi)學(xué)習(xí)。

　　本書(shū)也可被視為一本工具書(shū)。互動(dòng)設(shè)計(jì)從業(yè)者在實(shí)際工作中面對(duì)具體的開(kāi)發(fā)任務(wù)時(shí)，可以嘗試從本書(shū)的案例中直接找到解決問(wèn)題的方法。

　　本書(shū)分三個(gè)部分，共16章。為了使讀者在正式開(kāi)始學(xué)習(xí)之前，對(duì)全書(shū)的內(nèi)容有一個(gè)總體的把握，這里分別將每章學(xué)習(xí)的'內(nèi)容作一介紹。

　　第一部分 HTML5基礎(chǔ)

　　第1章 初探HTML5：制作一份邀請(qǐng)函

　　本章為讀者們?cè)O(shè)計(jì)了一份HTML5的學(xué)習(xí)邀請(qǐng)函，這是一個(gè)比Hello World之類的應(yīng)用更為復(fù)雜而又有趣的入門(mén)作業(yè)。希望讀者們?cè)陂喿x本章的過(guò)程中，能夠粗略地縱覽HTML5的全貌，了解到開(kāi)發(fā)HTML5的一些背景知識(shí)，并直觀地體驗(yàn)一個(gè)簡(jiǎn)單HTML5頁(yè)面的誕生過(guò)程。

　　第2章 HTML5新手詳解

　　本章介紹了HTML5中的基礎(chǔ)知識(shí)，包括基礎(chǔ)語(yǔ)法、頁(yè)面根元素、文檔元數(shù)據(jù)、區(qū)塊元素、分組內(nèi)容元素、文本、表單、表格、WAI-ARIA等。

　　第3章 CSS3新手詳解

　　本章介紹了CSS3中的基礎(chǔ)知識(shí)，包括基礎(chǔ)語(yǔ)法、繼承、選擇器、文本和字體、邊框與背景、元素定位、框模型、列表、陰影效果、2D與3D效果、優(yōu)先級(jí)等。

　　第4章 JavaScript新手詳解

　　本章介紹了JavaScript中的基礎(chǔ)知識(shí)，包括調(diào)試、注釋、變量、運(yùn)算符、條件語(yǔ)句、循環(huán)語(yǔ)句、數(shù)組、日期和時(shí)間、函數(shù)、變量作用域、對(duì)象、DOM操作、事件處理等。

　　第5章 移動(dòng)端HTML5開(kāi)發(fā)詳解

　　本章針對(duì)移動(dòng)端的特點(diǎn)，著重介紹HTML5中有別于桌面端開(kāi)發(fā)方式的前端技巧。其中，分析了響應(yīng)式設(shè)計(jì)與移動(dòng)版網(wǎng)站的差異，介紹了viewport、百分比布局、Flexbox、Media Query、雪碧圖、圖標(biāo)字體、移動(dòng)端交互和調(diào)試等移動(dòng)開(kāi)發(fā)技巧。

　　第6章 事半功倍：運(yùn)用流行開(kāi)源類庫(kù)

　　本章介紹了當(dāng)前最有影響力、使用最廣泛的幾種開(kāi)源類庫(kù)的基礎(chǔ)知識(shí)，包括jQuery、jQuery Mobile、Zepto、BootStrap、Flat UI、Modernizr、D3、Hammer、jsfiddle等。

　　第7章 HTML5與周邊編程語(yǔ)言、軟件

　　本章介紹了與HTML5搭配使用的相關(guān)編程語(yǔ)言和軟件，包括Flash、Google Swiffy、Illustrator、PhotoShop、node-webkit等。

　　第二部分 HTML5前言經(jīng)典案例

　　第8章 HTML5頁(yè)面元素與布局案例集

　　本章精選了最經(jīng)典的幾類頁(yè)面元素與布局案例，包括圖文混排、題圖文字、Hero Unit、格子布局、兩列均分布局、多列等高布局、兩列自適應(yīng)布局、三列自適應(yīng)布局、瀑布流布局等。

　　第9章 HTML5動(dòng)畫(huà)與動(dòng)效案例集

　　本章將著重介紹幾種常見(jiàn)的HTML5動(dòng)畫(huà)效果，如transition動(dòng)畫(huà)、animation動(dòng)畫(huà)、Canvas動(dòng)畫(huà)、GSAP類庫(kù)動(dòng)畫(huà)等，希望能夠藉此向讀者較為全面地展示各種動(dòng)畫(huà)與動(dòng)效的制作技巧。

　　第10章 HTML5圖形與圖像案例集

　　本章將詳細(xì)介紹HTML5中圖形與圖像的主要實(shí)現(xiàn)技巧，其中既包括了簡(jiǎn)單的CSS圖標(biāo)、按鈕元素的制作方法、也包括了Canvas和SVG等前沿的圖像制作知識(shí)。

　　第11章 HTML5交互操作案例集

　　本章通過(guò)多個(gè)精選的交互操作案例，介紹了HTML5在用戶交互方面提供的新特性，并介紹了按鍵控制、滾動(dòng)觸發(fā)式動(dòng)畫(huà)、視差滾動(dòng)、元素拖拽、手機(jī)刮獎(jiǎng)、搖紅包等流行交互功能的實(shí)現(xiàn)方法。

　　第12章 HTML5頁(yè)面組件案例集

　　本章整理并介紹了懸浮圖層、彈出圖層、Tab切換、折疊區(qū)域、下拉菜單、頂部固定菜單、滑動(dòng)導(dǎo)航、時(shí)間軸、圖像輪播、日歷等常見(jiàn)的頁(yè)面組件，對(duì)其實(shí)現(xiàn)原理進(jìn)行了詳細(xì)分析。

　　第13章 HTML5音頻視頻案例集

　　本章介紹了HTML5中音頻和視頻的播放和控制方法，以及麥克風(fēng)、攝像頭等相關(guān)硬件設(shè)備的操作技巧。

　　第14章 HTML5響應(yīng)式設(shè)計(jì)案例集

　　本章介紹了響應(yīng)式設(shè)計(jì)的實(shí)現(xiàn)方法和核心技巧，并介紹了響應(yīng)式列表、響應(yīng)式內(nèi)容圖片、響應(yīng)式背景、響應(yīng)式圖像輪播、響應(yīng)式菜單等實(shí)戰(zhàn)案例的實(shí)現(xiàn)方式。

　　第三部分 HTML5綜合案例

　　第15章 HTML5微信小游戲

　　本章從前期的策劃、設(shè)計(jì)，到后期的開(kāi)發(fā)、上線，逐步地介紹一款微信小游戲的誕生過(guò)程，希望通過(guò)本章的學(xué)習(xí)，讀者也可以制作出一款富有創(chuàng)意、奪人眼球的微信游戲。

　　第16章 HTML5創(chuàng)意網(wǎng)站

　　本章綜合運(yùn)用HTML、CSS3和JavaScript，制作一個(gè)帶有多個(gè)欄目的創(chuàng)意網(wǎng)站。在制作過(guò)程中將本書(shū)之前章節(jié)的一些知識(shí)點(diǎn)串接起來(lái)，并為讀者開(kāi)啟通往更高階HTML5交互設(shè)計(jì)殿堂的大門(mén)。

　　本書(shū)適合于哪些類型的讀者?

　　本書(shū)既適用于初次接觸HTML5的新手，又適用于各種HTML5的中級(jí)學(xué)習(xí)者。

　　對(duì)于HTML5新手而言，要在短時(shí)間之內(nèi)熟練掌握HTML、CSS3和JavaScript并非易事。為了使這部分讀者學(xué)習(xí)起來(lái)更加輕松，我們精心編排了書(shū)中的基礎(chǔ)知識(shí)和具體案例，使其由淺入深，逐步展開(kāi)。讀者可以先閱讀基礎(chǔ)知識(shí)部分，再按順序閱讀書(shū)中的案例，邊學(xué)邊做，在實(shí)踐中更好地領(lǐng)會(huì)和熟悉各種HTML5開(kāi)發(fā)技巧。

　　對(duì)于HTML5中級(jí)學(xué)習(xí)者而言，本書(shū)更是一本有用的工具書(shū)。這部分讀者不必按順序閱讀案例，而是可以根據(jù)自己所關(guān)注的內(nèi)容選擇性閱讀對(duì)應(yīng)案例。同時(shí)，讀者也可以通過(guò)閱讀書(shū)中的高階案例展開(kāi)更加深入的學(xué)習(xí)。

　　本書(shū)沒(méi)有講述的內(nèi)容

　　鑒于本書(shū)主要HTML5的初級(jí)和中級(jí)學(xué)習(xí)者，因此一些中大型項(xiàng)目開(kāi)發(fā)中涉及的HTML5知識(shí)(特別是JavaScript方面)并未包含在內(nèi)，如Web Workers、服務(wù)器發(fā)送事件、JavaScript設(shè)計(jì)模式和高階運(yùn)用等，讀者可以查閱其他的JavaScript類專業(yè)書(shū)籍進(jìn)行更深入了解。