HTML 5+CSS 3網(wǎng)頁開發(fā)實戰(zhàn)精解

內(nèi)容概要

　　《html 5+css 3網(wǎng)頁開發(fā)實戰(zhàn)精解》全面、系統(tǒng)地講解了html 5和css
3從web界面設計到web應用開發(fā)的各種技術。本書難度適中，學習梯度科學，知識架構(gòu)嚴謹，內(nèi)容由淺入深、從易到難，講解通俗易懂，并注重讀者興趣的培養(yǎng)，講解時還列舉了大量實例，以幫助讀者提高實戰(zhàn)技能。本書配帶1張光盤，內(nèi)容為本書重點內(nèi)容的教學視頻和本書涉及的源代碼。
　　《html 5+css 3網(wǎng)頁開發(fā)實戰(zhàn)精解》共17章，分為3篇。第1篇為技術概覽，簡要介紹html 5標準和css
3層疊樣式表等內(nèi)容；第2篇為基于css
3的web界面設計實戰(zhàn)，重點介紹文字、背景、邊框、盒布局、多列布局、動畫、漸變、支持多種設備的樣式表等內(nèi)容；第3篇為基于html
5的web應用開發(fā)實戰(zhàn)，重點介紹繪圖、音頻和視頻、新型表單、拖放、本地存儲、離線應用、跨源通信、websocket雙向通信、多線程和地理位置等內(nèi)容。
　　《html 5+css
3網(wǎng)頁開發(fā)實戰(zhàn)精解》適合web設計與開發(fā)的新手閱讀，也適合有一定web前端開發(fā)基礎的網(wǎng)頁開發(fā)人員閱讀；對于大中專院校的學生，本書也不失為一本網(wǎng)頁開發(fā)的好教材。如果閱讀本書的讀者具備css樣式表和javascript的基礎知識，學習效果會更好。

作者簡介

楊習偉，從事Web軟件開發(fā)及系統(tǒng)設計7年，主要負責ERP系統(tǒng)和工作流引擎的設計與開發(fā)，在Web軟件項目開發(fā)中積累了大量的實戰(zhàn)經(jīng)驗。不僅對HTML、CSS和JavaScript有深入的理解，而且還對C#、NET、Web Services、WCF、SQLServer等主流開發(fā)技術有深入的研究并在項目中使用。曾經(jīng)參與開發(fā)了企業(yè)網(wǎng)站、OA系統(tǒng)、CRM系統(tǒng)、積分系統(tǒng)等。

書籍目錄

第1篇 技術概覽
　第1章 html 5標準（教學視頻：46分鐘）
　　1.1 html 5介紹
　　1.2 全新的html
　　1.3 html 5的未來發(fā)展
　　1.4 小結(jié)
　　1.5 習題
　第2章 css 3層疊樣式表（教學視頻：25分鐘）
　　2.1 css 3簡介
　　2.2 增強的選擇器功能
　　2.3 小結(jié)
　　2.4 習題
第2篇 基于css 3的web界面設計實戰(zhàn)
　第3章 文本、背景、邊框不再單調(diào)（教學視頻：96分鐘）
　　3.1 文本與字體
　　3.2 色彩模式和不透明度
　　3.3 背景
　　3.4 邊框
　　3.5 小結(jié)
　　3.6 習題
　第4章 靈活的盒布局和界面設計（教學視頻：69分鐘）
　　4.1 靈活的盒布局
　　4.2 增強的盒模型
　　4.3 增強的用戶界面設計
　　4.4 小結(jié)
　　4.5 習題
　第5章 你一直期待的多列布局（教學視頻：21分鐘）
　　5.1 多列布局基礎
　　5.2 實驗室：模仿雜志的多列版式
　　5.3 小結(jié)
　　5.4 習題
　第6章 酷炫的動畫和漸變（教學視頻：82分鐘）
　　6.1 css 3變形基礎
　　6.2 css 3過渡效果
　　6.3 css 3動畫設計
　　6.4 css 3漸變設計
　　6.5 小結(jié)
　　6.6 習題
　第7章 支持多種設備的樣式表方案（教學視頻：15分鐘）
第3篇 基于html 5的web應用開發(fā)實戰(zhàn)
　第8章 繪制圖形如此簡單（教學視頻：78分鐘）
　第9章 便捷的音頻和視頻（教學視頻：44分鐘）
　第10章 不可思議的表單（教學視頻：59分鐘）
　第11章 可觸到的拖放功能（教學視頻：39分鐘）
　第12章 本地存儲讓你的應用更加高效（教學視頻：37分鐘）
　第13章 別開生面的離線應用（教學視頻：33分鐘）
　第14章 安全的跨源通信（教學視頻：37分鐘）
　第15章 強大的websocket雙向通信（教學視頻：23分鐘）
　第16章 web背后——看不見的多線程（教學視頻：34分鐘）
　第17章 我知道你在哪里—地理位置api（教學視頻：21分鐘）

章節(jié)摘錄

