本書介紹的HTML、CSS、JavaScript三種技術(shù)是Web標(biāo)準(zhǔn)的主要組成部分。本書從基本概念到具體實(shí)踐、從頁面結(jié)構(gòu)設(shè)計(jì)到頁面布局、從頁面元素美化到程序控制的動態(tài)網(wǎng)頁的各個(gè)層面,都通過實(shí)例進(jìn)行細(xì)致的講解。本書最后的綜合開發(fā)案例更是將全書的內(nèi)容進(jìn)行總結(jié),使讀者能夠?qū)TML、CSS、JavaScript技術(shù)融會貫通。
本書語言平實(shí),貼近初學(xué)者,可自學(xué)性強(qiáng)。書中每個(gè)知識點(diǎn)都有對應(yīng)實(shí)例,初學(xué)者即使從來沒有接觸過網(wǎng)頁制作,也可以輕松上手。
本書可作為本、專科院校計(jì)算機(jī)科學(xué)、軟件工程、數(shù)字媒體技術(shù)、多媒體設(shè)計(jì)等相關(guān)專業(yè)的網(wǎng)頁設(shè)計(jì)開發(fā)課程的教材,也可作為打算學(xué)習(xí)或正從事網(wǎng)頁設(shè)計(jì)開發(fā)的人員的參考書籍。
以初學(xué)者的需要為前提,從最基本的HTML語法講起,逐步過渡到實(shí)用的CSS技術(shù)和具有更強(qiáng)功能的JavaScript語言,引導(dǎo)讀者循序漸進(jìn)地掌握實(shí)用網(wǎng)頁設(shè)計(jì)技術(shù)。本書詳細(xì)地介紹了HTML、CSS 、JavaScript的所有屬性并分析用法,結(jié)合了大量的實(shí)例來幫助讀者理解,使讀者能夠迅速消化吸收,做到學(xué)以致用。
目 錄
第0章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識 1
0.1 網(wǎng)站和網(wǎng)頁概述 1
0.1.1 什么是網(wǎng)頁 1
0.1.2 什么是網(wǎng)站 2
0.2 網(wǎng)頁設(shè)計(jì)的基本原則 2
0.2.1 網(wǎng)頁的基本構(gòu)成元素 2
0.2.2 網(wǎng)頁設(shè)計(jì)的美學(xué)原則 2
0.2.3 網(wǎng)頁的布局結(jié)構(gòu)原則 3
0.3 網(wǎng)站開發(fā)基本流程 4
0.3.1 站點(diǎn)定位與規(guī)劃 4
0.3.2 網(wǎng)頁布局與設(shè)計(jì) 5
0.3.3 網(wǎng)站測試與部署 6
0.3.4 網(wǎng)站更新與維護(hù) 6
課后小結(jié) 6
習(xí)題 6
第1章 HTML概述 7
1.1 HTML簡介 7
1.1.1 什么是HTML頁面 7
1.1.2 HTML頁面的結(jié)構(gòu) 8
1.2 HTML基本語法 9
1.3 第一個(gè)HTML頁面 9
課后小結(jié) 11
習(xí)題 11
第2章 HTML開發(fā)工具——Dreamweaver CS5 12
2.1 Dreamweaver CS5的安裝 12
2.2 Dreamweaver CS5的使用 14
2.3 Dreamweaver CS5創(chuàng)建站點(diǎn)與頁面 15
2.3.1 創(chuàng)建站點(diǎn) 15
2.3.2 創(chuàng)建頁面 16
課后小結(jié) 16
習(xí)題 17
第3章 HTML頁面的整體設(shè)計(jì) 18
3.1 頁面頭部信息設(shè)置 18
3.1.1 設(shè)置頁面標(biāo)題 18
3.1.2 設(shè)置頁面基底網(wǎng)址 19
3.1.3 元信息標(biāo)簽 20
3.1.4 與CSS及javascript關(guān)聯(lián)標(biāo)簽 21
3.2 頁面主體設(shè)置 23
3.2.1 設(shè)置頁面背景色 23
3.2.2 設(shè)置頁面背景圖片 24
3.2.3 設(shè)置頁面整體邊距 25
課后小結(jié) 26
習(xí)題 26
第4章 HTML頁面中的文字與段落 27
4.1 段落樣式和排版 27
4.1.1 設(shè)置文字分段 27
4.1.2 在文字中加入空格 28
4.1.3 設(shè)置文字換行 29
4.1.4 設(shè)置文字對齊方式 30
4.1.5 添加水平分隔線 30
4.2 設(shè)置文字樣式 31
4.2.1 字體樣式設(shè)置標(biāo)簽 32
4.2.2 設(shè)置文字的顏色 32
4.2.3 設(shè)置文字的大小 33
4.2.4 設(shè)置文字的字體 34
4.2.5 設(shè)置文字的外觀 34
4.2.6 設(shè)置標(biāo)題樣式 36
4.2.7 其他文字修飾方法 36
4.3 建立和使用列表 37
4.3.1 列表的類型 38
4.3.2 無序列表 38
4.3.3 有序列表 39
4.3.4 定義列表 40
4.3.5 嵌套列表 41
4.4 超級鏈接 43
4.4.1 為文字設(shè)置鏈接 43
4.4.2 設(shè)置鏈接的打開方式 44
4.4.3 添加鏈接提示文字 44
4.4.4 設(shè)置錨 45
4.4.5 設(shè)置郵件鏈接 46
課后小結(jié) 47
習(xí)題 47
第5章 HTML頁面中的圖片和聲音 48
5.1 在頁面中插入圖片 48
5.1.1 插入圖片文件 48
5.1.2 設(shè)置圖片的高度和寬度 49
5.1.3 設(shè)置圖片的邊框 50
5.1.4 添加圖片替代文字 51
5.1.5 圖文混合排版 52
5.1.6 圖片添加鏈接 53
5.2 在頁面中插入聲音 54
5.2.1 設(shè)置頁面背景聲音 54
5.2.2 插入音樂文件 54
課后小結(jié) 55
習(xí)題 56
第6章 HTML頁面中的表格 58
6.1 表格在頁面中的作用 58
6.2 創(chuàng)建表格 58
6.2.1 表格的組成部分 59
6.2.2 創(chuàng)建表格的行和列 60
6.3 設(shè)置表格樣式 61
6.3.1 設(shè)置表格的高度和寬度 62
6.3.2 設(shè)置表格的水平對齊方式 62
6.3.3 設(shè)置表格邊框 64
6.3.4 設(shè)置表格的填充和間距 65
6.3.5 設(shè)置表格的背景色及背景圖片 67
6.4 設(shè)置表格行的樣式 68
6.4.1 設(shè)置行高 68
6.4.2 設(shè)置行內(nèi)對齊方式 69
6.5 設(shè)置表格單元格的樣式 70
6.5.1 設(shè)置單元格的高度和寬度 71
6.5.2 設(shè)置單元格對齊方式 71
6.6 表格的嵌套 73
課后小結(jié) 74
習(xí)題 74
第7章 HTML頁面中的表單 78
7.1 表單在頁面中的作用 78
7.1.1 表單的結(jié)構(gòu)和用途 78
7.1.2 表單的數(shù)據(jù)傳輸方式 79
7.2 表單中的控件 80
7.2.1 單行文本框控件 80
7.2.2 密碼框控件 81
7.2.3 多行文本框控件 82
7.2.4 單選框控件 82
7.2.5 復(fù)選框控件 83
7.2.6 下拉列表和列表框控件 84
7.2.7 各種按鈕控件 85
7.2.8 圖像域控件 86
7.2.9 文件域控件 87
7.2.10 隱藏域控件 88
課后小結(jié) 89
習(xí)題 89
第8章 HTML頁面中的框架 91
8.1 框架在頁面中的作用 91
8.2 在頁面中建立框架 92
8.2.1 建立框架集 92
8.2.2 調(diào)整框架的比例 93
8.2.3 設(shè)置框架邊框?qū)傩浴?4
8.2.4 設(shè)置框架滾動條 95
8.2.5 框架的嵌套 95
8.2.6 在框架中建立鏈接 96
8.3 浮動框架 98
課后小結(jié) 99
習(xí)題 99
第9章 CSS基礎(chǔ)知識 101
9.1 CSS簡介 101
9.1.1 CSS的發(fā)展 101
9.1.2 CSS的特點(diǎn) 102
9.2 CSS定義方式 102
9.3 CSS基本語法 103
9.3.1 選擇符 103
9.3.2 屬性 104
9.3.3 值 107
課后小結(jié) 107
習(xí)題 107
第10章 CSS網(wǎng)頁元素設(shè)計(jì) 109
10.1 字體設(shè)置 109
10.1.1 設(shè)置字體系列 109
10.1.2 設(shè)置字體大小 110
10.1.3 設(shè)置字體樣式 111
10.1.4 設(shè)置字體粗細(xì) 112
10.1.5 設(shè)置字體變體 112
10.2 段落排版 114
10.2.1 調(diào)整字符間距 114
10.2.2 調(diào)整單詞間距 115
10.2.3 設(shè)置文字修飾 115
10.2.4 設(shè)置段落縮進(jìn) 116
10.3 背景設(shè)置 117
10.3.1 設(shè)置背景顏色 118
10.3.2 設(shè)置背景圖片 118
10.3.3 設(shè)置重復(fù)背景圖片 119
10.3.4 設(shè)置背景圖片位置 120
10.4 邊框和邊距 121
10.4.1 設(shè)置邊框樣式 121
10.4.2 設(shè)置邊框?qū)挾取?22
10.4.3 設(shè)置邊框顏色 123
10.4.4 設(shè)置邊距和填充 124
課后小結(jié) 125
習(xí)題 125
第11章 DIV+CSS布局設(shè)計(jì) 127
11.1 圖層(DIV)的創(chuàng)建 127
11.1.1 初識DIV 127
11.2.1 DIV樣式設(shè)計(jì) 128
11.2 圖層(DIV)的嵌套與浮動 129
11.3 CSS盒模型 131
課后小結(jié) 132
習(xí)題 133
第12章 JavaScript概述 134
12.1 JavaScript簡介 134
12.1.1 JavaScript語言簡史 134
12.1.2 JavaScript的特點(diǎn) 135
12.1.3 JavaScript在頁面中的應(yīng)用 135
12.2 HTML頁面中嵌入JavaScript的方法 136
12.2.1 頁面中定義JavaScript代碼 137
12.2.2 鏈接外部JavaScript文件 138
12.2.3 事件調(diào)用JavaScript程序 140
課后小結(jié) 140
習(xí)題 141
第13章 JavaScript編程基礎(chǔ) 142
13.1 JavaScript語法規(guī)則 142
13.1.1 區(qū)分大小寫 142
13.1.2 代碼的格式 142
13.1.3 代碼的注釋 143
13.1.4 常量 144
13.1.5 空白符和換行符 144
13.1.6 標(biāo)識符 145
13.1.7 保留字 145
13.2 數(shù)據(jù)類型 146
13.2.1 數(shù)值類型 146
13.2.2 字符串類型 146
13.2.3 布爾型 147
13.2.4 空值型 147
13.2.5 未定義值 148
13.2.6 類型轉(zhuǎn)換 148
13.3 變量 148
13.3.1 變量的命名 149
13.3.2 變量的聲明 149
13.3.3 變量的賦值 150
13.4 運(yùn)算符 150
13.4.1 算術(shù)運(yùn)算符 150
13.4.2 賦值運(yùn)算符 151
13.4.3 關(guān)系運(yùn)算符 152
13.4.4 邏輯運(yùn)算符 152
13.4.5 字符串運(yùn)算符 153
13.4.6 其他運(yùn)算符 153
13.4.7 運(yùn)算符的優(yōu)先級 154
13.5 流程控制 155
13.5.1 選擇結(jié)構(gòu) 155
13.5.2 循環(huán)結(jié)構(gòu) 157
13.6 函數(shù) 160
13.6.1 函數(shù)的定義 161
13.6.2 函數(shù)的參數(shù)和返回值 161
13.7 對象 162
13.7.1 對象的屬性 163
13.7.2 對象的方法 163
課后小結(jié) 163
習(xí)題 164
第14章 JavaScript中的常用對象 166
14.1 內(nèi)置對象 166
14.1.1 String對象 166
14.1.2 Number對象 168
14.1.3 Math對象 170
14.1.4 Date對象 172
14.1.5 Array對象 175
14.2 瀏覽器對象 178
14.2.1 window對象 179
14.2.2 frame對象 181
14.2.3 document對象 183
14.2.4 links對象 184
14.2.5 location對象 186
14.2.6 history對象 188
14.2.7 其他對象 189
課后小結(jié) 189
習(xí)題 190
第15章 HTML+CSS+JavaScript綜合實(shí)例 191
15.1 HTML+CSS+JavaScript開發(fā)導(dǎo)航欄 191
15.1.1 HTML制作的導(dǎo)航欄 191
15.1.2 添加CSS的導(dǎo)航欄 192
15.1.3 添加JavaScript的導(dǎo)航欄 193
15.2 DIV+CSS開發(fā)圖片輪播 194
15.2.1 創(chuàng)建HTML頁面中的DIV區(qū)域 194
15.2.2 定義CSS文件 195
15.3 HTML+CSS+JavaScript開發(fā)仿Google導(dǎo)航條 197
15.3.1 創(chuàng)建HTML頁面中的導(dǎo)航條 197
15.3.2 定義CSS文件 198
課后小結(jié) 199
習(xí)題 200