網頁設計(HTML5+CSS3+JavaScript)

《網頁設計（HTML5+CSS3+JavaScript）》是2017年9月電子工業出版社出版的圖書，作者是趙增敏、胡婷婷、連靜。

基本介紹

• 書名：網頁設計（HTML5+CSS3+JavaScript）
• 作者：趙增敏、胡婷婷、連靜
• ISBN：9787121320316
• 頁數：356頁
• 定價：39.8元
• 出版社：電子工業出版社
• 出版時間：2017年9月
• 開本：16開

內容簡介

HTML5是W3C（全球資訊網聯盟）推薦的新一代網際網路的技術標準，HTML5和CSS3已經成為現代網頁設計中的主流技術。為了滿足社會和企業對人才的需求，在網頁設計課程中適時引入最新的HTML5和CSS3技術是勢在必行。本書通過大量的實例詳細地講述了HTML5和CSS3的新特性及其網頁設計中的套用。本書共分10章，主要內容包括：HTML5使用基礎，HTML文檔編輯，創建HTML表單，CSS3使用基礎，使用CSS選擇器，設定CSS樣式，創建頁面布局，JavaScript腳本編程，網頁繪圖，Web存儲。

圖書目錄

第1章 HTML5使用基礎

1.1 HTML5簡介

1.1.1 什麼是HTML

1.1.2 HTML5的新功能

1.2 定義HTML元素

1.2.1 HTML語法結構

1.2.2 HTML語法規則

1.3 設定元素屬性

1.3.1 對元素套用多個屬性

1.3.2 使用布爾屬性

1.3.3 使用自定義屬性

1.3.4 全局屬性概述

1.4 創建HTML文檔

1.4.1 HTML文檔結構

1.4.2 元素之間的關係

1.4.3 元素分類

1.5 使用元數據元素

1.5.1 設定文檔標題

1.5.2 用元數據說明文檔

1.5.3 定義內嵌CSS樣式表

1.5.4 連結外部CSS樣式表

1.6 使用腳本元素

1.6.1 在文檔中添加腳本

1.6.2 定義腳本未執行時的內容

習題1

上機操作1

第2章 HTML文檔編輯

2.1 標記文本

2.1.1 使用基本文本元素

2.1.2 使用HTML實體

2.1.3 文本換行

2.1.4 表示上標和下標

2.1.5 設定小號字型

2.1.6 突出顯示文本

2.1.7 縮寫、術語和引用

2.1.8 行內文本分組

2.1.9 表示輸入輸出

2.1.10 表示日期時間

2.1.11 表示注音符號

2.1.12 創建超連結

2.2 組織內容

2.2.1 創建段落

2.2.2 使用div元素

2.2.3 顯示預格式化內容

2.2.4 定義引用塊

2.2.5 添加主題分隔

2.2.6 創建列表

2.2.7 添加插圖

2.3 文檔分節

2.3.1 添加基本標題

2.3.2 添加標題組合

2.3.3 定義獨立成篇內容

2.3.4 定義文檔中的節

2.3.5 添加頁眉和頁腳

2.3.6 定義導航區域

2.3.7 添加附註欄

2.3.8 添加聯繫信息

2.3.9 定義詳情區域

2.4 製作表格

2.4.1 創建基本表格

2.4.2 添加表頭單元格

2.4.3 對表格行分組

2.4.4 對表格列分組

2.4.5 製作不規則表格

2.5 嵌入內容

2.5.1 嵌入圖像

2.5.2 創建客戶端圖像映射

2.5.3 嵌入HTML文檔

2.5.4 通過外掛程式嵌入內容

2.5.5 嵌入數字表現形式

2.5.6 嵌入音頻

2.5.7 嵌入視頻

2.5.8 嵌入圖形

習題2

上機操作2

第3章 創建HTML表單

3.1 創建和配置表單

3.1.1 製作基本表單

3.1.2 在表單中添加說明性標籤

3.1.3 使用表單外部的控制項

3.2 使用button元素

3.2.1 製作提交按鈕

3.2.2 製作重置按鈕

3.2.3 製作普通按鈕

3.3 使用input元素

3.3.1 用input元素輸入文字

3.3.2 用input元素輸入密碼

3.3.3 用input元素生成按鈕

3.3.4 用input元素生成單選按鈕和複選框

3.3.5 用input元素輸入數值

3.3.6 用input元素輸入規定格式的字元串

3.3.7 用input元素獲取日期時間

3.3.8 用input元素獲取顏色值

3.3.9 用input元素獲取搜尋用詞

3.3.10 用input元素生成隱藏數據項

3.3.11 用input元素生成圖像按鈕

3.3.12 用input元素選取上傳檔案

3.4 使用其他表單控制項

3.4.1 輸入多行文字

3.4.2 定義選項列表

3.4.3 生成輸出欄位

3.4.4 生成公開/私有密鑰對

3.4.5 對表單控制項分組

3.5 表單輸入驗證

3.5.1 確保用戶輸入內容

3.5.2 確保輸入值在某個範圍內

3.5.3 確保輸入值符合指定格式

習題3

上機操作3

第4章 CSS3使用基礎

4.1 定義和套用CSS樣式

4.1.1 使用元素內嵌樣式

4.1.2 使用文檔內嵌樣式

4.1.3 使用外部樣式表

4.2 CSS樣式的層疊和繼承

4.2.1 理解CSS樣式的層疊次序

