掃一掃
關注中圖網
官方微博
本類五星書更多>
-
>
闖進數學世界――探秘歷史名題
-
>
中醫基礎理論
-
>
當代中國政府與政治(新編21世紀公共管理系列教材)
-
>
高校軍事課教程
-
>
思想道德與法治(2021年版)
-
>
毛澤東思想和中國特色社會主義理論體系概論(2021年版)
-
>
中醫內科學·全國中醫藥行業高等教育“十四五”規劃教材
WEB前端開發實訓案例教程(初級)/北京新奧時代科技有限責任公司 版權信息
- ISBN：9787121357664
- 條形碼：9787121357664 ; 978-7-121-35766-4
- 裝幀：平塑
- 冊數：暫無
- 重量：暫無
- 所屬分類：>>
WEB前端開發實訓案例教程(初級)/北京新奧時代科技有限責任公司 本書特色
本書是按照《Web前端開發職業技能等級標準》編寫的配套實踐教程，其中涉及的應用技術專題和項目代碼均在主流瀏覽器中運行通過。本書結合大學計算機相關專業Web前端開發方向課程體系、企業Web前端開發崗位能力模型和《Web前端開發職業技能等級標準》，形成Web前端開發三位一體知識地圖，以實踐能力為導向，以企業真實應用為目標，遵循企業軟件工程標準和技術，以任務為驅動，針對HTML5、CSS3、JavaScript、jQuery等重要Web前端開發中的知識單元，結合實際案例和應用環境進行分析與設計，并對每個重要知識單元進行詳細的實現，使讀者能夠真正掌握這些知識在實際場景中的應用。本書分為兩大部分：*部分為實驗，采用技術專題進行知識單元訓練，可以對應課程練習或實驗，針對不同的知識單元設計了實驗項目，重點訓練每個知識單元的內容；第二部分為綜合實踐，可以對應課程設計或綜合實踐，運用一個電商網站項目貫穿Web前端開發核心知識，完整訓練核心知識單元在企業真實項目中的應用。本書適合作為《Web前端開發職業技能等級標準》實踐教學的參考用書，也可作為對Web前端開發感興趣的學習者的指導用書。
WEB前端開發實訓案例教程(初級)/北京新奧時代科技有限責任公司 內容簡介
本書是按照《Web前端開發職業技能等級標準》編寫的配套實踐教程，其中涉及的應用技術專題和項目代碼均在主流瀏覽器中運行通過。本書結合大學計算機相關專業Web前端開發方向課程體系、企業Web前端開發崗位能力模型和《Web前端開發職業技能等級標準》，形成Web前端開發三位一體知識地圖，以實踐能力為導向，以企業真實應用為目標，遵循企業軟件工程標準和技術，以任務為驅動，針對HTML5、CSS3、JavaScript、jQuery等重要Web前端開發中的知識單元，結合實際案例和應用環境進行分析與設計，并對每個重要知識單元進行詳細的實現，使讀者能夠真正掌握這些知識在實際場景中的應用。本書分為兩大部分：部分為實驗，采用技術專題進行知識單元訓練，可以對應課程練習或實驗，針對不同的知識單元設計了實驗項目，重點訓練每個知識單元的內容；第二部分為綜合實踐，可以對應課程設計或綜合實踐，運用一個電商網站項目貫穿Web前端開發核心知識，完整訓練核心知識單元在企業真實項目中的應用。本書適合作為《Web前端開發職業技能等級標準》實踐教學的參考用書，也可作為對Web前端開發感興趣的學習者的指導用書。
WEB前端開發實訓案例教程(初級)/北京新奧時代科技有限責任公司 目錄
目 錄
第1章 實踐概述 1
1.1 實踐目標 1
1.2 實踐知識地圖 1
1.3 實施安排 6
1.3.1 實驗部分（技術專題） 6
1.3.2 綜合實踐部分 11
第2章 網頁設計與制作 19
2.1 實驗目標 19
2.2 實驗任務 19
2.3 設計思路 20
2.4 實驗實施（跟我做） 20
2.4.1 步驟一：設計網頁原型 20
2.4.2 步驟二：設計頁面效果 21
2.4.3 步驟三：網頁切圖 22
2.4.4 步驟四：網頁設計 25
第3章 開發工具（HBuilder） 26
3.1 實驗目標 26
3.2 實驗任務 26
3.3 設計思路 26
3.4 實驗實施（跟我做） 27
3.3.1 步驟一：下載并安裝
HBuilder 27
3.3.2 步驟二：啟動HBuilder 27
3.3.3 步驟三：創建工程 28
3.3.4 步驟四：創建HTML頁面 29
3.3.5 步驟五：編輯HTML文件 30
3.3.6 步驟六：運行 30
第4章 網站服務器部署
（Apache服務器） 32
4.1 實驗目標 32
4.2 實驗任務 32
4.3 設計思路 32
4.4 實驗實施（跟我做） 32
4.3.1 步驟一：下載Apache 32
4.3.2 步驟二：安裝Apache 34
4.3.3 步驟三：測試Apache 35
第5章 HTML制作靜態網頁
（新聞網站） 36
5.1 實驗目標 36
5.2 實驗任務 37
5.3 設計思路 37
5.4 實驗實施（跟我做） 38
5.4.1 步驟一：創建“登錄”頁面 38
5.4.2 步驟二：添加“登錄”
頁面內容 38
5.4.3 步驟三：創建新聞首頁和
二級頁面 39
5.4.4 步驟四：添加新聞頁面
內容 39
5.4.5 步驟五：實現頁面跳轉 42
第6章 CSS設計頁面樣式
（購物網站） 43
6.1 實驗目標 43
6.2 實驗任務 44
6.3 設計思路 44
6.4 實驗實施（跟我做） 46
6.4.1 步驟一：創建文件 46
6.4.2 步驟二：鏈接到外部
樣式文件 46
6.4.3 步驟三：導航欄樣式 47
6.4.4 步驟四：左邊欄 48
6.4.5 步驟五：右邊欄 50
6.4.6 步驟六：底邊欄 51
第7章 JavaScript開發交互效果頁面
（網頁計算器） 53
7.1 實驗目標 53
7.2 實驗任務 54
7.3 設計思路 54
7.4 實驗實施（跟我做） 56
7.4.1 步驟一：HTML布局 56
7.4.2 步驟二：CSS添加樣式 57
7.4.3 步驟三：JavaScript計算 59
7.4.4 步驟四：擴展功能
（驗證正則表達式） 62
第8章 jQuery開發交互效果頁面
（手機號抽獎） 64
8.1 實驗目標 64
8.2 實驗任務 65
8.3 設計思路 65
8.4 實驗實施（跟我做） 66
8.4.1 步驟一：頁面構建 66
8.4.2 步驟二：下載并引用jQuery
和jQuery UI 67
8.4.3 步驟三：隨機生成10個
手機號碼 67
8.4.4 步驟四：抽獎 68
8.4.5 步驟五：重置抽獎 68
第9章 CSS3新特性開發頁面樣式
（微博網站） 70
9.1 實驗目標 70
9.2 實驗任務 70
9.3 設計思路 71
9.4 實驗實施（跟我做） 72
9.4.1 步驟一：搭建頁面主體
結構 72
9.4.2 步驟二：搭建頁面主體
內容 73
9.4.3 步驟三：添加正文內容 73
9.4.4 步驟四：美化微博話題 75
9.4.5 步驟五：對微博話題的字體
進行美化 76
9.4.6 步驟六：對微博話題的
背景色進行美化 77
第10章 HTML標簽美化頁面
（課程信息管理系統） 78
10.1 實驗目標 78
10.2 實驗任務 79
10.3 設計思路 80
10.4 實驗實施（跟我做） 81
10.4.1 步驟一：搭建頁面主體結構
和內容 81
10.4.2 步驟二：創建form表單和
搜索框 82
10.4.3 步驟三：創建班級列表 82
10.4.4 步驟四：制作課程表
子頁面 82
10.4.5 步驟五：使用＜iframe＞標簽
導入表格 84
10.4.6 步驟六：為課程添加超鏈接
進入課程詳情頁面 85
第11章 CSS3新特性開發動態頁面樣式
（天氣網） 86
11.1 實驗目標 86
11.2 實驗任務 87
11.3 設計思路 87
11.4 實驗實施（跟我做） 88
11.4.1 步驟一：創建HTML
文件 88
11.4.2 步驟二：搭建天氣預報
主體 88
11.4.3 步驟三：用CSS美化 89
11.4.4 步驟四：制作CSS3動畫 91
11.4.5 步驟五：使用自定義字體 92
11.4.6 步驟六：使用彈性布局 92
11.4.7 步驟七：使用多列布局 92
第12章 HTML5制作移動端靜態網頁
（房屋裝飾網站） 94
12.1 實驗目標 94
12.2 實驗任務 95
12.3 設計思路 95
12.4 實驗實施（跟我做） 97
12.4.1 步驟一：適配移動端視口 97
12.4.2 步驟二：搭建頁面主體結構
和內容 97
12.4.3 步驟三：創建搜索欄 97
12.4.4 步驟四：創建導航欄 98
12.4.5 步驟五：使用＜figure＞標簽
創建房屋信息 98
12.4.6 步驟六：創建音樂播放欄 99
12.4.7 步驟七：頁腳按鈕 99
12.4.8 步驟八：創建房屋頁面 99
第13章 CSS3新特性開發移動端頁面
樣式（電商平臺網站） 101
13.1 實驗目標 101
13.2 實驗任務 101
13.3 設計思路 102
13.4 實驗實施（跟我做） 103
13.4.1 步驟一：創建符合HTML5
的HTML文件 103
13.4.2 步驟二：使用viewport
屬性 103
13.4.3 步驟三：搭建網頁主體
結構 103
13.4.4 步驟四：用CSS3美化 104
第14章 JavaScript開發移動端交互效果
頁面（項目提成計算器） 107
14.1 實驗目標 107
14.2 實驗任務 107
14.3 設計思路 108
14.4 實驗實施（跟我做） 109
14.4.1 步驟一：創建項目主體 109
14.4.2 步驟二：用CSS美化 110
14.4.3 步驟三：編寫JavaScript 110
第15章 HTML5美化移動端靜態網頁
（視頻網站） 113
15.1 實驗目標 113
15.2 實驗任務 113
15.3 設計思路 114
15.4 實驗實施（跟我做） 115
15.4.1 步驟一：搭建頁面
主體結構 115
15.4.2 步驟二：添加頁頭
部分內容 116
15.4.3 步驟三：添加正文
部分內容 116
15.4.4 步驟四：添加頁腳
部分內容 118
第16章 CSS3新特性美化移動端靜態
頁面（學院門戶網站） 119
16.1 實驗目標 119
16.2 實驗任務 119
16.3 設計思路 120
16.4 實驗實施（跟我做） 120
16.4.1 步驟一：搭建頁面結構 120
16.4.2 步驟二：添加頁頭Logo 121
16.4.3 步驟三：正文內容樣式 122
16.4.4 步驟四：頁腳內容效果 123
第17章 綜合實踐（跳蚤市場） 125
17.1 項目簡介 125
17.2 實踐目標 125
17.3 需求分析 126
17.4 界面設計 127
17.4.1 頁面類型 127
17.4.2 頁面整體布局 127
17.4.3 頁頭和頁腳 128
17.4.4 “注冊”頁面 128
17.4.5 首頁 128
17.4.6 “用戶中心”頁面 129
17.4.7 頁面效果 129
17.4.8 項目頁面匯總 131
17.5 **階段HTML5基礎：
創建工程 132
17.5.1 工作任務 132
17.5.2 設計思路 132
17.5.3 實現（跟我做） 132
17.6 **階段HTML5基礎：
首頁 136
17.6.1 工作任務 136
17.6.2 設計思路 137
17.6.3 實現（跟我做） 137
17.7 **階段HTML5基礎：
注冊和登錄 139
17.7.1 工作任務 139
17.7.2 設計思路 139
17.7.3 實現（跟我做） 140
17.8 **階段HTML5基礎：
用戶中心 142
17.8.1 用戶中心I 142
17.8.2 用戶中心Ⅱ 149
17.9 第二階段HTML5 CSS3 JS：
商品管理 154
17.9.1 發布商品 154
17.9.2 修改商品信息 158
17.9.3 刪除商品 162
17.9.4 商品分類列表 165
17.9.5 搜索商品 170
17.10 第二階段HTML5 CSS3 JS：
訂單管理 175
17.10.1 下訂單 175
17.10.2 支付 180
17.10.3 查詢訂單 184
17.11 第二階段HTML5 CSS3 JS：
留言管理 190
17.11.1 工作任務 190
17.11.2 設計思路 191
17.11.3 實現（跟我做） 192
17.12 第二階段HTML5 CSS3 JS：
系統管理 197
17.12.1 工作任務 197
17.12.2 設計思路 198
17.12.3 實現（跟我做） 199
17.13 第三階段CSS樣式進階 jQuery：
網站樣式優化 204
17.13.1 頁頭和頁腳樣式 204
17.13.2 首頁優化 213
17.13.3 表單樣式優化 223
17.13.4 菜單樣式優化 224
17.13.5 表格樣式優化 225
17.14 第四階段移動端頁面HTML5
CSS3：移動端頁面設計 227
17.14.1 移動端首頁設計 227
17.14.2 移動端表單設計 232
17.14.3 移動端列表設計 236
17.14.4 自適應頁面設計 241
第1章 實踐概述 1
1.1 實踐目標 1
1.2 實踐知識地圖 1
1.3 實施安排 6
1.3.1 實驗部分（技術專題） 6
1.3.2 綜合實踐部分 11
第2章 網頁設計與制作 19
2.1 實驗目標 19
2.2 實驗任務 19
2.3 設計思路 20
2.4 實驗實施（跟我做） 20
2.4.1 步驟一：設計網頁原型 20
2.4.2 步驟二：設計頁面效果 21
2.4.3 步驟三：網頁切圖 22
2.4.4 步驟四：網頁設計 25
第3章 開發工具（HBuilder） 26
3.1 實驗目標 26
3.2 實驗任務 26
3.3 設計思路 26
3.4 實驗實施（跟我做） 27
3.3.1 步驟一：下載并安裝
HBuilder 27
3.3.2 步驟二：啟動HBuilder 27
3.3.3 步驟三：創建工程 28
3.3.4 步驟四：創建HTML頁面 29
3.3.5 步驟五：編輯HTML文件 30
3.3.6 步驟六：運行 30
第4章 網站服務器部署
（Apache服務器） 32
4.1 實驗目標 32
4.2 實驗任務 32
4.3 設計思路 32
4.4 實驗實施（跟我做） 32
4.3.1 步驟一：下載Apache 32
4.3.2 步驟二：安裝Apache 34
4.3.3 步驟三：測試Apache 35
第5章 HTML制作靜態網頁
（新聞網站） 36
5.1 實驗目標 36
5.2 實驗任務 37
5.3 設計思路 37
5.4 實驗實施（跟我做） 38
5.4.1 步驟一：創建“登錄”頁面 38
5.4.2 步驟二：添加“登錄”
頁面內容 38
5.4.3 步驟三：創建新聞首頁和
二級頁面 39
5.4.4 步驟四：添加新聞頁面
內容 39
5.4.5 步驟五：實現頁面跳轉 42
第6章 CSS設計頁面樣式
（購物網站） 43
6.1 實驗目標 43
6.2 實驗任務 44
6.3 設計思路 44
6.4 實驗實施（跟我做） 46
6.4.1 步驟一：創建文件 46
6.4.2 步驟二：鏈接到外部
樣式文件 46
6.4.3 步驟三：導航欄樣式 47
6.4.4 步驟四：左邊欄 48
6.4.5 步驟五：右邊欄 50
6.4.6 步驟六：底邊欄 51
第7章 JavaScript開發交互效果頁面
（網頁計算器） 53
7.1 實驗目標 53
7.2 實驗任務 54
7.3 設計思路 54
7.4 實驗實施（跟我做） 56
7.4.1 步驟一：HTML布局 56
7.4.2 步驟二：CSS添加樣式 57
7.4.3 步驟三：JavaScript計算 59
7.4.4 步驟四：擴展功能
（驗證正則表達式） 62
第8章 jQuery開發交互效果頁面
（手機號抽獎） 64
8.1 實驗目標 64
8.2 實驗任務 65
8.3 設計思路 65
8.4 實驗實施（跟我做） 66
8.4.1 步驟一：頁面構建 66
8.4.2 步驟二：下載并引用jQuery
和jQuery UI 67
8.4.3 步驟三：隨機生成10個
手機號碼 67
8.4.4 步驟四：抽獎 68
8.4.5 步驟五：重置抽獎 68
第9章 CSS3新特性開發頁面樣式
（微博網站） 70
9.1 實驗目標 70
9.2 實驗任務 70
9.3 設計思路 71
9.4 實驗實施（跟我做） 72
9.4.1 步驟一：搭建頁面主體
結構 72
9.4.2 步驟二：搭建頁面主體
內容 73
9.4.3 步驟三：添加正文內容 73
9.4.4 步驟四：美化微博話題 75
9.4.5 步驟五：對微博話題的字體
進行美化 76
9.4.6 步驟六：對微博話題的
背景色進行美化 77
第10章 HTML標簽美化頁面
（課程信息管理系統） 78
10.1 實驗目標 78
10.2 實驗任務 79
10.3 設計思路 80
10.4 實驗實施（跟我做） 81
10.4.1 步驟一：搭建頁面主體結構
和內容 81
10.4.2 步驟二：創建form表單和
搜索框 82
10.4.3 步驟三：創建班級列表 82
10.4.4 步驟四：制作課程表
子頁面 82
10.4.5 步驟五：使用＜iframe＞標簽
導入表格 84
10.4.6 步驟六：為課程添加超鏈接
進入課程詳情頁面 85
第11章 CSS3新特性開發動態頁面樣式
（天氣網） 86
11.1 實驗目標 86
11.2 實驗任務 87
11.3 設計思路 87
11.4 實驗實施（跟我做） 88
11.4.1 步驟一：創建HTML
文件 88
11.4.2 步驟二：搭建天氣預報
主體 88
11.4.3 步驟三：用CSS美化 89
11.4.4 步驟四：制作CSS3動畫 91
11.4.5 步驟五：使用自定義字體 92
11.4.6 步驟六：使用彈性布局 92
11.4.7 步驟七：使用多列布局 92
第12章 HTML5制作移動端靜態網頁
（房屋裝飾網站） 94
12.1 實驗目標 94
12.2 實驗任務 95
12.3 設計思路 95
12.4 實驗實施（跟我做） 97
12.4.1 步驟一：適配移動端視口 97
12.4.2 步驟二：搭建頁面主體結構
和內容 97
12.4.3 步驟三：創建搜索欄 97
12.4.4 步驟四：創建導航欄 98
12.4.5 步驟五：使用＜figure＞標簽
創建房屋信息 98
12.4.6 步驟六：創建音樂播放欄 99
12.4.7 步驟七：頁腳按鈕 99
12.4.8 步驟八：創建房屋頁面 99
第13章 CSS3新特性開發移動端頁面
樣式（電商平臺網站） 101
13.1 實驗目標 101
13.2 實驗任務 101
13.3 設計思路 102
13.4 實驗實施（跟我做） 103
13.4.1 步驟一：創建符合HTML5
的HTML文件 103
13.4.2 步驟二：使用viewport
屬性 103
13.4.3 步驟三：搭建網頁主體
結構 103
13.4.4 步驟四：用CSS3美化 104
第14章 JavaScript開發移動端交互效果
頁面（項目提成計算器） 107
14.1 實驗目標 107
14.2 實驗任務 107
14.3 設計思路 108
14.4 實驗實施（跟我做） 109
14.4.1 步驟一：創建項目主體 109
14.4.2 步驟二：用CSS美化 110
14.4.3 步驟三：編寫JavaScript 110
第15章 HTML5美化移動端靜態網頁
（視頻網站） 113
15.1 實驗目標 113
15.2 實驗任務 113
15.3 設計思路 114
15.4 實驗實施（跟我做） 115
15.4.1 步驟一：搭建頁面
主體結構 115
15.4.2 步驟二：添加頁頭
部分內容 116
15.4.3 步驟三：添加正文
部分內容 116
15.4.4 步驟四：添加頁腳
部分內容 118
第16章 CSS3新特性美化移動端靜態
頁面（學院門戶網站） 119
16.1 實驗目標 119
16.2 實驗任務 119
16.3 設計思路 120
16.4 實驗實施（跟我做） 120
16.4.1 步驟一：搭建頁面結構 120
16.4.2 步驟二：添加頁頭Logo 121
16.4.3 步驟三：正文內容樣式 122
16.4.4 步驟四：頁腳內容效果 123
第17章 綜合實踐（跳蚤市場） 125
17.1 項目簡介 125
17.2 實踐目標 125
17.3 需求分析 126
17.4 界面設計 127
17.4.1 頁面類型 127
17.4.2 頁面整體布局 127
17.4.3 頁頭和頁腳 128
17.4.4 “注冊”頁面 128
17.4.5 首頁 128
17.4.6 “用戶中心”頁面 129
17.4.7 頁面效果 129
17.4.8 項目頁面匯總 131
17.5 **階段HTML5基礎：
創建工程 132
17.5.1 工作任務 132
17.5.2 設計思路 132
17.5.3 實現（跟我做） 132
17.6 **階段HTML5基礎：
首頁 136
17.6.1 工作任務 136
17.6.2 設計思路 137
17.6.3 實現（跟我做） 137
17.7 **階段HTML5基礎：
注冊和登錄 139
17.7.1 工作任務 139
17.7.2 設計思路 139
17.7.3 實現（跟我做） 140
17.8 **階段HTML5基礎：
用戶中心 142
17.8.1 用戶中心I 142
17.8.2 用戶中心Ⅱ 149
17.9 第二階段HTML5 CSS3 JS：
商品管理 154
17.9.1 發布商品 154
17.9.2 修改商品信息 158
17.9.3 刪除商品 162
17.9.4 商品分類列表 165
17.9.5 搜索商品 170
17.10 第二階段HTML5 CSS3 JS：
訂單管理 175
17.10.1 下訂單 175
17.10.2 支付 180
17.10.3 查詢訂單 184
17.11 第二階段HTML5 CSS3 JS：
留言管理 190
17.11.1 工作任務 190
17.11.2 設計思路 191
17.11.3 實現（跟我做） 192
17.12 第二階段HTML5 CSS3 JS：
系統管理 197
17.12.1 工作任務 197
17.12.2 設計思路 198
17.12.3 實現（跟我做） 199
17.13 第三階段CSS樣式進階 jQuery：
網站樣式優化 204
17.13.1 頁頭和頁腳樣式 204
17.13.2 首頁優化 213
17.13.3 表單樣式優化 223
17.13.4 菜單樣式優化 224
17.13.5 表格樣式優化 225
17.14 第四階段移動端頁面HTML5
CSS3：移動端頁面設計 227
17.14.1 移動端首頁設計 227
17.14.2 移動端表單設計 232
17.14.3 移動端列表設計 236
17.14.4 自適應頁面設計 241
展開全部
WEB前端開發實訓案例教程(初級)/北京新奧時代科技有限責任公司 作者簡介
北京大學無線電電子學系碩士畢業，曾在高科技企業從事辦公自動化系統的開發應用，是國家計算機和通信專業技術資格考試標準的主要起草或審定者，主持開發過考務管理系統、上機考試系統、閱卷系統。
書友推薦
- >
名家帶你讀魯迅:朝花夕拾
- >
史學評論
- >
莉莉和章魚
- >
唐代進士錄
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
- >
伊索寓言-世界文學名著典藏-全譯本
- >
龍榆生：詞曲概論/大家小書
- >
羅庸西南聯大授課錄
本類暢銷
