本書主要講解了Web前端開發的相關知識，主要包括HTML、CSS和JavaScript等內容。在講解理論知識的基礎上，更加重視套用實踐，分3個層次來強化學生的實際動手能力，包括每個知識點後的示例，每章後的綜合套用實例，以及每個部分後的實際案例。
基本介紹
- 書名：Web開發技術——HTML,CSS,JavaScript
- 作者：趙振，郝生武，王海紅主編
- ISBN：978-7-111-59213-6
- 頁數：264
- 定價：49.9
- 出版社：機械工業出版社
- 出版時間：2018年
- 開本：16開
出版信息,內容簡介,圖書目錄,
出版信息
書號： | 59213 | ISBN： | 978-7-111-59213-6 |
作者： | 趙振 | 印次： | 1-1 |
責編： | 郝建偉 | 開本： | 16開 |
字數： | 412千字 | 定價： | 49.9 |
所屬叢書： | “十三五”普通高等教育規劃教材 | ||
裝訂： | 平裝 | 出版日期： | 2018-05-08 |
內容簡介
《Web開發技術——HTML、CSS、JavaScript》主要講解了Web前端開發的相關知識，主要包括HTML、CSS和JavaScript等內容。在講解理論知識的基礎上，《Web開發技術——HTML、CSS、JavaScript》更加重視套用實踐，分3個層次來強化學生的實際動手能力，包括每個知識點後的示例demo，每章後的綜合套用實例，以及每個部分後的實際案例。本書配套提供所有的原始碼。 《Web開發技術——HTML、CSS、JavaScript》從實用的角度出發，在設計案例、章節內容等方面，力求能夠滿足讀者需求，使讀者可以迅速理解並借鑑套用相關知識點。 《Web開發技術——HTML、CSS、JavaScript》既可作為高等學校Web開發基礎課程的教材，也可作為Web開發人員的技術參考書。
圖書目錄
前言
第1章 HTML基礎
1.1 HTML簡介
1.2 HTML開發工具簡介
1.3 第一張HTML網頁
1.3.1 HTML的相關基本概念
1.3.2 HTML文檔基本結構
1.3.3 創建HTML網頁
1.4 實驗與練習
第2章 HTML基本標籤
2.1 頭部標籤"head"
2.2 標題標籤"title"
2.3 元信息標籤"meta"
2.3.1 "meta"基本語法及相關屬性
2.3.2 標記頁面關鍵字
2.3.3 標記頁面說明
2.3.4 標記頁面作者
2.3.5 標記頁面解碼方式
2.3.6 設定頁面自動跳轉
2.4 主體標籤"body"
2.4.1 背景色屬性bgcolor
2.4.2 背景圖片屬性background
2.4.3 背景圖片水印效果屬性
第1章 HTML基礎
1.1 HTML簡介
1.2 HTML開發工具簡介
1.3 第一張HTML網頁
1.3.1 HTML的相關基本概念
1.3.2 HTML文檔基本結構
1.3.3 創建HTML網頁
1.4 實驗與練習
第2章 HTML基本標籤
2.1 頭部標籤"head"
2.2 標題標籤"title"
2.3 元信息標籤"meta"
2.3.1 "meta"基本語法及相關屬性
2.3.2 標記頁面關鍵字
2.3.3 標記頁面說明
2.3.4 標記頁面作者
2.3.5 標記頁面解碼方式
2.3.6 設定頁面自動跳轉
2.4 主體標籤"body"
2.4.1 背景色屬性bgcolor
2.4.2 背景圖片屬性background
2.4.3 背景圖片水印效果屬性
bgproperties
2.4.4 文本顏色屬性text
2.4.5 邊距屬性margin
2.5 注釋標籤
2.6 實驗與練習
第3章 HTML文本格式標籤
3.1 文字標籤"font"
3.1.1 文字字型屬性face
3.1.2 文字顏色屬性color
3.1.3 文字大小屬性size
3.2 標題標籤"h1"～"h6"
3.3 一些文本特殊格式標籤
3.4 段落控制標籤
3.4.1 段落標籤"p"、"br /"
3.4.2 段落縮進標籤"blockquote"
3.5 列表標籤
3.5.1 有序列表標籤"ol"
3.5.2 無序列表標籤"ul"
3.5.3 定義列表標籤"dl"
3.6 水平線標籤"hr /"
3.7 實驗與練習
第4章 超連結標籤
4.1 絕對路徑與相對路徑
4.1.1 絕對路徑
4.1.2 相對路徑
4.2 超連結標籤"a"
4.2.1 href屬性
4.2.2 name屬性
4.3 其他連結類型
4.4 超連結與SEO
4.5 實驗與練習
第5章 多媒體標籤
5.1 圖像標籤"img"
5.1.1 圖像源src屬性
5.1.2 圖像文字信息alt、title屬性
5.1.3 圖像大小width、height屬性
5.1.4 圖像框線border屬性
5.1.5 圖像外邊距vspace、hspace屬性
5.1.6 圖像對齊align屬性
5.1.7 使用圖像超連結
5.1.8 定義圖像映射
5.2 動態滾動效果標籤"marquee"
5.3 播放音頻和視頻
5.4 實驗與練習
第6章 創建表格
6.1 表格基本標籤
6.1.1 表格標籤"table"、行標籤"tr"
及單元格標籤"td"
6.1.2 表格標題標籤"caption"
6.1.3 表格表頭標籤"th"
6.2 表格標籤的相關屬性
6.2.1 跨行、跨列屬性rowspan、
colspan
6.2.2 設定單元格間距、內邊距屬性
ellspacing、cellpadding
6.2.3 表格、單元格寬度、高度屬性
width、height
6.2.4 表格、單元格背景顏色屬性
bgcolor
6.2.5 表格、行及單元格水平對齊方式
屬性align
6.2.6 表格、行及單元格垂直對齊方式
2.4.4 文本顏色屬性text
2.4.5 邊距屬性margin
2.5 注釋標籤
2.6 實驗與練習
第3章 HTML文本格式標籤
3.1 文字標籤"font"
3.1.1 文字字型屬性face
3.1.2 文字顏色屬性color
3.1.3 文字大小屬性size
3.2 標題標籤"h1"～"h6"
3.3 一些文本特殊格式標籤
3.4 段落控制標籤
3.4.1 段落標籤"p"、"br /"
3.4.2 段落縮進標籤"blockquote"
3.5 列表標籤
3.5.1 有序列表標籤"ol"
3.5.2 無序列表標籤"ul"
3.5.3 定義列表標籤"dl"
3.6 水平線標籤"hr /"
3.7 實驗與練習
第4章 超連結標籤
4.1 絕對路徑與相對路徑
4.1.1 絕對路徑
4.1.2 相對路徑
4.2 超連結標籤"a"
4.2.1 href屬性
4.2.2 name屬性
4.3 其他連結類型
4.4 超連結與SEO
4.5 實驗與練習
第5章 多媒體標籤
5.1 圖像標籤"img"
5.1.1 圖像源src屬性
5.1.2 圖像文字信息alt、title屬性
5.1.3 圖像大小width、height屬性
5.1.4 圖像框線border屬性
5.1.5 圖像外邊距vspace、hspace屬性
5.1.6 圖像對齊align屬性
5.1.7 使用圖像超連結
5.1.8 定義圖像映射
5.2 動態滾動效果標籤"marquee"
5.3 播放音頻和視頻
5.4 實驗與練習
第6章 創建表格
6.1 表格基本標籤
6.1.1 表格標籤"table"、行標籤"tr"
及單元格標籤"td"
6.1.2 表格標題標籤"caption"
6.1.3 表格表頭標籤"th"
6.2 表格標籤的相關屬性
6.2.1 跨行、跨列屬性rowspan、
colspan
6.2.2 設定單元格間距、內邊距屬性
ellspacing、cellpadding
6.2.3 表格、單元格寬度、高度屬性
width、height
6.2.4 表格、單元格背景顏色屬性
bgcolor
6.2.5 表格、行及單元格水平對齊方式
屬性align
6.2.6 表格、行及單元格垂直對齊方式
屬性valign
6.2.7 表格框線可見屬性frame、rules
6.3 實驗與練習
第7章 創建框架
7.1 框架集標籤"frameset"
7.1.1 水平分割、垂直分割視窗rows、
cols屬性
7.1.2 框架框線屬性border及
bordercolor
7.1.3 使用noframes屬性設定框架無效時
的替代文本
7.2 框架標籤"frame"
7.2.1 frame框架標籤的若干屬性
7.2.2 使用超連結中的target屬性
控制框架跳轉顯示
6.2.7 表格框線可見屬性frame、rules
6.3 實驗與練習
第7章 創建框架
7.1 框架集標籤"frameset"
7.1.1 水平分割、垂直分割視窗rows、
cols屬性
7.1.2 框架框線屬性border及
bordercolor
7.1.3 使用noframes屬性設定框架無效時
的替代文本
7.2 框架標籤"frame"
7.2.1 frame框架標籤的若干屬性
7.2.2 使用超連結中的target屬性
控制框架跳轉顯示
7.3 浮動框架標籤"iframe"
7.4 實驗與練習
第8章 創建表單
8.1 表單標籤
8.2 輸入標籤"input"
8.3 列表標籤"select"
8.4 文本域標籤"textarea"
8.5 實驗與練習
第9章 項目實訓1—使用HTML進行
物業公司網站設計
9.1 網站需求分析
9.2 網頁布局設計與實現
9.2.1 網頁布局總體設計
9.2.2 網頁布局方法選擇
9.2.3 網頁布局實現
9.3 網站色彩設計
9.3.1 色彩的基本知識
9.3.2 色彩搭配原則
9.3.3 本網站的色彩設計
9.4 網站局部設計與實現
9.4.1 公司商標和公司名稱部分
9.4.2 宣傳圖片、橫幅或標語部分
9.4.3 公司新聞與榮譽資質部分
9.4.4 網站導航和正文部分
9.4.5 頁腳部分
9.5 總結分析
第10章 CSS基礎
10.1 CSS基本概念
10.2 CSS的特點
10.3 HTML文檔使用CSS的方式
10.4 第一個CSS樣式設計
10.5 實驗與練習
第11章 CSS語法
11.1 CSS的基本語法格式
11.2 選擇符
11.2.1 HTML選擇符
11.2.2 類選擇符
11.2.3 id選擇符
11.2.4 偽類選擇符
11.3 CSS的複合使用方式
11.3.1 CSS樣式的組合
11.3.2 CSS樣式的繼承
11.3.3 CSS樣式的關聯
11.4 實驗與練習
第12章 CSS的常用屬性
12.1 字型屬性
12.1.1 字型系列屬性font-family
12.1.2 字型風格屬性font-style
12.1.3 字型大小屬性font-size
12.1.4 字型綜合屬性font
12.2 背景屬性
12.2.1 背景顏色屬性background-color
12.2.2 背景圖片屬性background-image、
background-repeat
12.2.3 背景綜合屬性background
12.3 文本屬性
12.3.1 顏色屬性color
12.3.2 文本修飾屬性text-decoration
12.3.3 對齊方式屬性text-align
12.3.4 行高屬性line-height
12.4 邊距屬性
12.4.1 外邊距屬性
12.4.2 內邊距屬性
12.5 框線屬性
12.5.1 框線基本屬性
12.5.2 框線綜合屬性
12.6 列表屬性
12.6.1 列表項標誌類型屬性
list-style-type
12.6.2 列表項標誌位置屬性
list-style-position
12.6.3 列表項標誌圖像屬性
list-style-image
12.6.4 列表項綜合屬性list-style
12.7 偽類:link、:visited、:hover、
:active
12.8 實驗與練習
第13章 CSS的定位方式
13.1 定位相關基礎知識
13.2 相對定位
13.3 絕對定位
13.4 浮動定位
13.4.1 使用float屬性進行浮動定位
13.4.2 浮動元素之間的影響
13.4.3 不同尺寸浮動元素之間的影響
13.4.4 浮動元素與普通流元素之間的
影響
7.4 實驗與練習
第8章 創建表單
8.1 表單標籤
8.2 輸入標籤"input"
8.3 列表標籤"select"
8.4 文本域標籤"textarea"
8.5 實驗與練習
第9章 項目實訓1—使用HTML進行
物業公司網站設計
9.1 網站需求分析
9.2 網頁布局設計與實現
9.2.1 網頁布局總體設計
9.2.2 網頁布局方法選擇
9.2.3 網頁布局實現
9.3 網站色彩設計
9.3.1 色彩的基本知識
9.3.2 色彩搭配原則
9.3.3 本網站的色彩設計
9.4 網站局部設計與實現
9.4.1 公司商標和公司名稱部分
9.4.2 宣傳圖片、橫幅或標語部分
9.4.3 公司新聞與榮譽資質部分
9.4.4 網站導航和正文部分
9.4.5 頁腳部分
9.5 總結分析
第10章 CSS基礎
10.1 CSS基本概念
10.2 CSS的特點
10.3 HTML文檔使用CSS的方式
10.4 第一個CSS樣式設計
10.5 實驗與練習
第11章 CSS語法
11.1 CSS的基本語法格式
11.2 選擇符
11.2.1 HTML選擇符
11.2.2 類選擇符
11.2.3 id選擇符
11.2.4 偽類選擇符
11.3 CSS的複合使用方式
11.3.1 CSS樣式的組合
11.3.2 CSS樣式的繼承
11.3.3 CSS樣式的關聯
11.4 實驗與練習
第12章 CSS的常用屬性
12.1 字型屬性
12.1.1 字型系列屬性font-family
12.1.2 字型風格屬性font-style
12.1.3 字型大小屬性font-size
12.1.4 字型綜合屬性font
12.2 背景屬性
12.2.1 背景顏色屬性background-color
12.2.2 背景圖片屬性background-image、
background-repeat
12.2.3 背景綜合屬性background
12.3 文本屬性
12.3.1 顏色屬性color
12.3.2 文本修飾屬性text-decoration
12.3.3 對齊方式屬性text-align
12.3.4 行高屬性line-height
12.4 邊距屬性
12.4.1 外邊距屬性
12.4.2 內邊距屬性
12.5 框線屬性
12.5.1 框線基本屬性
12.5.2 框線綜合屬性
12.6 列表屬性
12.6.1 列表項標誌類型屬性
list-style-type
12.6.2 列表項標誌位置屬性
list-style-position
12.6.3 列表項標誌圖像屬性
list-style-image
12.6.4 列表項綜合屬性list-style
12.7 偽類:link、:visited、:hover、
:active
12.8 實驗與練習
第13章 CSS的定位方式
13.1 定位相關基礎知識
13.2 相對定位
13.3 絕對定位
13.4 浮動定位
13.4.1 使用float屬性進行浮動定位
13.4.2 浮動元素之間的影響
13.4.3 不同尺寸浮動元素之間的影響
13.4.4 浮動元素與普通流元素之間的
影響
13.4.5 使用clear屬性清除浮動
13.5 實驗與練習
第14章 項目實訓2——使用CSS對
物業公司網站進行設計
14.1 使用CSS對網頁的樣式和
布局進行設計
14.1.1 使用CSS對網頁樣式進行
設計
14.1.2 使用CSS對網頁布局進行
設計
14.2 網頁布局實現
14.2.1 使用DIV+CSS實現網頁布局
14.2.2 公司商標和公司名稱部分
14.2.3 宣傳圖片、橫幅或標語部分
14.2.4 公司新聞與榮譽資質部分
14.3 網頁內容填充設計
14.4 網站導航和正文部分
13.5 實驗與練習
第14章 項目實訓2——使用CSS對
物業公司網站進行設計
14.1 使用CSS對網頁的樣式和
布局進行設計
14.1.1 使用CSS對網頁樣式進行
設計
14.1.2 使用CSS對網頁布局進行
設計
14.2 網頁布局實現
14.2.1 使用DIV+CSS實現網頁布局
14.2.2 公司商標和公司名稱部分
14.2.3 宣傳圖片、橫幅或標語部分
14.2.4 公司新聞與榮譽資質部分
14.3 網頁內容填充設計
14.4 網站導航和正文部分
14.4.1 宿主網頁設計與實現
14.4.2 嵌入網頁設計與實現
14.5 頁腳部分
14.6 總結分析
第15章 JavaScript簡介
15.1 JavaScript背景知識
15.2 JavaScript特點
15.3 JavaScript開發與運行環境
15.4 第一個JavaScript程式
15.5 實驗與練習
第16章 JavaScript基礎知識
16.1 JavaScript數據類型
16.1.1 字元串類型
16.1.2 數字類型
16.1.3 布爾類型
16.1.4 數組類型
16.1.5 對象類型
16.2 JavaScript常量和變數
16.2.1 常量
16.2.2 變數
16.3 JavaScript表達式與運算符
16.3.1 算術運算符
16.3.2 關係運算符
16.3.3 邏輯運算符
16.3.4 其他運算符
16.4 JavaScript控制語句
16.4.1 選擇語句
16.4.2 循環語句
16.4.3 break語句與continue語句
在循環語句中的區別
16.4.4 異常處理語句
16.5 JavaScript數組
16.5.1 創建數組
16.5.2 數組的方法
16.5.3 數組對象的屬性
16.6 JavaScript函式
16.6.1 創建函式
16.6.2 函式的參數
16.6.3 函式的返回類型
16.6.4 this關鍵字
16.7 實驗與練習
第17章 JavaScript事件
17.1 事件驅動與回響處理
17.1.1 “發生—處理”模式
17.1.2 事件的捕獲和冒泡
17.2 滑鼠移動事件
17.3 滑鼠點擊事件
17.4 頁面載入與卸載事件
17.5 獲得與失去焦點事件
17.5.1 獲得焦點事件
17.5.2 失去焦點事件
17.6 鍵盤事件
17.6.1 按鍵被按下事件
17.6.2 按鍵被釋放事件
17.6.3 按鍵按下後釋放事件
17.7 提交與重置事件
17.7.1 提交事件
17.7.2 重置事件
17.8 選擇與改變事件
17.8.1 選擇事件
17.8.2 改變事件
17.9 實驗與練習
第18章 JavaScript對象
18.1 構建自定義對象並使用
18.2 客戶端對象層次結構
18.3 Window對象
18.3.1 Window對象屬性
18.3.2 Window對象方法
18.4 螢幕Screen對象
18.5 瀏覽器Navigator對象
18.5.1 Navigator對象屬性
18.5.2 Navigator對象方法
18.6 文檔Document對象
18.6.1 Document對象介紹
18.6.2 Document對象屬性
18.6.3 Document對象集合
18.6.4 Document對象方法
18.7 Cookie對象
18.7.1 Cookie對象介紹
18.7.2 Cookie對象的創建和存儲
18.7.3 Cookie的獲取與套用
18.8 歷史History對象
18.8.1 History對象介紹
18.8.2 History對象屬性
18.8.3 History對象方法
18.9 地址Location對象
18.9.1 Location對象介紹
18.9.2 Location對象屬性
18.9.3 Location對象方法
18.10 實驗與練習
第19章 HTML DOM基礎
19.1 HTML DOM簡介
19.2 HTML DOM節點
19.2.1 DOM節點的定義
19.2.2 DOM樹節點層次
19.3 HTML DOM編程接口
19.3.1 DOM方法
19.3.2 DOM屬性
19.4 HTML DOM節點管理
19.4.1 查找與訪問DOM節點
19.4.2 添加DOM節點
19.4.3 刪除DOM節點
19.4.4 替換DOM節點內容
19.4.5 改變DOM節點樣式
19.5 實驗與練習
第20章 Ajax實現異步後台傳輸技術
20.1 Ajax實現後台傳輸技術簡介
20.2 Ajax相關關鍵技術及工作
原理
20.2.1 XMLHttpRequest對象及其
方法、屬性
20.2.2 jQuery庫
20.2.3 Ajax的工作原理及流程
20.3 示例程式
20.3.1 客戶端關鍵代碼
20.3.2 伺服器端關鍵代碼
20.3.3 案例系統運行效果
20.4 實驗與練習
第21章 項目實訓3—使用JavaScript
對小區物業網站的設計進行
最佳化
21.1 網站需求分析
21.2 JavaScript 對登錄網頁增加
用戶互動
21.3 使用Cookie提升界面友好性
21.4 JavaScript 對相應網頁增加
動畫效果
21.4.1 實現環境景點圖片輪播功能
21.4.2 實現Ajax實時更新功能
21.5 總結分析
參考文獻
14.4.2 嵌入網頁設計與實現
14.5 頁腳部分
14.6 總結分析
第15章 JavaScript簡介
15.1 JavaScript背景知識
15.2 JavaScript特點
15.3 JavaScript開發與運行環境
15.4 第一個JavaScript程式
15.5 實驗與練習
第16章 JavaScript基礎知識
16.1 JavaScript數據類型
16.1.1 字元串類型
16.1.2 數字類型
16.1.3 布爾類型
16.1.4 數組類型
16.1.5 對象類型
16.2 JavaScript常量和變數
16.2.1 常量
16.2.2 變數
16.3 JavaScript表達式與運算符
16.3.1 算術運算符
16.3.2 關係運算符
16.3.3 邏輯運算符
16.3.4 其他運算符
16.4 JavaScript控制語句
16.4.1 選擇語句
16.4.2 循環語句
16.4.3 break語句與continue語句
在循環語句中的區別
16.4.4 異常處理語句
16.5 JavaScript數組
16.5.1 創建數組
16.5.2 數組的方法
16.5.3 數組對象的屬性
16.6 JavaScript函式
16.6.1 創建函式
16.6.2 函式的參數
16.6.3 函式的返回類型
16.6.4 this關鍵字
16.7 實驗與練習
第17章 JavaScript事件
17.1 事件驅動與回響處理
17.1.1 “發生—處理”模式
17.1.2 事件的捕獲和冒泡
17.2 滑鼠移動事件
17.3 滑鼠點擊事件
17.4 頁面載入與卸載事件
17.5 獲得與失去焦點事件
17.5.1 獲得焦點事件
17.5.2 失去焦點事件
17.6 鍵盤事件
17.6.1 按鍵被按下事件
17.6.2 按鍵被釋放事件
17.6.3 按鍵按下後釋放事件
17.7 提交與重置事件
17.7.1 提交事件
17.7.2 重置事件
17.8 選擇與改變事件
17.8.1 選擇事件
17.8.2 改變事件
17.9 實驗與練習
第18章 JavaScript對象
18.1 構建自定義對象並使用
18.2 客戶端對象層次結構
18.3 Window對象
18.3.1 Window對象屬性
18.3.2 Window對象方法
18.4 螢幕Screen對象
18.5 瀏覽器Navigator對象
18.5.1 Navigator對象屬性
18.5.2 Navigator對象方法
18.6 文檔Document對象
18.6.1 Document對象介紹
18.6.2 Document對象屬性
18.6.3 Document對象集合
18.6.4 Document對象方法
18.7 Cookie對象
18.7.1 Cookie對象介紹
18.7.2 Cookie對象的創建和存儲
18.7.3 Cookie的獲取與套用
18.8 歷史History對象
18.8.1 History對象介紹
18.8.2 History對象屬性
18.8.3 History對象方法
18.9 地址Location對象
18.9.1 Location對象介紹
18.9.2 Location對象屬性
18.9.3 Location對象方法
18.10 實驗與練習
第19章 HTML DOM基礎
19.1 HTML DOM簡介
19.2 HTML DOM節點
19.2.1 DOM節點的定義
19.2.2 DOM樹節點層次
19.3 HTML DOM編程接口
19.3.1 DOM方法
19.3.2 DOM屬性
19.4 HTML DOM節點管理
19.4.1 查找與訪問DOM節點
19.4.2 添加DOM節點
19.4.3 刪除DOM節點
19.4.4 替換DOM節點內容
19.4.5 改變DOM節點樣式
19.5 實驗與練習
第20章 Ajax實現異步後台傳輸技術
20.1 Ajax實現後台傳輸技術簡介
20.2 Ajax相關關鍵技術及工作
原理
20.2.1 XMLHttpRequest對象及其
方法、屬性
20.2.2 jQuery庫
20.2.3 Ajax的工作原理及流程
20.3 示例程式
20.3.1 客戶端關鍵代碼
20.3.2 伺服器端關鍵代碼
20.3.3 案例系統運行效果
20.4 實驗與練習
第21章 項目實訓3—使用JavaScript
對小區物業網站的設計進行
最佳化
21.1 網站需求分析
21.2 JavaScript 對登錄網頁增加
用戶互動
21.3 使用Cookie提升界面友好性
21.4 JavaScript 對相應網頁增加
動畫效果
21.4.1 實現環境景點圖片輪播功能
21.4.2 實現Ajax實時更新功能
21.5 總結分析
參考文獻
