網(wǎng)頁(yè)設(shè)計(jì)與制作（HTML5+CSS3+JavaScript）

定　價(jià)：￥52.00

作　者：	黑馬程序員著
出版社：	中國(guó)鐵道出版社
叢編項(xiàng)：	國(guó)家軟件與集成電路公共服務(wù)平臺(tái)信息技術(shù)緊缺人才培養(yǎng)工程指定教材
標(biāo)　簽：	暫缺

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787113250843	出版時(shí)間：	2018-12-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	324	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書(shū)以實(shí)用的案例、通俗易懂的語(yǔ)言詳細(xì)介紹了使用HTML5、CSS3及JavaScript 進(jìn)行網(wǎng)頁(yè)制作的各方面內(nèi)容和技巧。全書(shū)共13 章，結(jié)合HTML5、CSS3 和JavaScript 的基礎(chǔ)知識(shí)及應(yīng)用，提供了100 多個(gè)課堂案例和1 個(gè)綜合項(xiàng)目。其中，第1、2 章主要講解網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)，包括網(wǎng)頁(yè)、網(wǎng)站的概念以及網(wǎng)站制作工具的使用技巧；第3～10 章主要講解HTML5/CSS3、盒子模型、列表與超鏈接、表單、元素的浮動(dòng)與定位等靜態(tài)網(wǎng)頁(yè)搭建技巧；第11 章講解使用JavaScript 為網(wǎng)頁(yè)添加動(dòng)態(tài)效果；第12 章講解網(wǎng)站測(cè)試和發(fā)布的相關(guān)知識(shí)；第13 章為一個(gè)綜合項(xiàng)目，帶領(lǐng)讀者按照項(xiàng)目流程開(kāi)發(fā)了一個(gè)包含首頁(yè)、個(gè)人中心頁(yè)、注冊(cè)頁(yè)以及視頻播放頁(yè)的大型網(wǎng)站。本書(shū)適合作為高等院校相關(guān)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教材，也可作為網(wǎng)頁(yè)平面設(shè)計(jì)的培訓(xùn)教材，是一本適合網(wǎng)頁(yè)制作、美工設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)編程等行業(yè)人員閱讀與參考的優(yōu)秀讀物。

作者簡(jiǎn)介

　　黑馬程序員：江蘇傳智播客教育科技股份有限公司（簡(jiǎn)稱傳智播客）是一家專(zhuān)門(mén)致力于高素質(zhì)軟件開(kāi)發(fā)人才培養(yǎng)的高科技公司。傳智播客致力于為企業(yè)優(yōu)選一流的人才的培訓(xùn)理念，經(jīng)過(guò)多年的教學(xué)探索及戰(zhàn)略布局，已向著綜合型職業(yè)教育集團(tuán)發(fā)展。目前，傳智播客旗下已涵蓋傳智播客IT教育培訓(xùn)、黑馬程序員訓(xùn)練營(yíng)及博學(xué)谷三大子品牌。“黑馬程序員”是傳智播客旗下高端IT教育品牌。

圖書(shū)目錄

