HTML網頁設計參考手冊 普通話 簡體中文 DVD
本書由最基本的HTML語法開始講解網頁設計的基礎技術,詳細介紹了各種網頁製作的標記;然後介紹如何運用CSS控製網頁畫面中文字與圖片的樣式;接下來講解了JavaScript語言與網頁特效的製作;最後以應用最廣泛的Drcamweaver為例,介紹網頁設計的方法。在講解中配有大量範例,使讀者在實際操作中學習製作網頁。 HTML語言是製作網頁的基礎語言。作為一個網頁製作愛好者或者專業的網頁設計師,HTML語言知識是不可或缺的。本書由最基本的HTML語法開始講解網頁設計的基礎技術,詳細介紹了各種網頁製作的標記;然後介紹如何運用CSS控製網頁畫面中文字與圖片的樣式;接下來講解了JavaScript語言與網頁特效的製作;最後以應用最廣泛的Drcamweaver為例,介紹網頁設計的方法。在講解中配有大量範例,使讀者在實際操作中學習製作網頁。本書適合作為各類網頁設計製作培訓學校的教材,也可供想要把網頁做得更好的廣大普通網頁製作愛好者學習,以及從事網站建設和網頁設計製作的專業人士分析借鑒。
目錄:
第1章HTML入門1
1.1HTML的基本概念2
1.1.1HTML簡介2
1.1.2HTML的結構概念2
1.1.3HTML的標記2
1.2HTML的發展歷史3
1.3網頁設計原則3
1.4Dreamweaver簡介4
1.4.1標題欄4
1.4.2菜單欄5
1.4.3插入欄5
1.4.4文檔工具欄6
1.4.5屬性面板7
1.4.6其他面板7
1.5在Dreamweaver中直接編寫HTML8
1.5.1編寫HTML代碼8
1.5.2保存並查看HTML文件9
第2章HTML基本標記11
2.1頭部標記——12
2.2標題標記——12
2.3元信息標記——13
2.3.1設置頁面關鍵字13
2.3.2設置頁面描述13
2.3.3設置編輯工具14
2.3.4設定作者信息14
2.3.5限制搜索方式15
2.3.6設置網頁文字及語言15
2.3.7設置網頁的定時跳轉16
2.3.8設定網頁的到期時間17
2.3.9禁止從緩存中調用18
2.3.10刪除過期的cookie18
2.3.11強制打開新窗口19
2.3.12設置網頁的過渡效果19
2.4基底網址標記——21
2.5頁面的主體標記——body23
2.5.1設置頁面背景色——bgcolor23
2.5.2設置背景圖片——background23
2.5.3設置文字顏色——text25
2.5.4設置鏈接文字屬性——link25
2.5.5設置邊距——margin27
2.6頁面註釋標記——28
第3章文字與段落29
3.1標題文字的建立30
3.1.1標題文字標記30
3.1.2標題文字的對齊方式——align30
3.2文字格式標記31
3.2.1設置文字字體——face31
3.2.2設置字號——size32
3.2.3設置文字顏色——color33
3.2.4粗體.斜體.下劃線——strong.em.u33
3.2.5上標與下標——sup.sub34
3.2.6設置刪除線——strike34
3.2.7等寬文字標記——code35
3.2.8空格——36
3.2.9其他特殊符號37
3.3段落標記38
3.3.1段落標記——p38
3.3.2取消文字換行標記——nobr39
3.3.3換行標記——br39
3.3.4保留原始排版方式標記——pre40
3.3.5居中對齊標記——center41
3.3.6向右縮進標記——blockquote41
3.4水平線標記42
3.4.1添加水平線——hr42
3.4.2設置水平線寬度與高度屬性——width.height43
3.4.3設置水平線的顏色——color44
3.4.4設置水平線的對齊方式——align45
3.4.5去掉水平線陰影——noshade45
3.5其他標記46
3.5.1文字標註標記——ruby46
3.5.2聲明變量標記——var47
3.5.3忽視HTML標籤標記——plaintext.xmp48
第4章列表49
4.1無序列表的設計50
4.1.1無序列表標記——ul50
4.1.2設置無序列表的符號類型——type51
4.2有序列表的設計52
4.2.1有序列表標記——ol52
4.2.2有序列表的序號類型——type53
4.2.3有序列表的起始數值——start54
4.3定義列表標記——dl56
4.4菜單列表標記——menu57
4.5目錄列表——dir57
4.6列表的高級應用58
4.6.1列表的簡化58
4.6.2設置列表文字的顏色59
4.7列表的嵌套60
第5章超鏈接63
5.1超鏈接基本知識64
5.1.1超鏈接64
5.1.2絕對路徑64
5.1.3相對路徑64
5.2超鏈接的建立65
5.2.1超鏈接標記的基本語法65
5.2.2建立文本超鏈接65
5.2.3設置超鏈接的目標窗口67
5.3內部鏈接69
5.4書籤鏈接71
5.4.1建立書籤71
5.4.2鏈接到同一頁面的書籤73
5.4.3鏈接到不同頁面的書籤74
5.5外部鏈接75
5.5.1通過HTTP協議76
5.5.2通過FTP協議76
5.5.3通過Telnet鏈接77
5.5.4發送到Email78
5.5.5下載文件79
第6章使用圖像81
6.1圖像格式82
6.2添加圖像——img82
6.3設置圖像屬性83
6.3.1圖像高度——height83
6.3.2圖像寬度——width84
6.3.3圖像邊框——border85
6.3.4圖像水平間距——hspace86
6.3.5圖像垂直間距——vspace87
6.3.6圖像相對於文字基準線的對齊方式——align88
6.3.7圖像的提示文字——alt89
6.4圖像的超鏈接90
6.4.1設置圖像的超鏈接90
6.4.2設置圖像熱區鏈接92
第7章添加多媒體元素97
7.1設置動態文字98
7.1.1設置滾動文字——marquee98
7.1.2文字滾動方向——direction98
7.1.3設置文字的滾動方式——behavior100
7.1.4循環設置——loop101
7.1.5滾動速度——scrollamount101
7.1.6滾動延遲——scrolldelay102
7.1.7滾動文字的背景設置——bgcolor103
7.1.8滾動背景面積——width.height103
7.1.9設置空白空間——hspace.vspace104
7.2設置背景音樂105
7.2.1設置背景音樂——bgsound105
7.2.2設置背景音樂的循環播放次數——loop106
7.3添加多媒體文件106
7.3.1添加多媒體文件標記——embed107
7.3.2設置自動運行——autostart107
7.3.3設置媒體文件的循環播放——loop108
7.3.4隱藏面板——hidden108
7.3.5添加其他類型的媒體文件109
第8章表格的應用111
8.1建立表格112
8.1.1添加表格——table.tr.td112
8.1.2設置表格的標題——caption113
8.1.3表格的表頭——th114
8.2設置表格基本屬性115
8.2.1設置表格寬度——width115
8.2.2設置表格高度——height117
8.2.3表格對齊方式——align118
8.3表格的邊框..119
8.3.1設置表格的邊框寬度——border119
8.3.2表格邊框顏色——bordercolor120
8.3.3內框寬度——cellspacing121
8.3.4表格內文字與邊框距離——cellpadding122
8.4設定表格背景124
8.4.1設置表格背景色——bgcolor124
8.4.2設置表格的背景圖像——background125
8.5修改表格的行屬性126
8.5.1高度的控制——height126
8.5.2邊框顏色——bordercolor127
8.5.3行背景——bgcolor.background128
8.5.4行文字的水平對齊方式——align129
8.5.5行文字的垂直對齊方式——valign130
8.5.6設置表格標題的垂直對齊方式——valign131
8.6調整單元格屬性132
8.6.1單元格大小——width.height132
8.6.2水平跨度——colspan133
8.6.3垂直跨度——rowspan134
8.6.4對齊方式——align.valign135
8.6.5設置單元格的背景色136
8.6.6單元格的邊框顏色——bordercolor137
8.6.7設置單元格的亮邊框——bordercolorlight138
8.6.8設置單元格的暗邊框——bordercolordark139
8.6.9設置單元格的背景圖像——background140
8.6.10文字內容不換行——nowrap141
8.7表格的結構143
8.7.1設計表頭樣式——thead144
8.7.2設計表主體樣式——tbody145
8.7.3設計表尾樣式——tfoot146
8.8表格的嵌套148
8.9層標記——div149
第9章添加表單151
9.1表單標記——form152
9.1.1處理程序——action152
9.1.2表單名稱——name153
9.1.3傳送方法——method153
9.1.4編碼方式——enctype154
9.1.5目標顯示方式——target155
9.2添加控件156
9.3輸入類的控件156
9.3.1文字字段——text156
9.3.2密碼域——password158
9.3.3單選按鈕——radio159
9.3.4複選框——checkbox160
9.3.5普通按鈕——button161
9.3.6提交按鈕——submit161
9.3.7重置按鈕——reset163
9.3.8圖像域——image165
9.3.9隱藏域——hidden166
9.3.10文件域——file166
9.4菜單列表類的控件168
9.4.1下拉菜單168
9.4.2列表項170
9.5文本域標記——textarea172
9.6id標記173
第10章框架結構175
10.1窗口框架簡介176
10.1.1什麼是框架176
10.1.2框架的基本結構176
10.2設置框架集的基本屬性176
10.2.1水平分割窗口——rows177
10.2.2垂直分割窗口——cols178
10.2.3嵌套分割窗口178
10.2.4設置邊框——frameborder180
10.2.5框架的邊框寬度——framespacing180
10.2.6框架的邊框顏色——bordercolor181
10.3設置窗口屬性182
10.3.1頁面源文件——src182
10.3.2頁面名稱——name183
10.3.3調整窗口的尺寸——noresize183
10.3.4邊框與頁面內容的水平邊距——marginwidth184
10.3.5邊框與頁面內容的垂直邊距——marginheight185
10.3.6設置框架滾動條顯示——scrolling185
10.3.7不支持框架標記——noframes186
10.4浮動框架187
10.4.1必需參數:頁面源文件——src189
10.4.2特有屬性:大小——width和height189
10.4.3特有屬性:對齊方式——align190
10.4.4共有參數設置191
10.4.5其他參數——frameborder192
10.5框架與鏈接193
10.5.1設置普通框架結構的鏈接193
10.5.2浮動框架與鏈接195
第11章CSS樣式表197
11.1CSS簡介198
11.1.1CSS的概念198
11.1.2CSS的特點198
11.2CSS的使用199
11.2.1CSS的基本語法199
11.2.2添加CSS的方法200
11.2.3CSS的繼承202
11.2.4CSS樣式的衝突202
11.2.5書寫CSS的注意事項203
11.3設置CSS的字體屬性203
11.3.1設置字體——font-family203
11.3.2設置字號——font-size204
11.3.3字體風格——font-style206
11.3.4設置加粗字體——font-weight207
11.3.5小型的大寫字母——font-variant208
11.3.6複合屬性:字體——font208
11.4顏色及背景屬性209
11.4.1顏色屬性設置——color210
11.4.2背景顏色——background-color211
11.4.3背景圖像——background-image212
11.4.4背景重複——background-repeat213
11.4.5背景附件——background-attachment214
11.4.6背景位置——background-position215
11.4.7複合屬性:背景——background217
11.5文本屬性218
11.5.1單詞間隔——word-spacing218
11.5.2字符間隔——letter-spacing219
11.5.3文字修飾——text-decoration219
11.5.4縱向排列——vertical-align220
11.5.5文本轉換——text-transform221
11.5.6文本排列——text-align222
11.5.7文本縮進——text-indent223
11.5.8文本行高——line-height224
11.5.9處理空白——white-space225
11.5.10文本反排——unicode-bidi與direction226
11.6邊距與填充屬性228
11.6.1頂端邊距——margin-top228
11.6.2其他邊距——margin-bottom.margin-left.margin-right229
11.6.3複合屬性:邊距——margin229
11.6.4頂端填充——padding-top230
11.6.5其他填充——padding-bottom.padding-right.padding-left231
11.6.6複合屬性:填充——padding232
11.7邊框屬性233
11.7.1邊框樣式——border-style233
11.7.2邊框寬度——border-width235
11.7.3邊框顏色——border-color237
11.7.4邊框屬性——border238
11.8定位及尺寸屬性239
11.8.1定位方式——position239
11.8.2元素位置——top.right.bottom.left240
11.8.3層迭順序——z-index241
11.8.4浮動屬性——float242
11.8.5清除屬性——clear244
11.8.6可視區域——clip244
11.8.7設定大小——width.height246
11.8.8超出範圍——overflow247
11.8.9可見屬性——visibility248
11.9列表屬性250
11.9.1列表符號——list-style-type250
11.9.2圖像符號——list-style-image251
11.9.3列表縮進——list-style-position252
11.9.4複合屬性:列表——list-style253
11.10光標屬性——cursor254
11.11濾鏡屬性256
11.11.1不透明度——alpha256
11.11.2動感模糊——blur257
11.11.3對顏色進行透明處理——chroma258
11.11.4設置陰影——dropShadow259
11.11.5對象的翻轉——flipH.flipV260
11.11.6發光效果——glow262
11.11.7灰度處理——gray263
11.11.8反相——invert264
11.11.9X光片效果——xray265
11.11.10遮罩效果——mask266
11.11.11波形濾鏡——wave267
第12章使用JavaScript腳本269
12.1JavaScript簡介270
12.1.1什麼是JavaScript270
12.1.2JavaScript特點270
12.1.3一個簡單的JavaScript實例270
12.2JavaScript的基本語法271
12.2.1常量272
12.2.2變量272
12.2.3運算符273
12.2.4表達式274
12.2.5基本語句275
12.2.6函數281
12.3JavaScript對象282
12.3.1對象屬性的引用282
12.3.2對象方法的使用283
12.3.3瀏覽器的內部對象283
12.4JavaScript事件289
12.4.1事件簡介289
12.4.2單擊事件——onClick290
12.4.3改變事件——onChange290
12.4.4選中事件——onSelect291
12.4.5獲得焦點事件——onFocus292
12.4.6失去焦點事件——onBlur292
12.4.7載入文件事件——onLoad293
12.4.8卸載文件事件——onUnload294
12.4.9鼠標覆蓋事件——onMouseOver294
12.4.10鼠標離開事件——onMouseOut295
12.4.11其他事件296
12.5利用JavaScript製作特效297
12.5.1動態顯示時間298
12.5.2隨鼠標移動的圖像298
12.5.3禁止鼠標右擊300
12.5.4設置鏈接文字的自動變色300
12.5.5顯示瀏覽器信息301
12.5.6顯示訪客登錄信息的窗口303
12.5.7標題漸變的窗口305
12.5.8網頁中的loading條307
12.5.9頁面的製作完成時間308
12.5.10在狀態欄顯示輸入字符的頁面310
12.5.11頁面的加密功能310
12.5.12調色板更換頁面背景313
12.5.13自由移動的圖片314
12.5.14圖片代替按鈕效果315
12.5.15圖片的翻轉效果316
12.5.16跟著鼠標的煙花317
12.5.17跟隨鼠標的時鐘319
12.5.18跟隨鼠標的滾動字幕322
12.5.19不斷閃動的鏈接323
12.5.20在按鈕上定時顯示不同的鏈接325
12.5.21帶鏈接的滾動字幕326
第13章在Dreamweaver中創建網頁329
13.1常用頁面元素330
13.1.1插入圖像330
13.1.2導入媒體332
13.1.3添加表格332
13.1.4添加時間元素333
13.1.5設置超級鏈接334
13.2網頁的佈局334
13.2.1使用佈局表格335
13.2.2設置框架336
13.2.3使用層進行佈局337
13.3表單的使用338
13.3.1插入空白表單338
13.3.2插入文本類控件338
13.3.3插入選擇區域339
13.3.4插入菜單和列表341
13.3.5添加跳轉菜單342
13.3.6添加按鈕343
13.4添加各種類型的文本344
13.5添加HTML網頁的輔助內容344
13.5.1添加水平線344
13.5.2設置文件元信息345
13.5.3添加腳本346
附錄顏色關鍵字對照表347