html教程電子書下載

A. 《HTML5與CSS3基礎教程（第7版）》epub下載在線閱讀，求百度網盤雲資源

《HTML5與CSS3基礎教程（第8版）》（[美] Elizabeth Castro）電子書網盤下載免費在線閱讀

資源鏈接：

鏈接：https://pan..com/s/1cjKw7Bihl0rJjYyBYu91sQ 提取碼：0yf2

書名：HTML5與CSS3基礎教程（第8版）

作者：[美] Elizabeth Castro

譯者：望以文

豆瓣評分：8.3

出版社：人民郵電出版社

出版年份：2014-5

頁數：417

內容簡介：

本書是風靡全球的HTML和CSS入門教程的最新版，至第6版累積銷量已超過100萬冊，被翻譯為十多種語言，長期雄踞亞馬遜書店計算機圖書排行榜榜首。

第8版秉承作者直觀透徹、循序漸進、基礎知識與案例實踐緊密結合的講授特色，採用獨特的雙欄圖文並排方式，手把手指導讀者從零開始輕松入門。相較第7版，全書2/3以上的內容進行了更新，全面反映了HTML5和CSS3的最新特色，細致闡述了響應式Web設計與移動開發等熱點問題。書中主要內容包括：如何創建HTML5頁面，如何使用HTML5元素，如何用CSS3為網頁添加樣式，如何向頁面添加JavaScript代碼，如何測試做好的頁面並將其上傳到萬維網。另外，本書強調漸進增強這種網站設計方法的重要性，並將其貫穿在全書的具體實踐中。

作者專為本書設計了內容豐富的配套網站htmlcssvqs.com，提供海量精彩示例、HTML與CSS元素及屬性列表以及其他附加材料，方便讀者隨時參考與引用。

作者簡介：

作者簡介：

Elizabeth Castro

享譽世界的計算機暢銷書作家，電子出版先行者，2010年就出版了epub電子書製作教程EPUB Straight to the Point。Castro 擅長使用詳實的步驟和精美的實例教大家快速實現具體效果，她的HTML與CSS系列教程自出版以來廣受讀者歡迎，成為學習前端開發的首選參考圖書。有關Castro的更多信息，可訪問其個人主頁ElizabethCastro.com。

Bruce Hyslop

自1997年就開始從事網頁開發，重點關注使用HTML、CSS和JavaScript進行網頁開發和網站易用性的維護，並倡導最佳實踐。Hyslop在加州大學洛杉磯分校進修部教授CSS課程，還著有The HTML Pocket Guide、The Web Design Pocket Guide Boxed Set。

譯者簡介：

望以文

畢業於中國人民大學，曾任網路前端工程師，現為網信金融產品經理。《HTML5與CSS3基礎教程（第7版）》譯者。熱愛產品設計，維護微信公眾號projojo，定期向讀者推薦新鮮有趣的互聯網產品。微博@weakow。

B. 輕量級HTML5插件使用jQuery繪制SVG圖形輪廓線路徑動畫教程

看到網頁上炫酷的圖形輪廓線路徑動畫你是否會動心,想要自己來製作一個呢?其實這個特效實現起來並不難,使用輕量級HTML5插件jquery-drawsvg就可以實現了,jquery-drawsvg是一款輕量級的使用jQuery來繪制SVG圖形輪廓線路徑動畫的插件。該插件使用jQuery內置的動畫引擎來使SVG元素中path元素產生動畫,其底層實現使用的是stroke-dasharray和stroke-dashoffset屬性。
該SVG路徑動畫插件的特點有:
輕量級,壓縮後小於2kb
使用簡單
支持Easing過渡動畫效果
演示地址:http://www.htmleaf.com/Demo/201509112558.html
插件下載地址:http://down.htmleaf.com/1509/201509111546.zip
使用方法:
使用該SVG圖形輪廓線路徑動畫插件需要引入jQuery和jquery.drawsvg.js文件。
<script src="js/jquery.min.js"></script>
<script src="js/jquery.drawsvg.js"></script>
初始化插件
在頁面DOM元素載入完畢之後,可以通過下面的方法來使SVG圖形生成輪廓線動畫效果。
首先將初始化的對象實例保存為一個變數:
var mySVG = $('#my_svg_element').drawsvg();
然後就可以執行動畫效果了:
mySVG.drawsvg('animate');
配置參數
下面是該SVG路徑動畫創建的可用配置參數:
參數類型默認值描述rationInteger1000完成每一個路徑動畫的持續時間staggerInteger200每一個路徑動畫開始前的延遲時間easingStringswing使用jQuery
Easing插件的過渡動畫效果reverseBooleanfalse是否反向繪制callbackFunctionfunction()
{}路徑動畫完成之後的回調函數