第1章網(wǎng)頁(yè)和網(wǎng)站概述............ 1
1.1 網(wǎng)頁(yè)和網(wǎng)站簡(jiǎn)介............................... 1
1.1.1 網(wǎng)頁(yè)和網(wǎng)站基本概念............................ 1
1.1.2 網(wǎng)頁(yè)基本構(gòu)成要素..... 2
1.1.3 網(wǎng)站頁(yè)面構(gòu)成............ 4
1.1.4 網(wǎng)站類(lèi)型.................... 5
1.1.5 瀏覽器概述................ 7
1.2 網(wǎng)站制作流程..................................10
1.3 網(wǎng)頁(yè)設(shè)計(jì)原則..................................14
1.4 網(wǎng)頁(yè)設(shè)計(jì)規(guī)范................................. 16
1.4.1 配色原則.................. 16
1.4.2 設(shè)計(jì)尺寸規(guī)范.......... 19
1.4.3 字體規(guī)范.................. 20
1.4.4 命名規(guī)范.................. 20
習(xí)題................................................. 20
第2章使用網(wǎng)頁(yè)制作工具......... 22
2.1 初識(shí)Dreamweaver工具......... 22
2.2 界面介紹............................................. 23
2.3 軟件初始化設(shè)置............................ 27
2.4 Dreamweaver工具的基本操作........................................... 29
2.5 創(chuàng)建站點(diǎn)............................................. 31
2.5.1 認(rèn)識(shí)站點(diǎn).................. 32
2.5.2 建立站點(diǎn).................. 32
2.5.3 管理站點(diǎn).................. 33
2.6 創(chuàng)建模板.............................................34
2.6.1 認(rèn)識(shí)模板.................. 35
2.6.2 創(chuàng)建模板.................. 35
2.6.3 編輯模板................... 37
2.6.4 管理模板................... 37
習(xí)題..................................................39
第3章運(yùn)用HTML5搭建網(wǎng)頁(yè)結(jié)構(gòu).................... 40
3.1 HTML和HTML5........................ 40
3.1.1 認(rèn)識(shí)HTML和HTML5................. 40
3.1.2 認(rèn)識(shí)標(biāo)簽................... 41
3.1.3 文檔基本格式........... 42
3.1.4 標(biāo)簽屬性................... 43
3.1.5 HTML5文檔頭部相關(guān)標(biāo)簽................... 44
3.2 文本控制標(biāo)簽................................. 46
3.2.1 標(biāo)題和段落標(biāo)簽....... 46
3.2.2 文本樣式標(biāo)簽........... 49
3.2.3 文本格式化標(biāo)簽....... 50
3.2.4 特殊字符標(biāo)簽........... 51
3.3 圖像標(biāo)簽.............................................51
3.3.1 常用圖像格式........... 52
3.3.2 圖像標(biāo)簽 ..... 52
3.3.3 絕對(duì)路徑和相對(duì)路徑.......................... 56
3.4 認(rèn)識(shí)HTML5新標(biāo)簽....................57
習(xí)題..................................................58
第4章運(yùn)用CSS3設(shè)置網(wǎng)頁(yè)樣式... 59
4.1 認(rèn)識(shí)CSS和CSS3...........................59
4.2 CSS核心基礎(chǔ).................................. 60
4.2.1 CSS樣式規(guī)則............ 60
4.2.2 引入CSS樣式表........ 62
4.2.3 CSS基礎(chǔ)選擇器........ 66
4.3 CSS文本樣式.................................. 71
4.3.1 字體樣式屬性.......... 71
4.3.2 文本外觀屬性.......... 74
4.4 CSS高級(jí)屬性..................................80
4.4.1 CSS層疊性和繼承性.................. 80
4.4.2 CSS優(yōu)先級(jí)................ 82
4.5 CSS3新增選擇器.......................... 85
習(xí)題................................................. 87
第5章運(yùn)用盒子模型劃分網(wǎng)頁(yè)模塊... 88
5.1 盒子模型概述.................................. 88
5.1.1 認(rèn)識(shí)盒子模型.......... 88
5.1.2 標(biāo)簽................ 89
5.1.3 盒子的寬與高.......... 90
5.2 盒子模型相關(guān)屬性....................... 91
5.2.1 邊框?qū)傩?................. 91
5.2.2 內(nèi)邊距屬性.............. 98
5.2.3 外邊距屬性.............. 99
5.2.4 box-shadow屬性.....101
5.2.5 box-sizing屬性........102
5.2.6 背景屬性.................104
5.3 元素類(lèi)型與轉(zhuǎn)換......................... 112
5.3.1 元素的類(lèi)型.............112
5.3.2 標(biāo)簽.............113
5.3.3 元素的轉(zhuǎn)換.............115
5.4 塊元素垂直外邊距的合并... 115
5.4.1 相鄰塊元素垂直
外邊距的合并.........115
5.4.2 嵌套塊元素垂直
外邊距的合并.........116
習(xí)題............................................... 117
第6章為網(wǎng)頁(yè)添加列表和超鏈接...119
6.1 列表標(biāo)簽......................................... 119
6.1.1 無(wú)序列表......... 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 超鏈接標(biāo)簽.....................................128
6.3.1 創(chuàng)建超鏈接............. 128
6.3.2 錨點(diǎn)鏈接................. 130
6.4 鏈接偽類(lèi)控制超鏈接...............131
習(xí)題................................................133
第7章為網(wǎng)頁(yè)添加表格和表單.... 134
7.1 表格標(biāo)簽......................................... 134
7.1.1 創(chuàng)建表格................. 134
7.1.2