版權(quán)頁：   插圖：   （1）把整個圖像復制到畫布，將其放置到指定點的左上角，并且將每個圖像像素映射成畫布坐標系統(tǒng)的一個單元。語法如下： drawImage（image，x，y） 參數(shù)說明：image表示所要繪制的圖像的對象，x、y表示要繪制的圖像的左上角的位置。 （2）把整個圖像復制到畫布，但是允許用畫布單位來指定想要的圖像的寬度和高度。語法如下： drawImage（image，x，y，width，height） 參數(shù)說明：image表示所要繪制的圖像的對象，x、y表示要繪制的圖像的左上角的位置，width、height表示圖像所應繪制的尺寸，指定這些參數(shù)使得圖像可以縮放。 （3）此方法是完全通用的，它允許指定圖像的任何矩形區(qū)域并復制它，對畫布中的任何位置都可進行任何的縮放。語法如下： drawImage（image，sourceX，sourceY，sourceWidth，sourceHeight，destX，destY，destWidth，destHeiqht） 參數(shù)說明：image表示所要繪制的圖像的對象。sourceX、sourceY表示圖像將要被繪制的區(qū)域的左上角，這些整數(shù)參數(shù)用圖像像素來度量。sourceWidth、sourceHeight表示圖像所要繪制區(qū)域的大小，用圖像像素表示。destX、destY表示所要繪制的圖像區(qū)域的左上角的畫布坐標。destWidth、destHeight圖像區(qū)域所要繪制的畫布大小。 以上三個方法中的參數(shù)image，都表示所要繪制的圖像對象，必須是Image對象或Canvas元素。一個Image對象能夠表示文檔中的…個標記或者使用Image（）構(gòu)造函數(shù)所創(chuàng)建的一個屏幕外圖像。 三種方法中，第一種方法參數(shù)最少，所以最簡單，但實現(xiàn)的功能有限。第二種方法復雜一點，功能仍然受限。第三種方法，參數(shù)最多最復雜，能對圖像進行裁剪等操作。在繪圖中，根據(jù)實際需要，可以從以上三種方法中自由選擇。 【示例8—12】使用三種方法插入圖像。 運行結(jié)果如圖8—21所示。 代碼分析：在示例8—12中，使用了三種插入圖像的方法。由于參數(shù)的個數(shù)及表示的意義不同，所以可以靈活運用其特性，選擇使用。繪制圖像的代碼包含在onload處理函數(shù)中，是因為圖像本身需要時間加載，在加載完成之前，圖像是不能被繪制的。 圖8—21中的圖像，滿畫布的圖像是用第一種方法繪制的。右下角的圖像是用第二種方法繪制的。左上角的頭像是用第三種方法繪制的。 提示：在插入圖像之前，需考慮圖像加載的時間。如果圖像沒加載完成就已經(jīng)執(zhí)行了drawImage（）方法，則不會顯示任何圖片。在示例8—12中，為圖像對象添加了onload處理函數(shù)，以保證在圖像加載完成后執(zhí)行drawImage（）方法。 8.3.6剪裁區(qū)域 在路徑繪圖中，我們使用了兩大繪圖方法，即用于繪制線條的stroke（）方法和用于填充區(qū)域的fill（）方法。關于路徑的處理，還有一種方法叫做剪裁方法clip（）。 說起剪裁，大多數(shù)人會想到剪裁圖片，即保留圖片的一部分。但是剪裁的實現(xiàn)方法是另一種思維。 比如在火車上，乘客會通過車窗欣賞外面的風景，但會受到年窗的限制，只能看很小的一塊區(qū)域。外面的風景好比畫布，車窗就好比一個裁剪的區(qū)域，無論畫布里的風景如何繪制，卻只能在裁剪區(qū)域里表現(xiàn)出來，裁剪區(qū)域外是沒有任何變化的。也可以理解為，在接下來的繪圖中，都是在剪裁區(qū)域里進行的。

媒體關注與評論

《HTML5+CSS3網(wǎng)頁開發(fā)實戰(zhàn)精解》用幽默風趣的方式來引領讀者進入網(wǎng)頁開發(fā)的殿堂。該書講解通俗易懂、實踐性強，是一本適合廣大初學者上手和實際演練的好書，值得閱讀!——HTML5中國

編輯推薦

《HTML 5+CSS 3網(wǎng)頁開發(fā)實戰(zhàn)精解》適合Web設計與開發(fā)的新手閱讀，也適合有一定Web前端開發(fā)基礎的網(wǎng)頁開發(fā)人員閱讀；對于大中專院校的學生，《HTML 5+CSS 3網(wǎng)頁開發(fā)實戰(zhàn)精解》也不失為一本網(wǎng)頁開發(fā)的好教材。如果閱讀《HTML 5+CSS 3網(wǎng)頁開發(fā)實戰(zhàn)精解》的讀者具備CSS樣式表和JavaScript的基礎知識，學習效果會更好。

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    HTML 5+CSS 3網(wǎng)頁開發(fā)實戰(zhàn)精解 PDF格式下載

---