內容大鋼
本書以Web前端開發為主線組織內容,對Web前端技術的基礎知識、使用方法、應用技巧進行了講解。全書以模塊劃分,依次講解了前端開發技術綜述、HTML基礎知識、HTML5基礎知識、HTML5的進階應用、CSS樣式基礎、CSS3樣式表應用、JavaScript語言基礎、瀏覽器對象模型與窗口內置對象、文檔對象模型與表單、Bootstrap基礎及簡單應用等10個模塊的內容。在介紹理論內容的同時穿插了大量實例,最後還安排了針對性的課後作業,供學生練習使用。
全書結構合理,用語通俗,圖文並茂,易教易學,既適合作為職業教育電腦類相關專業Web前端開發技術課程的教材,又適合作為廣大網頁開發愛好者和各類技術人員的參考書。
目錄
模塊1 前端開發技術綜述
1.1 前端開發概述
1.2 前端開發的發展歷程
1.3 Web前端開發技術介紹
1.3.1 HTML
1.3.2 CSS
1.3.3 JavaScript
1.3.4 前端框架簡介
1.4 Web前端開發工具介紹
1.4.1 Visual Studio Code
1.4.2 WebStorm
1.4.3 HBuilder X
1.4.4 Sublime Text
1.4.5 瀏覽器
1.5 前端開發工具的安裝
練習題
模塊2 HTML基礎知識
2.1 HTML概述
2.1.1 HTML的主要功能
2.1.2 HTML的發展歷史
2.1.3 HTML的編輯環境
2.2 HTML的文檔結構
2.3 HTML基本語法
2.4 HTML文檔類型聲明
2.5 註釋和特殊符號
2.6 HTML常用標籤與屬性
2.6.1 HTML的常用標籤
2.6.2 HTML的屬性
練習題
模塊3 HTML5基礎知識
3.1 HTML5入門
3.1.1 HTML5的發展與優勢
3.1.2 HTML5的新功能
3.1.3 HTML5新增的元素
3.1.4 HTML5新增的元素屬性
3.1.5 HTML5廢棄的元素
3.1.6 HTML5廢棄的屬性
3.2 HTML5的文本與段落
3.2.1 文本的基本標籤與用法
3.2.2 段落的基本標籤與用法
3.3 HTML5的列表和表格
3.3.1 列表結構與標籤
3.3.2 表格結構與標籤
3.4 HTML5的圖片與超鏈接
3.4.1 網頁中的圖片
3.4.2 圖片標籤
3.4.3 定義超鏈接
3.5 HTML5的表單
3.5.1 表單的結構和基本標籤
3.5.2 表單元素的基本屬性
3.6 註冊類表單示例
練習題
模塊4 HTML5的進階應用
4.1 畫布功能
4.1.1 canvas元素與坐標
4.1.2 canvas繪製路徑
4.1.3 canvas文本
4.1.4 canvas漸變
4.2 HTML5的音頻和視頻
4.2.1 audio標籤
4.2.2 video標籤
4.3 拖放功能
練習題
模塊5 CSS樣式基礎
5.1 CSS概述
5.1.1 CSS的基本語法
5.1.2 CSS的特點
5.1.3 使用CSS
5.1.4 CSS的註釋
5.2 CSS選擇器
5.2.1 簡單選擇器
5.2.2 組合器選擇器
5.2.3 屬性選擇器
5.2.4 偽類選擇器
5.2.5 偽元素選擇器
5.3 盒子模型
5.3.1 盒子模型簡介
5.3.2 盒子模型的屬性
5.4 CSS的浮動與定位
5.4.1 浮動
5.4.2 定位
5.5 字體樣式
5.6 段落樣式
5.6.1 字元間距
5.6.2 單詞間距
5.6.3 段落縮進
5.6.4 文本行間距
5.6.5 橫向對齊
5.6.6 縱向對齊
5.7 邊框樣式
5.8 輪廓樣式
練習題
模塊6 CSS3樣式表應用
6.1 CSS3簡介
6.1.1 CSS3與CSS的異同
6.1.2 CSS3瀏覽器的支持情況
6.2 CSS3的新增功能
6.2.1 CSS3新增的rem
6.2.2 新增結構性偽類
6.2.3 新增UI元素狀態偽類
6.2.4 新增屬性偽類和其他偽類
6.3 CSS3文本效果
6.3.1 text-shadow文本陰影
6.3.2 text-overflow文本溢出
6.3.3 word-wrap文本換行
6.3.4 單詞拆分
6.4 CSS3邊框樣式
6.4.1 border-radius圓角邊框
6.4.2 box-shadow盒子陰影
6.5 背景樣式
6.5.1 background-size背景尺寸
6.5.2 background-origin背景的繪製區域
6.6 漸變
6.6.1 線性漸變
6.6.2 徑向漸變
6.7 轉換
6.7.1 2D轉換
6.7.2 3D轉換
6.8 CSS3動畫
6.8.1 動畫屬性
6.8.2 實現動畫
練習題
模塊7 JavaScript語言基礎
7.1 JavaScript簡介
7.1.1 網頁中的JavaScript
7.1.2 JavaScript腳本塊在網頁中的處理
7.2 JavaScript語法規則
7.3 JavaScript中的數據類型
7.4 運算符和表達式
7.4.1 運算符概述
7.4.2 運算符的優先順序
7.4.3 表達式
7.5 JavaScript對象
7.5.1 對象的創建
7.5.2 屬性的設置和讀取
7.5.3 對象的方法
7.5.4 對象的繼承
7.6 數組
7.7 流程式控制制
7.7.1 條件語句
7.7.2 循環語句
7.8 函數
7.8.1 定義函數
7.8.2 調用函數
7.8.3 函數的返回值
7.9 作用域
7.10 事件
7.10.1 事件類型
7.10.2 事件句柄
7.10.3 事件處理
7.10.4 HTML標籤與事件
7.10.5 常用事件
練習題
模塊8 瀏覽器對象模型與窗口內置對象
8.1 瀏覽器對象模型
8.1.1 窗口對象window概述
8.1.2 窗口的打開和關閉
8.1.3 窗口的移動
8.1.4 窗口尺寸的調整
8.1.5 與時間有關的窗口調整
8.2 窗口的內置對象
8.2.1 location對象
8.2.2 history對象
8.2.3 navigator對象
8.2.4 screen對象
練習題
模塊9 文檔對象模型與表單
9.1 文檔對象模型
9.1.1 HTML DOM簡介
9.1.2 文檔對象document
9.1.3 DOM的元素對象
9.1.4 DOM的屬性對象
9.2 form對象
9.2.1