網(wǎng)頁設(shè)計(HTML5+CSS3+JavaScript
定 價:39.8 元
- 作者:趙增敏
- 出版時間:2017/9/1
- ISBN:9787121320316
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP312.8;TP393.092.2
- 頁碼:356
- 紙張:膠紙版
- 版次:1
- 開本:16K
HTML5是W3C(萬維網(wǎng)聯(lián)盟)推薦的新一代互聯(lián)網(wǎng)的技術(shù)標準,HTML5和CSS3已經(jīng)成為現(xiàn)代網(wǎng)頁設(shè)計中的主流技術(shù)。為了滿足社會和企業(yè)對人才的需求,在網(wǎng)頁設(shè)計課程中適時引入*新的HTML5和CSS3技術(shù)是勢在必行。本書通過大量的實例詳細地講述了HTML5和CSS3的新特性及其網(wǎng)頁設(shè)計中的應用。本書共分10章,主要內(nèi)容包括:HTML5使用基礎(chǔ),HTML文檔編輯,創(chuàng)建HTML表單,CSS3使用基礎(chǔ),使用CSS選擇器,設(shè)置CSS樣式,創(chuàng)建頁面布局,JavaScript腳本編程,網(wǎng)頁繪圖,Web存儲。
本書通過大量的實例詳細地講述了HTML5和CSS3的新特性及其網(wǎng)頁設(shè)計中的應用。本書共分10章,主要內(nèi)容包括:HTML5使用基礎(chǔ),HTML文檔編輯,創(chuàng)建HTML表單,CSS3使用基礎(chǔ),使用CSS選擇器,設(shè)置CSS樣式,創(chuàng)建頁面布局,JavaScript腳本編程,網(wǎng)頁繪圖,Web存儲。
趙增敏,教授級高級講師,河南省中等職業(yè)教育學科帶頭人,河南省教育廳學術(shù)帶頭人,長期從事數(shù)據(jù)庫應用開發(fā)、可視化編程、網(wǎng)頁設(shè)計、Web應用開發(fā)等方面的教學與研究,撰寫數(shù)十種計算機專著及教材,其中有多本國家規(guī)劃教材,還有版權(quán)輸出到臺灣出版繁體中文版的
第1章 HTML5使用基礎(chǔ)
1.1 HTML5簡介
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 對元素應用多個屬性
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è)置文檔標題
1.5.2 用元數(shù)據(jù)說明文檔
1.5.3 定義內(nèi)嵌CSS樣式表
1.5.4 鏈接外部CSS樣式表
1.6 使用腳本元素
1.6.1 在文檔中添加腳本
1.6.2 定義腳本未執(zhí)行時的內(nèi)容
習題1
上機操作1
第2章 HTML文檔編輯
2.1 標記文本
2.1.1 使用基本文本元素
2.1.2 使用HTML實體
2.1.3 文本換行
2.1.4 表示上標和下標
2.1.5 設(shè)置小號字體
2.1.6 突出顯示文本
2.1.7 縮寫、術(shù)語和引用
2.1.8 行內(nèi)文本分組
2.1.9 表示輸入輸出
2.1.10 表示日期時間
2.1.11 表示注音符號
2.1.12 創(chuàng)建超鏈接
2.2 組織內(nèi)容
2.2.1 創(chuàng)建段落
2.2.2 使用div元素
2.2.3 顯示預格式化內(nèi)容
2.2.4 定義引用塊
2.2.5 添加主題分隔
2.2.6 創(chuàng)建列表
2.2.7 添加插圖
2.3 文檔分節(jié)
2.3.1 添加基本標題
2.3.2 添加標題組合
2.3.3 定義獨立成篇內(nèi)容
2.3.4 定義文檔中的節(jié)
2.3.5 添加頁眉和頁腳
2.3.6 定義導航區(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 對表格行分組
2.4.4 對表格列分組
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 嵌入圖形
習題2
上機操作2
第3章 創(chuàng)建HTML表單
3.1 創(chuàng)建和配置表單
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元素輸入數(shù)值
3.3.6 用input元素輸入規(guī)定格式的字符串
3.3.7 用input元素獲取日期時間
3.3.8 用input元素獲取顏色值
3.3.9 用input元素獲取搜索用詞
3.3.10 用input元素生成隱藏數(shù)據(jù)項
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 確保用戶輸入內(nèi)容
3.5.2 確保輸入值在某個范圍內(nèi)
3.5.3 確保輸入值符合指定格式
習題3
上機操作3
第4章 CSS3使用基礎(chǔ)
4.1 定義和應用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 長度單位
4.3.2 CSS顏色
4.3.3 其他單位
習題4
上機操作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 使用復合選擇器
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 通過計數(shù)器插入項目編號
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 選擇默認元素
5.5.4 選擇有效和無效元素
5.5.5 選擇限定范圍的元素
5.5.6 選擇必填和可選字段
5.6 使用動態(tài)偽類選擇器
5.6.1 選擇各種狀態(tài)的超鏈接
5.6.2 選擇獲得焦點的元素
5.6.3 選擇被用戶選取的內(nèi)容
5.7 使用其他偽類選擇器
5.7.1 使用:not選擇器
5.7.2 使用:empty選擇器
5.7.3 使用:target選擇器
5.7.4 使用:lang選擇器
習題5
上機操作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)建浮動盒
6.4 設(shè)置定位屬性
6.4.1 設(shè)置元素的位置
6.4.2 設(shè)置元素的層疊順序
6.5 設(shè)置列表和表格樣式
6.5.1 設(shè)置列表樣式
6.5.2 設(shè)置表格樣式
習題6
上機操作6
第7章 創(chuàng)建頁面布局
7.1 創(chuà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àn)順序
7.2.4 設(shè)置項目尺寸的彈性
7.2.5 設(shè)置項目的對齊方式
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è)置跨列顯示
習題7
上機操作7
第8章 JavaScript編程
8.1 JavaScript語言基礎(chǔ)
8.1.1 基本語法規(guī)則
8.1.2 數(shù)據(jù)類型
8.1.3 變量
8.1.4 運算符
8.2 流程控制語句
8.2.1 條件語句
8.2.2 循環(huán)語句
8.2.3 異常捕獲語句
8.2.4 函數(shù)
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 設(shè)置事件屬性
8.4.3 DOM事件模型
8.4.3 HTML事件介紹
習題8
上機操作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 測量文本寬度
9.6 使用特效與變換
9.6.1 使用陰影效果
9.6.2 使用透明效果
9.6.3 使用變換
習題9
上機操作9
第10章 Web存儲
10.1 本地存儲
10.1.1 本地存儲機制
10.1.2 創(chuàng)建Web留言板
10.2 會話存儲
10.2.1 會話存儲機制
10.2.2 網(wǎng)站登錄
10.3 本地數(shù)據(jù)庫
10.3.1 本地數(shù)據(jù)庫的核心方法
10.3.2 用數(shù)據(jù)庫實現(xiàn)Web留言板
習題10
上機操作10