本書較為全面地介紹了HTML、CSS、JavaScript、jQuery的相關(guān)知識(shí),讀者可以系統(tǒng)地學(xué)習(xí)編寫HTML代碼、利用CSS設(shè)置網(wǎng)頁(yè)的樣式、利用JavaScript和jQuery為網(wǎng)頁(yè)添加動(dòng)態(tài)效果及修改網(wǎng)頁(yè)與樣式等內(nèi)容,書中每一章有詳細(xì)的案例展示,方便讀者更好地理解知識(shí)點(diǎn)。
本書共15章,第1~6章介紹了HTML相關(guān)內(nèi)容,主要包括在網(wǎng)頁(yè)中插入文字與段落、表格、表單、列表及多媒體等;第7~11章詳細(xì)闡述了CSS的相關(guān)知識(shí),重點(diǎn)介紹了盒子模型與定位,利用盒子模型進(jìn)行網(wǎng)頁(yè)布局,用開發(fā)者工具查看HTML元素的CSS屬性等;第12~13章講解了JavaScript基礎(chǔ)與應(yīng)用,利用JavaScript在網(wǎng)頁(yè)上制作動(dòng)態(tài)效果(如滾動(dòng)圖片),以及對(duì)表單數(shù)據(jù)進(jìn)行驗(yàn)證等;第14章描述了jQuery基礎(chǔ)與應(yīng)用,用jQuery為表單、表格設(shè)置樣式;第15章為綜合案例,綜合利用前面章節(jié)所講知識(shí)來(lái)制作網(wǎng)頁(yè)。
秦映波,副教授,多次評(píng)為華南理工大學(xué)廣州學(xué)院“優(yōu)秀教師”,主持過(guò)廣東省質(zhì)量工程項(xiàng)目一項(xiàng),主講C程序設(shè)計(jì)基礎(chǔ)、Java面向?qū)ο蟪绦蛟O(shè)計(jì)、高級(jí)網(wǎng)頁(yè)設(shè)計(jì)與制作等課程。
第1章 HTML概述 1
1.1 相關(guān)概念 1
1.2 HTML發(fā)展現(xiàn)狀 2
1.3 HTML網(wǎng)頁(yè)結(jié)構(gòu) 2
1.4 HTML網(wǎng)頁(yè)編輯與顯示 3
1.5 HTML注釋 4
本章小結(jié) 5
第2章 HTML文本與圖像 6
2.1 HTML頭部元素 6
2.2 HTML文本 9
2.2.1 標(biāo)題 9
2.2.2 段落 10
2.2.3 換行與水平分割線 11
2.2.4 文本格式化標(biāo)簽 12
2.3 HTML樣式 13
2.4
標(biāo)簽與標(biāo)簽 14
2.5 超鏈接 16
2.6 圖像 17
2.7 綜合練習(xí)——制作圖文混排新聞頁(yè)面 19
2.8 綜合練習(xí)——制作購(gòu)物頁(yè)面上的商品展示框 21
本章小結(jié) 22
第3章 HTML列表 23
3.1 無(wú)序列表與有序列表 23
3.2 通過(guò)CSS設(shè)置列表項(xiàng)目符號(hào)及制作導(dǎo)航欄 26
3.3 列表嵌套 28
3.4 自定義列表 30
本章小結(jié) 30
第4章 HTML表格 31
4.1 創(chuàng)建表格 31
4.2 完善表格 32
4.2.1 為表格添加標(biāo)題 32
4.2.2 為表格添加表頭 33
4.2.3 表格與單元格的屬性 33
4.2.4 利用CSS屬性美化表格 35
本章小結(jié) 43
第5章 HTML表單 44
5.1 創(chuàng)建表單 44
5.2 表單實(shí)例 48
本章小結(jié) 51
第6章 HTML 5 52
6.1 HTML 5結(jié)構(gòu)化標(biāo)簽 52
6.2 HTML 5多媒體 54
6.3 HTML 5表單input類型 56
本章小結(jié) 56
第7章 CSS基礎(chǔ) 57
7.1 HTML引用CSS的方式 57
7.2 CSS選擇器 60
7.3 偽類 66
本章小結(jié) 67
第8章 CSS盒子模型 68
8.1 CSS盒子模型概念 68
8.2 邊框border 68
8.3 內(nèi)邊距padding 71
8.4 外邊距margin 73
8.5 元素寬度與高度設(shè)置 78
8.6 利用開發(fā)者工具查看元素盒子模型 80
本章小結(jié) 82
第9章 CSS字體與文本 83
9.1 CSS字體 83
9.2 CSS文本 86
9.3 CSS背景 93
本章小結(jié) 98
第10章 CSS列表與表格 99
10.1 CSS列表 99
10.2 CSS表格 102
10.3 CSS display(顯示)與visibility(可見性) 104
本章小結(jié) 109
第11章 CSS定位 110
11.1 position定位 110
11.2 浮動(dòng) 117
本章小結(jié) 124
第12章 JavaScript基礎(chǔ) 125
12.1 JavaScript使用 125
12.2 JavaScript基本語(yǔ)法 127
12.2.1 JavaScript變量 127
12.2.2 JavaScript字符串 128
12.2.3 JavaScript函數(shù) 129
12.3 JavaScript運(yùn)算符 131
12.4 JavaScript流程控制 132
12.4.1 選擇結(jié)構(gòu)語(yǔ)句 132
12.4.2 循環(huán)控制語(yǔ)句 134
本章小結(jié) 135
第13章 JavaScript應(yīng)用 136
13.1 JavaScript瀏覽器對(duì)象 136
13.2 JavaScript文檔對(duì)象模型 140
13.3 JavaScript編程應(yīng)用實(shí)例——滾動(dòng)圖片 145
13.4 JavaScript編程應(yīng)用實(shí)例——表單驗(yàn)證 147
本章小結(jié) 150
第14章 jQuery應(yīng)用 151
14.1 jQuery簡(jiǎn)介 151
14.2 jQuery選擇器 152
14.3 jQuery事件 157
14.4 jQuery效果 158
14.5 jQuery應(yīng)用 166
本章小結(jié) 170
第15章 綜合案例 171
15.1 首頁(yè)制作 171
15.2 二級(jí)頁(yè)面制作 187
本章小結(jié) 201