4.2.2 調整CSS樣式的層疊次序

4.2.3 CSS樣式的繼承

4.3 CSS屬性單位

4.3.1 長度單位

4.3.2 CSS顏色

4.3.3 其他單位

習題4

上機操作4

第5章 使用CSS選擇器

5.1 使用基本選擇器

5.1.1 選擇所有元素

5.1.2 根據類型選擇元素

5.1.3 根據類屬性選擇元素

5.1.4 根據ID屬性選擇元素

5.1.5 根據屬性選擇元素

5.2 使用複合選擇器

5.2.1 使用並集選擇器

5.2.2 選擇後代元素

5.2.3 選擇子代元素

5.2.4 選擇兄弟元素

5.3 使用偽元素選擇器

5.3.1 選擇首行文本

5.3.2 選擇首字母

5.3.3 在元素中插入內容

5.3.4 通過計數器插入項目編號

5.4 使用結構性偽類選擇器

5.4.1 使用根元素選擇器

5.4.2 使用子元素選擇器

5.4.3 根據位置選擇子元素

5.5 使用UI偽類選擇器

5.5.1 選擇啟用或禁用元素

5.5.2 選擇已勾選元素

5.5.3 選擇默認元素

5.5.4 選擇有效和無效元素

5.5.5 選擇限定範圍的元素

5.5.6 選擇必填和可選欄位

5.6 使用動態偽類選擇器

5.6.1 選擇各種狀態的超連結

5.6.2 選擇獲得焦點的元素

5.6.3 選擇被用戶選取的內容

5.7 使用其他偽類選擇器

5.7.1 使用:not選擇器

5.7.2 使用:empty選擇器

5.7.3 使用:target選擇器

5.7.4 使用:lang選擇器

習題5

上機操作5

第6章 設定CSS樣式

6.1 設定文本樣式

6.1.1 設定字型

6.1.2 設定文本樣式

6.1.3 裝飾文本與大小寫轉換

6.1.4 設定文本陰影

6.2 設定框線和背景

6.2.1 設定元素的框線

6.2.2 創建圓角框線

6.2.3 創建圖像框線

6.2.4 設定元素的背景

6.2.5 設定框線陰影

6.2.6 設定元素輪廓

6.3 設定盒模型樣式

6.3.1 理解盒模型

6.3.2 設定元素的內邊距

6.3.3 設定元素的外邊距

6.3.4 控制元素的尺寸

6.3.5 控制元素的溢出

6.3.6 控制元素的可見性

6.3.7 設定元素的盒類型

6.3.8 創建浮動盒

6.4 設定定位屬性

6.4.1 設定元素的位置

6.4.2 設定元素的層疊順序

6.5 設定列表和表格樣式

6.5.1 設定列表樣式

6.5.2 設定表格樣式

習題6

上機操作6

第7章 創建頁面布局

7.1 創建浮動盒布局

7.1.1 創建單列布局

7.1.2 創建兩列布局

7.1.3 創建三列布局

7.2 創建彈性盒布局

7.2.1 理解彈性盒布局模型

7.2.2 創建基本彈性盒布局

7.2.3 設定項目的出現順序

7.2.4 設定項目尺寸的彈性

7.2.5 設定項目的對齊方式

7.2.6 處理交叉軸空白

7.3 創建多列布局

7.3.1 設定列數和列寬

7.3.2 設定列高

7.3.3 設定列間距

7.3.4 設定列框線樣式

7.3.5 設定跨列顯示

習題7

上機操作7

第8章 JavaScript編程

8.1 JavaScript語言基礎

8.1.1 基本語法規則

8.1.2 數據類型

8.1.3 變數

8.1.4 運算符

8.2 流程控制語句

8.2.1 條件語句

8.2.2 循環語句

8.2.3 異常捕獲語句

8.2.4 函式

8.2.5 對象

8.3 文檔對象模型

8.3.1 理解文檔對象模型

8.3.2 使用HTMLElement對象

8.3.3 使用document對象

8.3.4 使用window對象

8.4 事件處理

8.4.1 設定事件屬性

8.4.3 DOM事件模型

8.4.3 HTML事件介紹

習題8

上機操作8

第9章 網頁繪圖

9.1 繪製矩形

9.1.1 創建畫布元素

9.1.2 獲取畫布上下文

9.1.3 繪製矩形

9.2 設定繪圖樣式

9.2.1 設定基本繪圖樣式

9.2.2 使用漸變

9.2.3 使用圖案

9.3 使用路徑繪圖

9.3.1 繪製直線

9.3.2 繪製矩形

9.3.3 繪製圓弧

9.3.4 繪製貝塞爾曲線

9.4 繪製圖像

9.4.1 在畫布中定點陣圖像

9.4.2 調整圖像大小

9.4.3 創建圖像切片

9.5 繪製文本

9.5.1 繪製填充文本

9.5.2 設定文本屬性

9.5.3 繪製輪廓文本

9.5.4 測量文本寬度

9.6 使用特效與變換

9.6.1 使用陰影效果

9.6.2 使用透明效果

9.6.3 使用變換

習題9

上機操作9

第10章 Web存儲

10.1 本地存儲

10.1.1 本地存儲機制

10.1.2 創建Web留言板

10.2 會話存儲

10.2.1 會話存儲機制

10.2.2 網站登錄

10.3 本地資料庫

10.3.1 本地資料庫的核心方法

10.3.2 用資料庫實現Web留言板

習題10

上機操作10