HTML5+CSS3開發實戰

肖睿 鄧小飛

  • 出版商: 人民郵電
  • 出版日期: 2018-12-01
  • 定價: $228
  • 售價: 8.5$194
  • 語言: 簡體中文
  • 頁數: 171
  • 裝訂: 平裝
  • ISBN: 7115493359
  • ISBN-13: 9787115493354
  • 相關分類: CSSHTML
  • 下單後立即進貨 (約4週~6週)

商品描述

本書會介紹HTML5的新特性、新標準,訓練HTML5的網頁製作能力。通過CSS3製作各種網頁特效和動畫效果,增強用戶體驗,製作更加精緻的網頁內容。並且還會學習canvas繪圖技能,canvas的出現顛覆了之前編寫HTML時只能添加圖片的概念,使用canvas實現很多更加酷炫的效果。此外本課程還提供很多企業中實用的經驗分享,能夠讓大家學會知識點的同時也能掌握更多企業需求,提升自己的項目經驗。

作者簡介

課工場是專注互聯網教育的生態平台,匯聚了中國和北美數百位來自知名互聯網企業的行業大咖,向尋求就業和技術提升的人群提供直播、錄播、面授等多模式教學場景,並通過遍布全國的線下服務中心提供成熟的學習服務,形成完善的“互聯網+教育”解決方案。同時,課工場也為高校、企業、行業提供教育技術賦能,依托Transformer智能教育生態平台,打造智慧校園、企業大學、行業培訓的教育場景,提供一站式教育解決方案

目錄大綱

第1章初識HTML5 1 
任務1了解HTML5的優勢3 
任務2 HTML5新增元素及屬性4 
1.2.1 HTML5新增結構元素4 
1.2.2 HTML5新增網頁元素9 
1.2.3 HTML5新增全局屬性12 
1.2.4上機訓練13 
任務3 CSS3高級選擇器14 
1.3.1結構偽類選擇器14 
1.3.2上機訓練18 
本章作業19 
第2章HTML5表單21 
任務1了解HTML5表單在網頁中的應用22 
任務2 HTML5新增的input類型24 
2.2.1 email類型24 
2.2.2 url類型26 
2.2.3 number類型26 
2.2.4 range類型28 
2.2.5 search類型28 
2.2.6 Date pickers類型29 
2.2.7上機訓練32 
任務3 HTML5新增的input屬性34 
2.3.1 autofocus 34 
2.3.2 required 35 
2.3.3 placeholder 35 
2.3.4 pattern 37 
2.3.5 height/width 38
2.3.6上機訓練38 
本章作業38 
第3章CSS3應用41 
任務1會使用CSS3邊框效果43 
3.1.1 CSS3圓角43 
3.1.2 CSS3邊界圖片47 
3.1.3 CSS3盒子陰影49 
3.1.4上機訓練52 
任務2 CSS3文本效果的應用53 
3.2.1 CSS3文本陰影53 
3.2.2 word-wrap屬性55 
任務3 CSS3背景與漸變效果的應用57 
3.3.1 CSS3背景57 
3.3.2 CSS3漸變61 
3.3.3上機訓練63 
任務4會使用CSS3字體美化網頁64 
本章作業66 
第4章CSS3高級應用69 
任務1 CSS3 2D變形的應用70 
4.1.1 2D變形簡介70 
4.1.2瀏覽器兼容性71 
4.1.3 2D變形71 
4.1.4上機訓練79 
任務2 CSS3 3D變形的應用82 
4.2.1 3D變形屬性82 
4.2.2 3D變形方法83 
4.2.3上機訓練88 
本章作業88 
第5章使用CSS3製作動畫91 
任務1利用CSS3過渡實現動畫效果93
5.1.1過渡簡介93 
5.1.2瀏覽器兼容性93 
5.1.3過渡屬性的使用93 
5.1.4完善旋轉按鈕案例97 
5.1.5上機訓練98 
任務2 CSS3動畫的使用99 
5.2.1 CSS3動畫簡介99 
5.2.2瀏覽器兼容性100 
5.2.3 CSS3動畫使用過程100 
5.2.4上機訓練104 
本章作業106 
第6章HTML5媒體元素109 
任務1視頻元素及音頻元素在網頁中的使用111 
6.1.1如何在網頁中播放視頻及音頻111 
6.1.2視頻元素112 
6.1.3音頻元素116 
6.1.4上機訓練118 
任務2自定義視頻播放器119 
6.2.1自定義視頻播放器需要的屬性和方法119 
6.2.2自定義視頻播放器製作步驟119 
6.2.3上機訓練125 
本章作業125 
第7章Canvas基礎127 
任務1 Canvas概述及應用129 
7.1.1 Canvas概述129 
7.1.2創建Canvas步驟130 
任務2使用Canvas繪製基本圖形132 
7.2.1繪製直線132 
7.2.2繪製三角形134
7.2.3繪製矩形138 
7.2.4繪製圓形140 
7.2.5清空畫布143 
7.2.6上機訓練144 
任務3使用Canvas繪製貝塞爾曲線145 
7.3.1繪製二次方貝塞爾曲線145 
7.3. 2繪製三次方貝塞爾曲線146 
7.3.3上機訓練148 
本章作業148 
第8章Canvas高級應用151 
任務1 Canvas高級功能的使用152 
8.1.1 Canvas漸變152 
8.1.2圖形組合157 
8.1.3 Canvas繪製圖像159 
8.1.4裁剪圖像163 
8.1.5 Canvas繪製文本164 
任務2使用Canvas繪製風景時鐘165 
本章作業170