HTML5是W3C(萬維網(wǎng)聯(lián)盟)推薦的新一代互聯(lián)網(wǎng)的技術(shù)標(biāo)準(zhǔn),HTML5和CSS3已經(jīng)成為現(xiàn)代網(wǎng)頁設(shè)計(jì)中的主流技術(shù)。為了滿足社會(huì)和企業(yè)對(duì)人才的需求,在網(wǎng)頁設(shè)計(jì)課程中適時(shí)引入*新的HTML5和CSS3技術(shù)是勢(shì)在必行。本書通過大量的實(shí)例詳細(xì)地講述了HTML5和CSS3的新特性及其網(wǎng)頁設(shè)計(jì)中的應(yīng)用。本書共分10章,主要內(nèi)容包括:HTML5使用基礎(chǔ),HTML文檔編輯,創(chuàng)建HTML表單,CSS3使用基礎(chǔ),使用CSS選擇器,設(shè)置CSS樣式,創(chuàng)建頁面布局,JavaScript腳本編程,網(wǎng)頁繪圖,Web存儲(chǔ)。
本書通過大量的實(shí)例詳細(xì)地講述了HTML5和CSS3的新特性及其網(wǎng)頁設(shè)計(jì)中的應(yīng)用。本書共分10章,主要內(nèi)容包括:HTML5使用基礎(chǔ),HTML文檔編輯,創(chuàng)建HTML表單,CSS3使用基礎(chǔ),使用CSS選擇器,設(shè)置CSS樣式,創(chuàng)建頁面布局,JavaScript腳本編程,網(wǎng)頁繪圖,Web存儲(chǔ)。
趙增敏,教授級(jí)高級(jí)講師,河南省中等職業(yè)教育學(xué)科帶頭人,河南省教育廳學(xué)術(shù)帶頭人,長(zhǎng)期從事數(shù)據(jù)庫應(yīng)用開發(fā)、可視化編程、網(wǎng)頁設(shè)計(jì)、Web應(yīng)用開發(fā)等方面的教學(xué)與研究,撰寫數(shù)十種計(jì)算機(jī)專著及教材,其中有多本國(guó)家規(guī)劃教材,還有版權(quán)輸出到臺(tái)灣出版繁體中文版的
第1章 HTML5使用基礎(chǔ)
1.1 HTML5簡(jiǎn)介
1.1.1 什么是HTML
1.1.2 HTML5的新功能
1.2 定義HTML元素
1.2.1 HTML語法結(jié)構(gòu)
1.2.2 HTML語法規(guī)則
1.3 設(shè)置元素屬性
1.3.1 對(duì)元素應(yīng)用多個(gè)屬性
1.3.2 使用布爾屬性
1.3.3 使用自定義屬性
1.3.4 全局屬性概述
1.4 創(chuàng)建HTML文檔
1.4.1 HTML文檔結(jié)構(gòu)
1.4.2 元素之間的關(guān)系
1.4.3 元素分類
1.5 使用元數(shù)據(jù)元素
1.5.1 設(shè)置文檔標(biāo)題
1.5.2 用元數(shù)據(jù)說明文檔
1.5.3 定義內(nèi)嵌CSS樣式表
1.5.4 鏈接外部CSS樣式表
1.6 使用腳本元素
1.6.1 在文檔中添加腳本
1.6.2 定義腳本未執(zhí)行時(shí)的內(nèi)容
習(xí)題1
上機(jī)操作1
第2章 HTML文檔編輯
2.1 標(biāo)記文本
2.1.1 使用基本文本元素
2.1.2 使用HTML實(shí)體
2.1.3 文本換行
2.1.4 表示上標(biāo)和下標(biāo)
2.1.5 設(shè)置小號(hào)字體
2.1.6 突出顯示文本
2.1.7 縮寫、術(shù)語和引用
2.1.8 行內(nèi)文本分組
2.1.9 表示輸入輸出
2.1.10 表示日期時(shí)間
2.1.11 表示注音符號(hào)
2.1.12 創(chuàng)建超鏈接
2.2 組織內(nèi)容
2.2.1 創(chuàng)建段落
2.2.2 使用div元素
2.2.3 顯示預(yù)格式化內(nèi)容
2.2.4 定義引用塊
2.2.5 添加主題分隔
2.2.6 創(chuàng)建列表
2.2.7 添加插圖
2.3 文檔分節(jié)
2.3.1 添加基本標(biāo)題
2.3.2 添加標(biāo)題組合
2.3.3 定義獨(dú)立成篇內(nèi)容
2.3.4 定義文檔中的節(jié)
2.3.5 添加頁眉和頁腳
2.3.6 定義導(dǎo)航區(qū)域
2.3.7 添加附注欄
2.3.8 添加聯(lián)系信息
2.3.9 定義詳情區(qū)域
2.4 制作表格
2.4.1 創(chuàng)建基本表格
2.4.2 添加表頭單元格
2.4.3 對(duì)表格行分組
2.4.4 對(duì)表格列分組
2.4.5 制作不規(guī)則表格
2.5 嵌入內(nèi)容
2.5.1 嵌入圖像
2.5.2 創(chuàng)建客戶端圖像映射
2.5.3 嵌入HTML文檔
2.5.4 通過插件嵌入內(nèi)容
2.5.5 嵌入數(shù)字表現(xiàn)形式
2.5.6 嵌入音頻
2.5.7 嵌入視頻
2.5.8 嵌入圖形
習(xí)題2
上機(jī)操作2
第3章 創(chuàng)建HTML表單
3.1 創(chuàng)建和配置表單
3.1.1 制作基本表單
3.1.2 在表單中添加說明性標(biāo)簽
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元素生成單選按鈕和復(fù)選框
3.3.5 用input元素輸入數(shù)值
3.3.6 用input元素輸入規(guī)定格式的字符串
3.3.7 用input元素獲取日期時(shí)間
3.3.8 用input元素獲取顏色值
3.3.9 用input元素獲取搜索用詞
3.3.10 用input元素生成隱藏?cái)?shù)據(jù)項(xiàng)
3.3.11 用input元素生成圖像按鈕
3.3.12 用input元素選取上傳文件
3.4 使用其他表單控件
3.4.1 輸入多行文字
3.4.2 定義選項(xiàng)列表
3.4.3 生成輸出字段
3.4.4 生成公開/私有密鑰對(duì)
3.4.5 對(duì)表單控件分組
3.5 表單輸入驗(yàn)證
3.5.1 確保用戶輸入內(nèi)容
3.5.2 確保輸入值在某個(gè)范圍內(nèi)
3.5.3 確保輸入值符合指定格式
習(xí)題3
上機(jī)操作3
第4章 CSS3使用基礎(chǔ)
4.1 定義和應(yīng)用CSS樣式
4.1.1 使用元素內(nèi)嵌樣式
4.1.2 使用文檔內(nèi)嵌樣式
4.1.3 使用外部樣式表
4.2 CSS樣式的層疊和繼承
4.2.1 理解CSS樣式的層疊次序
4.2.2 調(diào)整CSS樣式的層疊次序
4.2.3 CSS樣式的繼承
4.3 CSS屬性單位
4.3.1 長(zhǎng)度單位
4.3.2 CSS顏色
4.3.3 其他單位
習(xí)題4
上機(jī)操作4
第5章 使用CSS選擇器
5.1 使用基本選擇器
5.1.1 選擇所有元素
5.1.2 根據(jù)類型選擇元素
5.1.3 根據(jù)類屬性選擇元素
5.1.4 根據(jù)ID屬性選擇元素
5.1.5 根據(jù)屬性選擇元素
5.2 使用復(fù)合選擇器
5.2.1 使用并集選擇器
5.2.2 選擇后代元素
5.2.3 選擇子代元素
5.2.4 選擇兄弟元素
5.3 使用偽元素選擇器
5.3.1 選擇首行文本
5.3.2 選擇首字母
5.3.3 在元素中插入內(nèi)容
5.3.4 通過計(jì)數(shù)器插入項(xiàng)目編號(hào)
5.4 使用結(jié)構(gòu)性偽類選擇器
5.4.1 使用根元素選擇器
5.4.2 使用子元素選擇器
5.4.3 根據(jù)位置選擇子元素
5.5 使用UI偽類選擇器
5.5.1 選擇啟用或禁用元素
5.5.2 選擇已勾選元素
5.5.3 選擇默認(rèn)元素
5.5.4 選擇有效和無效元素
5.5.5 選擇限定范圍的元素
5.5.6 選擇必填和可選字段
5.6 使用動(dòng)態(tài)偽類選擇器
5.6.1 選擇各種狀態(tài)的超鏈接
5.6.2 選擇獲得焦點(diǎn)的元素
5.6.3 選擇被用戶選取的內(nèi)容
5.7 使用其他偽類選擇器
5.7.1 使用:not選擇器
5.7.2 使用:empty選擇器
5.7.3 使用:target選擇器
5.7.4 使用:lang選擇器
習(xí)題5
上機(jī)操作5
第6章 設(shè)置CSS樣式
6.1 設(shè)置文本樣式
6.1.1 設(shè)置字體
6.1.2 設(shè)置文本樣式
6.1.3 裝飾文本與大小寫轉(zhuǎn)換
6.1.4 設(shè)置文本陰影
6.2 設(shè)置邊框和背景
6.2.1 設(shè)置元素的邊框
6.2.2 創(chuàng)建圓角邊框
6.2.3 創(chuàng)建圖像邊框
6.2.4 設(shè)置元素的背景
6.2.5 設(shè)置邊框陰影
6.2.6 設(shè)置元素輪廓
6.3 設(shè)置盒模型樣式
6.3.1 理解盒模型
6.3.2 設(shè)置元素的內(nèi)邊距
6.3.3 設(shè)置元素的外邊距
6.3.4 控制元素的尺寸
6.3.5 控制元素的溢出
6.3.6 控制元素的可見性
6.3.7 設(shè)置元素的盒類型
6.3.8 創(chuàng)建浮動(dòng)盒
6.4 設(shè)置定位屬性
6.4.1 設(shè)置元素的位置
6.4.2 設(shè)置元素的層疊順序
6.5 設(shè)置列表和表格樣式
6.5.1 設(shè)置列表樣式
6.5.2 設(shè)置表格樣式
習(xí)題6
上機(jī)操作6
第7章 創(chuàng)建頁面布局
7.1 創(chuàng)建浮動(dòng)盒布局
7.1.1 創(chuàng)建單列布局
7.1.2 創(chuàng)建兩列布局
7.1.3 創(chuàng)建三列布局
7.2 創(chuàng)建彈性盒布局
7.2.1 理解彈性盒布局模型
7.2.2 創(chuàng)建基本彈性盒布局
7.2.3 設(shè)置項(xiàng)目的出現(xiàn)順序
7.2.4 設(shè)置項(xiàng)目尺寸的彈性
7.2.5 設(shè)置項(xiàng)目的對(duì)齊方式
7.2.6 處理交叉軸空白
7.3 創(chuàng)建多列布局
7.3.1 設(shè)置列數(shù)和列寬
7.3.2 設(shè)置列高
7.3.3 設(shè)置列間距
7.3.4 設(shè)置列邊框樣式
7.3.5 設(shè)置跨列顯示
習(xí)題7
上機(jī)操作7
第8章 JavaScript編程
8.1 JavaScript語言基礎(chǔ)
8.1.1 基本語法規(guī)則
8.1.2 數(shù)據(jù)類型
8.1.3 變量
8.1.4 運(yùn)算符
8.2 流程控制語句
8.2.1 條件語句
8.2.2 循環(huán)語句
8.2.3 異常捕獲語句
8.2.4 函數(shù)
8.2.5 對(duì)象
8.3 文檔對(duì)象模型
8.3.1 理解文檔對(duì)象模型
8.3.2 使用HTMLElement對(duì)象
8.3.3 使用document對(duì)象
8.3.4 使用window對(duì)象
8.4 事件處理
8.4.1 設(shè)置事件屬性
8.4.3 DOM事件模型
8.4.3 HTML事件介紹
習(xí)題8
上機(jī)操作8
第9章 網(wǎng)頁繪圖
9.1 繪制矩形
9.1.1 創(chuàng)建畫布元素
9.1.2 獲取畫布上下文
9.1.3 繪制矩形
9.2 設(shè)置繪圖樣式
9.2.1 設(shè)置基本繪圖樣式
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 調(diào)整圖像大小
9.4.3 創(chuàng)建圖像切片
9.5 繪制文本
9.5.1 繪制填充文本
9.5.2 設(shè)置文本屬性
9.5.3 繪制輪廓文本
9.5.4 測(cè)量文本寬度
9.6 使用特效與變換
9.6.1 使用陰影效果
9.6.2 使用透明效果
9.6.3 使用變換
習(xí)題9
上機(jī)操作9
第10章 Web存儲(chǔ)
10.1 本地存儲(chǔ)
10.1.1 本地存儲(chǔ)機(jī)制
10.1.2 創(chuàng)建Web留言板
10.2 會(huì)話存儲(chǔ)
10.2.1 會(huì)話存儲(chǔ)機(jī)制
10.2.2 網(wǎng)站登錄
10.3 本地?cái)?shù)據(jù)庫
10.3.1 本地?cái)?shù)據(jù)庫的核心方法
10.3.2 用數(shù)據(jù)庫實(shí)現(xiàn)Web留言板
習(xí)題10
上機(jī)操作10