網頁開發手記:HTML+CSS+JavaScript實戰詳解

網頁開發手記:HTML+CSS+JavaScript實戰詳解

html網頁的結構 html網頁的整體設定 html網頁中的圖片

基本信息

作者:葉青

孫亞南 孫澤軍
出版社:電子工業出版社
ISBN:9787121131943
上架時間:2011-6-9
出版日期:2011 年6月
開本:16開
頁碼:516
版次:1-1

內容簡介

web標準是所有網頁前台技術的發展方向,包括微軟公司的ie瀏覽器技術也在靠近web標準。本書學習的三大技術是web標準的主要組成部分,並且在javascript部分以實例方式介紹了dom的知識。本書一共分為四篇,循序漸進地講述了網頁前台技術,從基本概念到具體實踐、從頁面結構建設到頁面布局、從頁面元素美化到程式控制的動態網頁都進行了詳細的闡述,並進行了細緻的實例講解。
網頁開發手記:html+css+JavaScript實戰詳解》的特點是語言平實,貼近初級讀者,增強了本書的可自學性。書中每個知識點都有對應實例,初級讀者即使從來沒有接觸過網頁製作,也可以輕鬆上手。本書同樣適合正在學習靜態網頁技術,並想進一步提高的讀者,還可作為網頁前台工作者的參考手冊。

目錄