標(biāo)簽的屬性........................ 1367.1.3 標(biāo)簽的屬性..... 1397.1.4 標(biāo)簽的屬性..... 141
7.1.5 標(biāo)簽................ 143
7.2 CSS控制表格樣式.................... 143
7.2.1 CSS控制表格邊框.... 143
7.2.2 CSS控制單元格邊距........................ 145
7.2.3 CSS控制單元格寬高........................ 147
7.3 認(rèn)識(shí)表單......................................... 148
7.3.1 表單的構(gòu)成............. 148
7.3.2 創(chuàng)建表單................. 148
7.3.3 表單屬性................. 149
7.4 表單控件......................................... 150
7.4.1 input控件................ 150
7.4.2 標(biāo)簽的type屬性..................151
7.4.3 標(biāo)簽的其他屬性.................156
7.4.4 textarea控件.............159
7.4.5 select控件.................160
7.4.6 datalist控件...............162
7.5 CSS控制表單樣式.................... 162
習(xí)題............................................... 164
第8章運(yùn)用浮動(dòng)和定位布局網(wǎng)頁(yè)...166
8.1 布局概述......................................... 166
8.2 布局常用屬性............................... 167
8.2.1 標(biāo)簽的浮動(dòng)屬性......167
8.2.2 標(biāo)簽的定位屬性......175
8.3 布局其他屬性...............................180
8.3.1 overflow屬性...........180
8.3.2 Z-index標(biāo)簽層疊....182
8.4 布局類(lèi)型......................................... 182
8.4.1 單列布局.................182
8.4.2 兩列布局.................184
8.4.3 三列布局.................185
8.5 網(wǎng)頁(yè)模塊命名規(guī)范.................... 189
習(xí)題............................................... 190
第9章全新的網(wǎng)頁(yè)視聽(tīng)技術(shù)......191
9.1 音頻、視頻嵌入技術(shù).............. 191
9.1.1 傳統(tǒng)音頻、視頻嵌入方式.........................191
9.1.2 使用嵌入視頻.........................192
9.1.3 使用嵌入音頻.........................193
9.1.4 瀏覽器對(duì)音視頻文件的兼容性.....................194
9.1.5 控制視頻的寬高......196
9.2 過(guò)渡.................................................... 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 動(dòng)畫(huà).....................................................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
習(xí)題................................................217
第10章 CSS應(yīng)用技巧.......... 218
10.1 CSS精靈技術(shù).............................218
10.1.1 認(rèn)識(shí)CSS精靈........ 218
10.1.2 應(yīng)用CSS精靈........ 219
10.2 CSS滑動(dòng)門(mén)技術(shù).......................222
10.2.1 認(rèn)識(shí)滑動(dòng)門(mén)........... 222
10.2.2 使用滑動(dòng)門(mén)制作導(dǎo)航條...................223
10.3 margin設(shè)置負(fù)值技巧......... 226
10.3.1 margin負(fù)值基本應(yīng)用.......................226
10.3.2 利用margin負(fù)值制作壓線效果...............228
習(xí)題............................................... 231
第11章 JavaScript基礎(chǔ)知識(shí)....232
11.1 初識(shí)JavaScript ...................... 232
11.1.1 JavaScript簡(jiǎn)介........234
11.1.2 JavaScript語(yǔ)法規(guī)則.......................235
11.1.3 JavaScript引入方式.......................237
11.1.4 JavaScript常用輸出語(yǔ)句.......................238
11.1.5 簡(jiǎn)單的JavaScript頁(yè)面.......................238
11.2 JavaScript基礎(chǔ)入門(mén)...........240
11.2.1 數(shù)據(jù)類(lèi)型...............240
11.2.2 數(shù)據(jù)基本操作........241
11.2.3 常見(jiàn)的流程控制語(yǔ)句.......................243
11.2.4 函數(shù).......................247
11.2.5 對(duì)象.......................249
11.2.6 事件和事件調(diào)用.....254
11.2.7 常見(jiàn)的JavaScript事件.......................255
11.3 網(wǎng)頁(yè)中常見(jiàn)的JavaScript特效................................................. 256
11.3.1 驗(yàn)證碼...................256
11.3.2 焦點(diǎn)圖輪播...........258
習(xí)題................................................262
第12章測(cè)試和發(fā)布網(wǎng)站........ 264
12.1 網(wǎng)站測(cè)試...................................... 264
12.2 網(wǎng)站發(fā)布.......................................265
12.2.1 域名....................... 265
12.2.2 服務(wù)器空間........... 269
12.2.3 網(wǎng)站的上傳........... 270
習(xí)題................................................276
第13章綜合項(xiàng)目實(shí)戰(zhàn)：攝影?開(kāi)課吧........... 277
13.1 網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃............................277
13.1.1 確定網(wǎng)站主題....... 277
13.1.2 規(guī)劃網(wǎng)站結(jié)構(gòu)....... 278
13.1.3 收集素材............... 278
13.1.4 設(shè)計(jì)網(wǎng)頁(yè)效果圖.... 279
13.2 使用Dreamweaver工具建立站點(diǎn)..................................................281
13.3 切圖..................................................282
13.4 搭建首頁(yè).......................................283
13.4.1 效果圖分析........... 284
13.4.2 首頁(yè)制作............... 285
13.5 制作模板.......................................298
13.5.1 建立模板的步驟..... 298
13.5.2 引用模板............... 302
13.6 使用模板搭建網(wǎng)頁(yè)................ 302
13.6.1 搭建注冊(cè)頁(yè)........... 302
13.6.2 搭建個(gè)人中心頁(yè)面...................... 305
13.6.3 搭建視頻播放頁(yè).................. 309
13.7 測(cè)試和上傳................................. 314