中圖網小程序
一鍵登錄
更方便
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
網頁設計與制作(HTML 5+CSS 3+JAVASCRIPT)(本科教材) 版權信息
- ISBN：9787113250843
- 條形碼：9787113250843 ; 978-7-113-25084-3
- 裝幀：70g膠版紙
- 冊數：暫無
- 重量：暫無
- 所屬分類：>
網頁設計與制作(HTML 5+CSS 3+JAVASCRIPT)(本科教材) 本書特色
本書以實用的案例、通俗易懂的語言詳細介紹了使用HTML5、CSS3及JavaScript 進行網頁制作的各方面內容和技巧。
網頁設計與制作(HTML 5+CSS 3+JAVASCRIPT)(本科教材) 內容簡介
本書以實用的案例、通俗易懂的語言詳細介紹了使用HTML5、CSS3及JavaScript 進行網頁制作的各方面內容和技巧。 全書共13 章，結合HTML5、CSS3 和JavaScript 的基礎知識及應用，提供了100 多個課堂案例和1 個綜合項目。其中，第1、2 章主要講解網頁制作的基礎知識，包括網頁、網站的概念以及網站制作工具的使用技巧；第3～10 章主要講解HTML5/CSS3、盒子模型、列表與超鏈接、表單、元素的浮動與定位等靜態網頁搭建技巧；第11 章講解使用JavaScript 為網頁添加動態效果；第12 章講解網站測試和發布的相關知識；第13 章為一個綜合項目，帶領讀者按照項目流程開發了一個包含首頁、個人中心頁、注冊頁以及視頻播放頁的大型網站。 本書適合作為高等院校相關專業網頁設計與制作課程的教材，也可作為網頁平面設計的培訓教材，是一本適合網頁制作、美工設計、網站開發、網頁編程等行業人員閱讀與參考的優秀讀物。
網頁設計與制作(HTML 5+CSS 3+JAVASCRIPT)(本科教材) 目錄
第1章 網頁和網站概述............ 1
1.1 網頁和網站簡介............................... 1
1.1.1 網頁和網站基本概念............................ 1
1.1.2 網頁基本構成要素..... 2
1.1.3 網站頁面構成............ 4
1.1.4 網站類型.................... 5
1.1.5 瀏覽器概述................ 7
1.2 網站制作流程..................................10
1.3 網頁設計原則..................................14
1.4 網頁設計規范................................. 16
1.4.1 配色原則.................. 16
1.4.2 設計尺寸規范.......... 19
1.4.3 字體規范.................. 20
1.4.4 命名規范.................. 20
習題................................................. 20
第2章 使用網頁制作工具......... 22
2.1 初識Dreamweaver工具......... 22
2.2 界面介紹............................................. 23
2.3 軟件初始化設置............................ 27
2.4 Dreamweaver工具的基本操作........................................... 29
2.5 創建站點............................................. 31
2.5.1 認識站點.................. 32
2.5.2 建立站點.................. 32
2.5.3 管理站點.................. 33
2.6 創建模板.............................................34
2.6.1 認識模板.................. 35
2.6.2 創建模板.................. 35
2.6.3 編輯模板................... 37
2.6.4 管理模板................... 37
習題..................................................39
第3章 運用HTML5搭建網頁結構.................... 40
3.1 HTML和HTML5........................ 40
3.1.1 認識HTML和HTML5................. 40
3.1.2 認識標簽................... 41
3.1.3 文檔基本格式........... 42
3.1.4 標簽屬性................... 43
3.1.5 HTML5文檔頭部相關標簽................... 44
3.2 文本控制標簽................................. 46
3.2.1 標題和段落標簽....... 46
3.2.2 文本樣式標簽........... 49
3.2.3 文本格式化標簽....... 50
3.2.4 特殊字符標簽........... 51
3.3 圖像標簽.............................................51
3.3.1 常用圖像格式........... 52
3.3.2 圖像標簽![]()
..... 52
3.3.3 絕對路徑和相對路徑.......................... 56
3.4 認識HTML5新標簽....................57
習題..................................................58
第4章 運用CSS3設置網頁樣式... 59
4.1 認識CSS和CSS3...........................59
4.2 CSS核心基礎.................................. 60
4.2.1 CSS樣式規則............ 60
4.2.2 引入CSS樣式表........ 62
4.2.3 CSS基礎選擇器........ 66
4.3 CSS文本樣式.................................. 71
4.3.1 字體樣式屬性.......... 71
4.3.2 文本外觀屬性.......... 74
4.4 CSS高級屬性..................................80
4.4.1 CSS層疊性和繼承性.................. 80
4.4.2 CSS優先級................ 82
4.5 CSS3新增選擇器.......................... 85
習題................................................. 87
第5章 運用盒子模型劃分網頁模塊... 88
5.1 盒子模型概述.................................. 88
5.1.1 認識盒子模型.......... 88
5.1.2 標簽................ 89
5.1.3 盒子的寬與高.......... 90
5.2 盒子模型相關屬性....................... 91
5.2.1 邊框屬性.................. 91
5.2.2 內邊距屬性.............. 98
5.2.3 外邊距屬性.............. 99
5.2.4 box-shadow屬性.....101
5.2.5 box-sizing屬性........102
5.2.6 背景屬性.................104
5.3 元素類型與轉換......................... 112
5.3.1 元素的類型.............112
5.3.2 標簽.............113
5.3.3 元素的轉換.............115
5.4 塊元素垂直外邊距的合并... 115
5.4.1 相鄰塊元素垂直
外邊距的合并.........115
5.4.2 嵌套塊元素垂直
外邊距的合并.........116
習題............................................... 117
第6章 為網頁添加列表和超鏈接...119
6.1 列表標簽......................................... 119
6.1.1 無序列表......... 119
6.1.2 有序列表......... 121
6.1.3 定義列表......... 122
6.2 CSS控制列表樣式.....................123
6.2.1 list-style-type屬性.... 123
6.2.2 list-style-image屬性........................ 125
6.2.3 list-style-position屬性........................ 125
6.2.4 list-style屬性........... 127
6.3 超鏈接標簽.....................................128
6.3.1 創建超鏈接............. 128
6.3.2 錨點鏈接................. 130
6.4 鏈接偽類控制超鏈接...............131
習題................................................133
第7章 為網頁添加表格和表單.... 134
7.1 表格標簽......................................... 134
7.1.1 創建表格................. 134
7.1.2
標簽的屬性........................ 1367.1.3 標簽的屬性..... 1397.1.4 標簽的屬性..... 141
7.1.5 標簽................ 143
7.2 CSS控制表格樣式.................... 143
7.2.1 CSS控制表格邊框.... 143
7.2.2 CSS控制單元格邊距........................ 145
7.2.3 CSS控制單元格寬高........................ 147
7.3 認識表單......................................... 148
7.3.1 表單的構成............. 148
7.3.2 創建表單................. 148
7.3.3 表單屬性................. 149
7.4 表單控件......................................... 150
7.4.1 input控件................ 150
7.4.2 標簽的type屬性..................151
7.4.3 標簽的其他屬性.................156
7.4.4 textarea控件.............159
7.4.5 select控件.................160
7.4.6 datalist控件...............162
7.5 CSS控制表單樣式.................... 162
習題............................................... 164
第8章 運用浮動和定位布局網頁...166
8.1 布局概述......................................... 166
8.2 布局常用屬性............................... 167
8.2.1 標簽的浮動屬性......167
8.2.2 標簽的定位屬性......175
8.3 布局其他屬性...............................180
8.3.1 overflow屬性...........180
8.3.2 Z-index標簽層疊....182
8.4 布局類型......................................... 182
8.4.1 單列布局.................182
8.4.2 兩列布局.................184
8.4.3 三列布局.................185
8.5 網頁模塊命名規范.................... 189
習題............................................... 190
第9章 全新的網頁視聽技術......191
9.1 音頻、視頻嵌入技術.............. 191
9.1.1 傳統音頻、視頻嵌入方式.........................191
9.1.2 使用嵌入視頻.........................192
9.1.3 使用嵌入音頻.........................193
9.1.4 瀏覽器對音視頻文件的兼容性.....................194
9.1.5 控制視頻的寬高......196
9.2 過渡.................................................... 198
9.2.1 transition-property
屬性........................ 198
9.2.2 transition-duration
屬性........................ 200
9.2.3 transition-timingfunction
屬性........... 200
9.2.4 transition-delay
屬性........................ 201
9.2.5 transition屬性.......... 202
9.3 變形.................................................... 202
9.3.1 2D變形.................... 202
9.3.2 3D變形.................... 207
9.4 動畫.....................................................212
9.4.1 @keyframes ............. 212
9.4.2 animation-name屬性........................ 213
9.4.3 animation-duration屬性........................ 213
9.4.4 animation-timingfunction屬性........... 214
9.4.5 animation-delay屬性........................ 214
9.4.6 animation-iterationcount屬性............... 215
9.4.7 animation-direction屬性........................ 215
9.4.8 animation屬性......... 216
習題................................................217
第10章 CSS應用技巧.......... 218
10.1 CSS精靈技術.............................218
10.1.1 認識CSS精靈........ 218
10.1.2 應用CSS精靈........ 219
10.2 CSS滑動門技術.......................222
10.2.1 認識滑動門........... 222
10.2.2 使用滑動門制作導航條...................223
10.3 margin設置負值技巧......... 226
10.3.1 margin負值基本應用.......................226
10.3.2 利用margin負值制作壓線效果...............228
習題............................................... 231
第11章 JavaScript基礎知識....232
11.1 初識JavaScript ...................... 232
11.1.1 JavaScript簡介........234
11.1.2 JavaScript語法規則.......................235
11.1.3 JavaScript引入方式.......................237
11.1.4 JavaScript常用輸出語句.......................238
11.1.5 簡單的JavaScript頁面.......................238
11.2 JavaScript基礎入門...........240
11.2.1 數據類型...............240
11.2.2 數據基本操作........241
11.2.3 常見的流程控制語句.......................243
11.2.4 函數.......................247
11.2.5 對象.......................249
11.2.6 事件和事件調用.....254
11.2.7 常見的JavaScript事件.......................255
11.3 網頁中常見的JavaScript特效................................................. 256
11.3.1 驗證碼...................256
11.3.2 焦點圖輪播...........258
習題................................................262
第12章 測試和發布網站........ 264
12.1 網站測試...................................... 264
12.2 網站發布.......................................265
12.2.1 域名....................... 265
12.2.2 服務器空間........... 269
12.2.3 網站的上傳........... 270
習題................................................276
第13章 綜合項目實戰：攝影?開課吧........... 277
13.1 網頁設計規劃............................277
13.1.1 確定網站主題....... 277
13.1.2 規劃網站結構....... 278
13.1.3 收集素材............... 278
13.1.4 設計網頁效果圖.... 279
13.2 使用Dreamweaver工具建立站點..................................................281
13.3 切圖..................................................282
13.4 搭建首頁.......................................283
13.4.1 效果圖分析........... 284
13.4.2 首頁制作............... 285
13.5 制作模板.......................................298
13.5.1 建立模板的步驟..... 298
13.5.2 引用模板............... 302
13.6 使用模板搭建網頁................ 302
13.6.1 搭建注冊頁........... 302
13.6.2 搭建個人中心頁面...................... 305
13.6.3 搭建視頻播放頁.................. 309
13.7 測試和上傳................................. 314
1.1 網頁和網站簡介............................... 1
1.1.1 網頁和網站基本概念............................ 1
1.1.2 網頁基本構成要素..... 2
1.1.3 網站頁面構成............ 4
1.1.4 網站類型.................... 5
1.1.5 瀏覽器概述................ 7
1.2 網站制作流程..................................10
1.3 網頁設計原則..................................14
1.4 網頁設計規范................................. 16
1.4.1 配色原則.................. 16
1.4.2 設計尺寸規范.......... 19
1.4.3 字體規范.................. 20
1.4.4 命名規范.................. 20
習題................................................. 20
第2章 使用網頁制作工具......... 22
2.1 初識Dreamweaver工具......... 22
2.2 界面介紹............................................. 23
2.3 軟件初始化設置............................ 27
2.4 Dreamweaver工具的基本操作........................................... 29
2.5 創建站點............................................. 31
2.5.1 認識站點.................. 32
2.5.2 建立站點.................. 32
2.5.3 管理站點.................. 33
2.6 創建模板.............................................34
2.6.1 認識模板.................. 35
2.6.2 創建模板.................. 35
2.6.3 編輯模板................... 37
2.6.4 管理模板................... 37
習題..................................................39
第3章 運用HTML5搭建網頁結構.................... 40
3.1 HTML和HTML5........................ 40
3.1.1 認識HTML和HTML5................. 40
3.1.2 認識標簽................... 41
3.1.3 文檔基本格式........... 42
3.1.4 標簽屬性................... 43
3.1.5 HTML5文檔頭部相關標簽................... 44
3.2 文本控制標簽................................. 46
3.2.1 標題和段落標簽....... 46
3.2.2 文本樣式標簽........... 49
3.2.3 文本格式化標簽....... 50
3.2.4 特殊字符標簽........... 51
3.3 圖像標簽.............................................51
3.3.1 常用圖像格式........... 52
3.3.2 圖像標簽
3.3.3 絕對路徑和相對路徑.......................... 56
3.4 認識HTML5新標簽....................57
習題..................................................58
第4章 運用CSS3設置網頁樣式... 59
4.1 認識CSS和CSS3...........................59
4.2 CSS核心基礎.................................. 60
4.2.1 CSS樣式規則............ 60
4.2.2 引入CSS樣式表........ 62
4.2.3 CSS基礎選擇器........ 66
4.3 CSS文本樣式.................................. 71
4.3.1 字體樣式屬性.......... 71
4.3.2 文本外觀屬性.......... 74
4.4 CSS高級屬性..................................80
4.4.1 CSS層疊性和繼承性.................. 80
4.4.2 CSS優先級................ 82
4.5 CSS3新增選擇器.......................... 85
習題................................................. 87
第5章 運用盒子模型劃分網頁模塊... 88
5.1 盒子模型概述.................................. 88
5.1.1 認識盒子模型.......... 88
5.1.2 標簽................ 89
5.1.3 盒子的寬與高.......... 90
5.2 盒子模型相關屬性....................... 91
5.2.1 邊框屬性.................. 91
5.2.2 內邊距屬性.............. 98
5.2.3 外邊距屬性.............. 99
5.2.4 box-shadow屬性.....101
5.2.5 box-sizing屬性........102
5.2.6 背景屬性.................104
5.3 元素類型與轉換......................... 112
5.3.1 元素的類型.............112
5.3.2 標簽.............113
5.3.3 元素的轉換.............115
5.4 塊元素垂直外邊距的合并... 115
5.4.1 相鄰塊元素垂直
外邊距的合并.........115
5.4.2 嵌套塊元素垂直
外邊距的合并.........116
習題............................................... 117
第6章 為網頁添加列表和超鏈接...119
6.1 列表標簽......................................... 119
6.1.1 無序列表......... 119
6.1.2 有序列表......... 121
6.1.3 定義列表......... 122
6.2 CSS控制列表樣式.....................123
6.2.1 list-style-type屬性.... 123
6.2.2 list-style-image屬性........................ 125
6.2.3 list-style-position屬性........................ 125
6.2.4 list-style屬性........... 127
6.3 超鏈接標簽.....................................128
6.3.1 創建超鏈接............. 128
6.3.2 錨點鏈接................. 130
6.4 鏈接偽類控制超鏈接...............131
習題................................................133
第7章 為網頁添加表格和表單.... 134
7.1 表格標簽......................................... 134
7.1.1 創建表格................. 134
7.1.2
標簽的屬性........................ 1367.1.3 標簽的屬性..... 1397.1.4 標簽的屬性..... 141
7.1.5 標簽................ 143
7.2 CSS控制表格樣式.................... 143
7.2.1 CSS控制表格邊框.... 143
7.2.2 CSS控制單元格邊距........................ 145
7.2.3 CSS控制單元格寬高........................ 147
7.3 認識表單......................................... 148
7.3.1 表單的構成............. 148
7.3.2 創建表單................. 148
7.3.3 表單屬性................. 149
7.4 表單控件......................................... 150
7.4.1 input控件................ 150
7.4.2 標簽的type屬性..................151
7.4.3 標簽的其他屬性.................156
7.4.4 textarea控件.............159
7.4.5 select控件.................160
7.4.6 datalist控件...............162
7.5 CSS控制表單樣式.................... 162
習題............................................... 164
第8章 運用浮動和定位布局網頁...166
8.1 布局概述......................................... 166
8.2 布局常用屬性............................... 167
8.2.1 標簽的浮動屬性......167
8.2.2 標簽的定位屬性......175
8.3 布局其他屬性...............................180
8.3.1 overflow屬性...........180
8.3.2 Z-index標簽層疊....182
8.4 布局類型......................................... 182
8.4.1 單列布局.................182
8.4.2 兩列布局.................184
8.4.3 三列布局.................185
8.5 網頁模塊命名規范.................... 189
習題............................................... 190
第9章 全新的網頁視聽技術......191
9.1 音頻、視頻嵌入技術.............. 191
9.1.1 傳統音頻、視頻嵌入方式.........................191
9.1.2 使用嵌入視頻.........................192
9.1.3 使用嵌入音頻.........................193
9.1.4 瀏覽器對音視頻文件的兼容性.....................194
9.1.5 控制視頻的寬高......196
9.2 過渡.................................................... 198
9.2.1 transition-property
屬性........................ 198
9.2.2 transition-duration
屬性........................ 200
9.2.3 transition-timingfunction
屬性........... 200
9.2.4 transition-delay
屬性........................ 201
9.2.5 transition屬性.......... 202
9.3 變形.................................................... 202
9.3.1 2D變形.................... 202
9.3.2 3D變形.................... 207
9.4 動畫.....................................................212
9.4.1 @keyframes ............. 212
9.4.2 animation-name屬性........................ 213
9.4.3 animation-duration屬性........................ 213
9.4.4 animation-timingfunction屬性........... 214
9.4.5 animation-delay屬性........................ 214
9.4.6 animation-iterationcount屬性............... 215
9.4.7 animation-direction屬性........................ 215
9.4.8 animation屬性......... 216
習題................................................217
第10章 CSS應用技巧.......... 218
10.1 CSS精靈技術.............................218
10.1.1 認識CSS精靈........ 218
10.1.2 應用CSS精靈........ 219
10.2 CSS滑動門技術.......................222
10.2.1 認識滑動門........... 222
10.2.2 使用滑動門制作導航條...................223
10.3 margin設置負值技巧......... 226
10.3.1 margin負值基本應用.......................226
10.3.2 利用margin負值制作壓線效果...............228
習題............................................... 231
第11章 JavaScript基礎知識....232
11.1 初識JavaScript ...................... 232
11.1.1 JavaScript簡介........234
11.1.2 JavaScript語法規則.......................235
11.1.3 JavaScript引入方式.......................237
11.1.4 JavaScript常用輸出語句.......................238
11.1.5 簡單的JavaScript頁面.......................238
11.2 JavaScript基礎入門...........240
11.2.1 數據類型...............240
11.2.2 數據基本操作........241
11.2.3 常見的流程控制語句.......................243
11.2.4 函數.......................247
11.2.5 對象.......................249
11.2.6 事件和事件調用.....254
11.2.7 常見的JavaScript事件.......................255
11.3 網頁中常見的JavaScript特效................................................. 256
11.3.1 驗證碼...................256
11.3.2 焦點圖輪播...........258
習題................................................262
第12章 測試和發布網站........ 264
12.1 網站測試...................................... 264
12.2 網站發布.......................................265
12.2.1 域名....................... 265
12.2.2 服務器空間........... 269
12.2.3 網站的上傳........... 270
習題................................................276
第13章 綜合項目實戰：攝影?開課吧........... 277
13.1 網頁設計規劃............................277
13.1.1 確定網站主題....... 277
13.1.2 規劃網站結構....... 278
13.1.3 收集素材............... 278
13.1.4 設計網頁效果圖.... 279
13.2 使用Dreamweaver工具建立站點..................................................281
13.3 切圖..................................................282
13.4 搭建首頁.......................................283
13.4.1 效果圖分析........... 284
13.4.2 首頁制作............... 285
13.5 制作模板.......................................298
13.5.1 建立模板的步驟..... 298
13.5.2 引用模板............... 302
13.6 使用模板搭建網頁................ 302
13.6.1 搭建注冊頁........... 302
13.6.2 搭建個人中心頁面...................... 305
13.6.3 搭建視頻播放頁.................. 309
13.7 測試和上傳................................. 314
展開全部
網頁設計與制作(HTML 5+CSS 3+JAVASCRIPT)(本科教材) 作者簡介
黑馬程序員：江蘇傳智播客教育科技股份有限公司（簡稱傳智播客）是一家專門致力于高素質軟件開發人才培養的高科技公司。傳智播客致力于為企業優選一流的人才的培訓理念，經過多年的教學探索及戰略布局，已向著綜合型職業教育集團發展。目前，傳智播客旗下已涵蓋傳智播客IT教育培訓、黑馬程序員訓練營及博學谷三大子品牌！昂隈R程序員”是傳智播客旗下高端IT教育品牌。
書友推薦
- >
回憶愛瑪儂
- >
伯納黛特,你要去哪(2021新版)
- >
二體千字文
- >
有舍有得是人生
- >
我從未如此眷戀人間
- >
龍榆生：詞曲概論/大家小書
- >
伊索寓言-世界文學名著典藏-全譯本
- >
月亮與六便士
本類暢銷