《網頁開發手記:html+css+javascript實戰詳解》
第1篇 html網頁技術 1
第1章 網頁技術學前班 2
1.1 internet相關技術介紹 3
1.1.1 tcp/ip協定 3
1.1.2 ip地址和域名簡介 3
1.1.3 url簡介 4
1.1.4 web瀏覽器 4
1.2 internet技術的套用 4
1.3 html網頁技術簡介 5
1.3.1 什麼是html 5
1.3.2 html網頁的結構 5
1.3.3 如何獲取網頁的html 6
1.4 靜態網頁和動態網頁 6
1.4.1 有動畫的網頁就是動態網頁嗎 6
1.4.2 有了動態網頁還有必要學習html嗎 7
1.4.3 網站簡介 8
1.5 小結 8
第2章 網頁製作的第一次接觸 9
2.1 配置web伺服器運行環境 10
.2.1.1 系統要求 10
2.1.2 iis是乾什麼的 10
2.1.3 安裝iis 10
2.1.4 配置iis 11
2.1.5 網頁製作工具的選擇 13
2.2 了解網頁技術的工作原理 13
2.2.1 靜態html的工作流程 14
2.2.2 如何設定web技術中的訪問路徑 14
2.2.3 網頁中怎么表示顏色 15
2.2.4 學習網頁技術的順序 16
2.3 製作一個完整的html網頁 17
2.3.1 怎樣寫html網頁的標籤 17
2.3.2 完成第一個網頁 17
2.4 小結 19
第3章 html網頁的整體設定 20
3.1 html的頭部信息設定 21
3.1.1 定義網頁的標題 21
3.1.2 設定網頁的基底網址 22
3.1.3 掌握強大的元信息標籤 22
3.1.4 怎樣和css及javascript產生聯繫 24
3.1.5 頭部信息的其他設定 25
3.2 html主體的常用設定 26
3.2.1 設定網頁的背景色 26
3.2.2 設定網頁的背景圖片 27
3.3 頁面的整體邊距 29
3.4 html代碼的注釋 30
3.5 小結 30
第4章 html網頁中的文字和段落 31
4.1 段落排版和換行 32
4.1.1 給大段文字進行分段 32
4.1.2 給文字加入空格 33
4.1.3 設定文字換行與不換行 33
4.1.4 設定文字對齊方式 34
4.1.5 添加水平分隔線 35
4.2 文字的多樣化修飾 37
4.2.1 文字樣式設定的基本標籤—[font] 37
4.2.2 設定文字的顏色 37
4.2.3 設定文字的尺寸 38
4.2.4 設定文字的字型 39
4.2.5 使文字傾斜 39
4.2.6 使文字加粗 39
4.2.7 給文字加下畫線 40
4.2.8 多種標題樣式的使用 40
4.2.9 學會處理網頁中的特殊字元 41
4.2.10 如何更方便地忽略瀏覽器對部分html的解析 42
4.2.11 其他文字修飾方法 43
4.3 製作滾動文字 44
4.3.1 設定文字滾動 44
4.3.2 設定文字滾動的方向 45
4.3.3 設定文字滾動的速度和形式 45
4.4 用於組織數據的列表 46
4.4.1 列表的結構組成 46
4.4.2 製作無序列表 46
4.4.3 製作有序列表 46
4.5 超級連結 47
4.5.1 給文字添加連結 48
4.5.2 修改連結的視窗打開方式 48
4.5.3 給連結添加提示文字 49
4.5.4 什麼是錨(anchor) 49
4.5.5 電子郵件、ftp和telnet的連結 51
4.6 小結 52
第5章 html網頁中的圖片 53
5.1 認識網頁中的圖片格式 54
5.1.1 常用的圖片格式 54
5.1.2 選擇合適的圖片格式 55
5.2 插入圖片 56
5.2.1 插入圖片到網頁 56
5.2.2 設定圖片的高度和寬度 56
5.2.3 設定圖片的框線 57
5.2.4 給圖片添加提示文字 57
5.2.5 給圖片添加替代文字 58
5.3 圖文混合排版 58
5.4 給圖片加連結 60
5.5 製作滾動圖片 62
5.6 小結 63
第6章 插入外部資源 64
6.1 插入多媒體資源 65
6.1.1 為網頁添加背景聲音 65
6.1.2 為網頁添加音樂、動畫等更多媒體資源 66
6.2 插入外部程式 67
6.2.1 插入外部javascript程式 67
6.2.2 區分程式的客戶端程式與伺服器端程式 68
6.3 小結 69
第7章 強大的表格 70
7.1 認識表格的作用 71
7.1.1 用表格組織數據 71
7.1.2 用表格布局網頁 72
7.2 創建一個表格 73
7.2.1 表格的基本構成 73
7.2.2 [tr]與[td]的配合 74
7.2.3 表頭組和表尾組的設定 75
7.2.4 創建一個完整的表格 75
7.3 表格的整體控制 76
7.3.1 控制表格的高度和寬度 76
7.3.2 調整表格的水平對齊方式 77
7.3.3 嘗試不同類型的表格框線 78
7.3.4 調整表格的填充和間距 82
7.3.5 改變表格的背景色及背景圖片 85
7.4 表格行的控制 87
7.4.1 整行的高度設定 87
7.4.2 行內的對齊控制 88
7.5 表格單元格的控制 89
7.5.1 控制單元格的高度和寬度 90
7.5.2 單元格的對齊設定 91
7.5.3 合併多個單元格 91
7.6 表格的互相嵌套 93
7.6.1 嵌套表格的作用 93
7.6.2 表格布局網頁實例 94
7.6.3 用photoshop切片迅速生成布局表格 97
7.7 小結 99
第8章 和程式互動的利器——表單 100
8.1 表單的用途及屬性 101
8.1.1 表單的用途 101
8.1.2 表單的結構 101
8.1.3 表單的數據傳遞方式 102
8.2 表單的控制項 103
8.2.1 單行文本框控制項和密碼框控制項 103
8.2.2 多行文本框控制項 104
8.2.3 不同類型的按鈕控制項 105
8.2.4 單選框控制項和複選框控制項 106
8.2.5 下拉列表和列表框控制項 107
8.2.6 圖像域控制項、檔案域控制項和隱藏域控制項 108
8.3 實戰表單製作 109
8.3.1 表單控制項的分組方法 110
8.3.2 用戶註冊表單頁面實例 111
8.4 小結 113
第9章 網頁的框架頁面 114
9.1 用框架靈活地組織網頁 115
9.1.1 框架在網站中的作用 115
9.1.2 框架的結構分析 115
9.2 建立完整的框架頁面 116
9.2.1 建立視窗框架集 116
9.2.2 幀的比例調整 117
9.2.3 調整幀框線屬性 118
9.2.4 設定幀滾動條 119
9.2.5 複雜幀結構的框架頁面 120
9.3 特殊的[iframe]框架 121
9.3.1 使用[iframe]的好處 121
9.3.2 設定浮動框架屬性 122
9.4 框架綜合實例 123
9.5 小結 125
第2篇 css網站布局與樣式 126
第10章 css的第一次接觸 127
10.1 何謂web標準 128
10.1.1 理解web標準的基本組成和內涵 128
10.1.2 關於web標準與瀏覽器的兼容性 129
10.2 xhtml與css的概念 129
10.2.1 xhtml與css實現樣式與結構分離 129
10.2.2 css布局與表格布局的分析 130
10.3 xhtml的基本知識 132
10.4 css編寫基本模式 133
10.4.1 css的聲明方法 133
10.4.2 css的媒介控制 134
10.5 css的基本語法 135
10.5.1 css通過接口作用於xHTML元素 135
10.5.2 css的屬性和選擇符 136
10.5.3 css的各種選擇符詳解 137
10.5.4 id和class的區別 139
10.6 css的顏色和數值單位 139
10.7 小結 139
第11章 css布局方法 140
11.1 什麼叫“div+css” 141
11.1.1 初識div 141
11.1.2 xhtml中的塊狀元素和內聯元素 142
11.1.3 div元素的樣式設定 143
11.1.4 布局頁面的寬度 144
11.1.5 布局頁面水平居中 145
11.1.6 div元素的嵌套 146
11.1.7 div元素的浮動 147
11.1.8 一些高級的div布局技巧 151
11.1.9 一個典型的網頁布局實例 153
11.2 列表元素布局 156
11.2.1 列表元素製作導航條 156
11.2.2 列表元素的綜合使用——導航條製作 158
11.2.3 導航條的互動布局 159
11.3 css盒模型 161
11.3.1 什麼是css盒模型 161
11.3.2 外邊距的控制 162
11.3.3 框線的樣式設定 163
11.3.4 內邊距的設定 165
11.3.5 盒模型兼容問題 167
11.4 元素的非常規定位方式 167
11.4.1 css絕對定位 167
11.4.2 css固定定位 170
11.4.3 css相對定位 171
11.5 小結 172
第12章 css網頁元素設計 173
12.1 背景樣式控制 174
12.1.1 背景色樣式 174
12.1.2 背景圖片樣式的分類 175
12.1.3 背景圖片樣式的模擬 175
12.1.4 背景圖片的位置 177
12.1.5 固定背景圖片 179
12.1.6 背景屬性縮寫設定 179
12.1.7 背景樣式綜合示例 181
12.2 超級連結深入套用 184
12.2.1 超級連結偽類的套用實例1 184
12.2.2 超級連結偽類的套用實例2 187
12.3 表單的css設計 189
12.4 列表的css設計 192
12.4.1 列表演示 192
12.4.2 列表顯示技巧 194
12.4.3 使用圖片作為列表符號 195
12.5 段落及字型樣式設計 198
12.5.1 字型樣式的設計 198
12.5.2 字型修飾 199
12.5.3 段落樣式的設計 201
12.5.4 設定行距 202
12.5.5 段落內容裁剪 204
12.5.6 縱向段落排版 205
12.6 圖片樣式控制 207
12.6.1 圖片作為超連結 207
12.6.2 漂亮的圖文排版 208
12.6.3 技巧圖片裁切 211
12.7 css濾鏡 212
12.7.1 如何使用css濾鏡 213
12.7.2 css濾鏡綜合實例 215
12.8 小結 217
第13章 css編寫技巧 218
13.1 css設計與編寫原則 219
13.1.1 養成好的命名習慣 219
13.1.2 用好id和class 221
13.1.3 提高代碼重用率技巧1 222
13.1.4 提高代碼重用率技巧2 224
13.1.5 提高代碼重用率技巧3 225
13.1.6 css屬性值的縮寫 229
13.2 瀏覽器解析css的兼容問題 230
13.2.1 ie瀏覽器版本兼容問題的解決辦法 230
13.2.2 ie與firefox之間兼容問題的解決辦法 232
13.2.3 ie與firefox之間兼容問題的解決辦法:屬性選擇符 233
13.2.4 ie與firefox之間兼容問題的解決辦法:子對象選擇符 234
13.2.5 ie與firefox之間兼容問題的解決辦法:符號修飾選擇符 235
13.3 小結 236
第3篇 javascript動態行為 237
第14章 javascript的第一次接觸 238
14.1 什麼是javascript 239
14.2 javascript有什麼功能 239
14.3 在什麼地方編寫javascript 239
14.4 寫一個簡單的javascript程式 240
14.5 小結 241
第15章 javascript程式基礎知識 242
15.1 javascript的基本語法 243
15.1.1 字母大小寫編寫規範 243
15.1.2 javascript代碼編寫格式 243
15.1.3 注釋格式 243
15.1.4 保留字 244
15.1.5 基本的輸出方法 244
15.1.6 關於[script][/script]標籤的聲明 246
15.2 javascript互動基本方法 246
15.2.1 最常用的信息對話框 246
15.2.2 選擇對話框 247
15.2.3 顯示提示的對話框 249
15.3 數據類型和變數 250
15.3.1 數據類型的理解 250
15.3.2 學習幾種基本數據類型 251
15.3.3 變數的含義 253
15.3.4 變數的聲明與使用 253
15.4 常用的運算符 254
15.4.1 運算符與表達式 254
15.4.2 基本算術運算符及使用 256
15.4.3 關係運算符及使用 259
15.4.4 邏輯運算符及使用 261
15.4.5 其他常用運算符及使用 263
15.5 小結 264
第16章 javascript程式核心語法 265
16.1 程式的核心:分支和循環 266
16.1.1 if和switch的條件分支 266
16.1.2 while和do…while循環 269
16.1.3 for和for…in循環 272
16.1.4 如何更合理地控制循環語句 274
16.2 函式 278
16.2.1 什麼是函式 278
16.2.2 學會使用函式解決問題 279
16.2.3 理解函式的參數傳遞 280
16.2.4 函式中變數的作用域和返回值 281
16.2.5 函式的嵌套 283
16.3 面向對象編程的簡單概念 285
16.3.1 什麼是面向對象 285
16.3.2 如何創建對象 286
16.3.3 定義對象的屬性 286
16.3.4 對象的構造函式和方法 288
16.3.5 關聯數組的概念 290
16.3.6 with語句和for…in語句 292
16.4 小結 294
第17章 javascript核心對象 295
17.1 數組對象 296
17.1.1 創建數組 296
17.1.2 數組元素的操作 297
17.1.3 創建多維數組 299
17.1.4 數組的方法 300
17.2 日期對象 306
17.2.1 用date對象創建常用日期 306
17.2.2 date日期對象的方法 307
17.2.3 編寫一個時間計算程式 311
17.3 數學運算對象 312
17.3.1 數學運算對象的方法和屬性 313
17.3.2 做一個小型計算器 315
17.4 字元串對象 317
17.4.1 字元串對象的屬性 317
17.4.2 字元串對象的方法 318
17.5 函式對象 322
17.6 小結 324
第18章 瀏覽器對象模型 325
18.1 navigator瀏覽器信息對象 326
18.1.1 navigator對象的管理方法 326
18.1.2 在網頁上顯示瀏覽者系統的基本信息 326
18.2 window對象 328
18.2.1 window對象的管理方法 328
18.2.2 製作可定製的彈出視窗 329
18.2.3 完美地關閉視窗 331
18.2.4 製作簡單網頁動畫 332
18.2.5 延時執行命令 334
18.3 location對象 336
18.4 history對象 338
18.5 Screen對象 339
18.6 小結 341
第19章 文檔對象模型 342
19.1 文檔對象模型概念詳解 343
19.1.1 文檔對象模型簡介 343
19.1.2 文檔對象的屬性 343
19.1.3 文檔對象的方法 345
19.2 forms對象 347
19.2.1 訪問表單對象的方法 347
19.2.2 表單控制項 350
19.2.3 製作數據檢測功能的註冊頁面 357
19.3 image對象 361
19.4 連結對象 364
19.5 小結 366
第20章 事件回響 367
20.1 事件回響編程的概念 368
20.1.1 事件和事件處理程式 368
20.1.2 html元素常用事件的展示 368
20.2 事件方法的使用 370
20.3 event對象 372
20.3.1 event對象的各種屬性 372
20.3.2 網頁監視發生事件的元素 373
20.3.3 網頁檢測用戶的滑鼠信息 374
20.3.4 網頁檢測用戶的鍵盤按鍵信息 376
20.3.5 滑鼠隨意拖動網頁元素 378
20.4 事件編程訪問網頁元素 380
20.4.1 數組方式訪問 380
20.4.2 id名稱和name名稱訪問 382
20.4.3 html標籤名稱訪問 383
20.4.4 dom節點方法訪問 385
20.5 結合css製作動態頁面 387
20.5.1 讓html元素動起來 388
20.5.2 通過切換css給網頁換膚 390
20.5.3 動態添加節點 392
20.6 小結 395
第21章 javascript綜合範例 396
21.1 流行的套用:javascript選項卡切換內容塊 397
21.1.1 思路分析 397
21.1.2 編寫內容容器切換程式 398
21.1.3 選項卡切換實例功能編寫 398
21.1.4 選項卡切換實例美化 400
21.2 仿貓撲:網頁框架伸縮 404
21.2.1 思路分析 404
21.2.2 分析javascript的框架操作 405
21.2.3 框架伸縮實例功能編寫 406
21.2.4 框架伸縮實例美化 408
21.3 實用多級導航條 412
21.3.1 思路分析 413
21.3.2 css二級導航條實例功能編寫 413
21.3.3 完善css二級導航條實例 415
21.3.4 javascript製作導航條 417
21.4 各種對聯廣告的製作 420
21.4.1 分析對聯廣告如何適應不同解析度螢幕 420
21.4.2 分析對聯廣告如何關閉 422
21.4.3 固定位置的對聯廣告 425
21.4.4 移動的對聯廣告 428
21.5 html元素伸縮效果的製作 431
21.5.1 製作進度條 431
21.5.2 製作可伸縮的選單組 433
21.6 小結 435
第4篇 網頁製作綜合實例 436
第22章 製作個人網站 437
22.1 網站整體規劃 438
22.1.1 網站結構規劃 438
22.1.2 頁面功能劃分 438
22.1.3 頁面內容結構布局 439
22.2 頁面設計效果圖 439
22.3 站點目錄規劃 440
22.3.1 規劃各種資源目錄 440
22.3.2 配置iis虛擬目錄 441
22.4 構建xhtml結構並用css布局 442
22.5 參照最終效果圖美化頁面樣式 446
22.5.1 輸入所有的標題和內容 446
22.5.2 用css設定背景圖片 451
22.5.3 用css設定漸變背景 451
22.5.4 用css設定頁面垂直滾動條樣式 452
22.6 首頁添加動態行為 453
22.7 製作日誌頁面 458
22.7.1 日誌瀏覽功能思路分析 458
22.7.2 日誌代碼編寫 459
22.8 製作相冊頁面 462
22.8.1 相冊瀏覽功能思路分析 463
22.8.2 相冊代碼編寫 463
22.9 註冊域名並發布網站 467
22.10 小結 468
第23章 製作入口網站 469
23.1 入口網站整體規劃 470
23.1.1 規劃入口網站結構 470
23.1.2 規劃頁面功能結構 470
23.1.3 首頁內容結構布局 470
23.2 頁面設計效果圖 471
23.3 站點目錄規劃 472
23.4 構建xhtml結構並用css布局 472
23.5 參照最終效果圖美化頁面樣式 478
23.5.1 輸入所有的標題和內容 478
23.5.2 設定頁面主體背景 478
23.5.3 設定頁面漸變背景 479
23.5.4 設定有規律的背景圖片 479
23.6 插入無虛框的flash動畫 480
23.7 javascript與flash製作輪換圖片 482
23.8 製作欄目頁面 488
23.9 製作文章頁面 492
23.10 註冊域名並發布入口網站 495
23.11 小結 496
附錄a html標記參考 497
附錄b css屬性列表 503
附錄c javascript屬性及方法列表 506

相關詞條

熱門詞條

聯絡我們