網(wǎng)頁(yè)設(shè)計(jì)典型應(yīng)用技巧

第1章　Table（表格）　1
1.1　表格邊框技巧　2
1.1.1　表格邊框的隱藏　2
1.1.2　不斷閃爍的表格邊框　3
1.1.3　表格邊框形式變化　4
1.1.4　不斷變化的表格邊框　5
1.2　單元格技巧　7
1.2.1　表格中單元格之間分隔線(xiàn)的隱藏方法　7
1.2.2　可拖曳的單元格　8
1.3　動(dòng)態(tài)與交互特效　9
1.3.1　表格動(dòng)態(tài)背景色　10
1.3.2　另類(lèi)改變表格背景色　12
1.3.3　動(dòng)態(tài)插入文本　13
1.3.4　動(dòng)態(tài)添加表格　14
1.3.5　動(dòng)態(tài)添加單元格　15
1.4　其他表格特效　16
1.4.1　禁止表格背景圖重復(fù)顯示　16
1.4.2　使用表格進(jìn)行網(wǎng)頁(yè)排版　16
1.4.3　“高級(jí)”功能的實(shí)現(xiàn)　17
1.4.4　表格按鈕　19
1.4.5　如何制作與頁(yè)面等高的極細(xì)線(xiàn)　21
1.4.6　在表格中控制換行　22
1.4.7　控制立體表格顏色　24
1.4.8　表格變形的解決　26
1.4.9　圓角表格　27
1.4.10 表格實(shí)例　31
1.5　小結(jié)　33
第2章　Layer（層）　35
2.1　層定位相關(guān)技巧　36
2.1.1　層的定位　36
2.1.2　相對(duì)于絕對(duì)定位　37
2.1.3　動(dòng)態(tài)定位層　39
2.1.4　固定在某處的層　42
2.2　層中插入圖片　42
2.3　Div和Span的異同　43
2.4　層拖曳行為　45
2.5　讓層位于Flash對(duì)象之上　51
2.6　讓層位于表單元素之上　51
2.7　任意縮放. 拖曳的層　53
2.8　使用層的8條忠告　54
2.9　小結(jié)　55
第3章　CSS（樣式表）　57
3.1　CSS文字特效　58
3.1.1　CSS春聯(lián)特效　58
3.1.2　CSS旗幟特效　60
3.1.3　陰影 Shadow 文字特效　61
3.2　鏈接樣式效果　63
3.2.1　多彩鏈接　63
3.2.2　鏈接特效實(shí)例　64
3.3　CSS中濾鏡應(yīng)用技巧　68
3.3.1　表格陰影特效　68
3.3.2　靜態(tài)漸變特效　69
3.3.3　動(dòng)態(tài)漸變特效　77
3.4　CSS改變鼠標(biāo)光標(biāo)　81
3.4.1　更改當(dāng)前鼠標(biāo)光標(biāo)狀態(tài)　81
3.4.2　自定義鼠標(biāo)光標(biāo)樣式　82
3.5　CSS其他　83
3.5.1　背景圖永遠(yuǎn)居中　83
3.5.2　繪制立體層　84
3.5.3　CSS中字體設(shè)定　86
3.5.4　中英文混排　87
3.5.5　CSS全局應(yīng)用技巧　89
3.6　小結(jié)　91
第4章　Window（窗口）　93
4.1　窗口移動(dòng)特效　94
4.1.1　變化的轉(zhuǎn)動(dòng)窗口　94
4.1.2　移動(dòng)的廣告窗口　95
4.1.3　從天而降的窗口　96
4.1.4　縮放移動(dòng)特效　97
4.1.5　永遠(yuǎn)居中的窗口　98
4.1.6　上下左右移動(dòng)　98
4.2　彈出窗口　99
4.2.1　設(shè)置后的彈出窗口　100
4.2.2　函數(shù)控制彈出窗口　101
4.2.3　同時(shí)彈出兩個(gè)窗口　102
4.2.4　打開(kāi)鏈接同時(shí)彈出小窗口　103
4.2.5　定時(shí)關(guān)閉彈出窗口　104
4.2.6　定時(shí)關(guān)閉移動(dòng)的窗口　105
4.2.7　只彈出一次的窗口　106
4.3　關(guān)閉窗口　107
4.3.1　無(wú)提示關(guān)閉窗口　107
4.3.2　從一個(gè)窗口關(guān)閉另一個(gè)窗口　108
4.4　拖曳與縮放　109
4.4.1　使用鏈接拖曳　110
4.4.2　全頁(yè)面拖曳　111
4.5　其他窗口特效　113
4.5.1　彈出C盤(pán)窗口　113
4.5.2　窗口的邊框　114
4.5.3　窗口分塊顯示　114
4.5.4　最大化與最小化　116
4.5.5　全屏顯示　117
4.5.6　最大化顯示　118
4.5.7　窗口標(biāo)題欄與狀態(tài)欄特效　120
4.5.8　Tip of the day　121
4.6　小結(jié)　123
第5章　Form（表單）　125
5.1　表單外觀(guān)特效　126
5.1.1　表單元素字體樣式　126
5.1.2　字體樣式綜合應(yīng)用　128
5.1.3　背景顏色和圖像樣式的應(yīng)用　129
5.1.4　邊框樣式的應(yīng)用　130
5.1.5　邊框的特殊設(shè)計(jì)展示　131
5.1.6　定義下拉框外框　132
5.1.7　復(fù)選框特效　137
5.1.8　表單中應(yīng)用圖像　139
5.2　表單提交技巧　141
5.2.1　表單數(shù)據(jù)精確檢驗(yàn)　141
5.2.2　表單的分支提交　151
5.2.3　用任何元素提交表單　152
5.2.4　禁止使用回車(chē)提交表單　153
5.2.5　提交后按鈕失效　154
5.2.6　限時(shí)提交技巧　154
5.3　復(fù)選框技巧　156
5.3.1　全選功能的實(shí)現(xiàn)　156
5.3.2　限制復(fù)選框的最大可選數(shù)　158
5.3.3　拖曳式選取　160
5.4　其他表單技巧　163
5.4.1　下拉跳轉(zhuǎn)菜單　163
5.4.2　表單內(nèi)容的聚焦　165
5.4.3　去掉表格和表單間的空行　166
5.4.4　使用表單提交E-mail　167
5.4.5　用表單控制層的顯示和隱藏　168
5.4.6　改變多行文本框滾動(dòng)條的顏色　169
5.4.7　文本框（Textarea）功能拓展　170
5.4.8　自定制完全圖形表單　173
5.5　小結(jié)　175
第6章　Frame（框架）Scrollbar（滾動(dòng)條）　177
6.1　Frame（框架）　178
6.1.1　自定義框架分隔線(xiàn)顏色　178
6.1.2　另類(lèi)居中技巧　179
6.1.3　一次單擊更改兩個(gè)框架的內(nèi)容　181
6.1.4　自定義內(nèi)嵌式框架滾動(dòng)　182
6.1.5　讓內(nèi)嵌式框架透明　185
6.2　Scrollbar（滾動(dòng)條）　186
6.2.1　使用CSS控制瀏覽器中滾動(dòng)條　186
6.2.2　自動(dòng)滾屏　192
6.2.3　平滑自動(dòng)滾屏　193
6.2.4　雙擊滾屏　194
6.2.5　拖曳頁(yè)面　195
6.3　小結(jié)　196
第7章　版式與配色　197
7.1　版式與排版技巧　198
7.1.1　文字豎排　198
7.1.2　自動(dòng)縮放的字體和圖片　204
7.1.3　交互式動(dòng)態(tài)更改字號(hào)　206
7.1.4　文字繞排　207
7.1.5　文字強(qiáng)制對(duì)齊　210
7.1.6　列表項(xiàng)樣式定制　212
7.1.7　段落縮進(jìn)技巧　215
7.1.8　首字下沉　216
7.1.9　制作細(xì)線(xiàn)　218
7.1.10　文本內(nèi)容精確顯示　219
7.1.11　網(wǎng)頁(yè)設(shè)計(jì)布局分析　222
7.2　配色技巧與方案　225
7.2.1　色彩意象　225
7.2.2　Web設(shè)計(jì)中的色彩模式　231
7.2.3　色彩調(diào)和技巧　232
7.2.4　網(wǎng)頁(yè)配色方案　233
7.2.5　色彩使用技巧8原則　235
7.3　小結(jié)　236
第8章　多媒體與綜合技巧　237
8.1　多媒體　238
8.1.1　背景音樂(lè)的運(yùn)用　238
8.1.2　新窗口播放媒體　242
8.1.3　使用IMG標(biāo)簽播放視頻媒體　243
8.1.4　使用媒體播放器控件　244
8.2　用XBM創(chuàng)建動(dòng)態(tài)客戶(hù)端圖像　247
8.2.1　XBM基礎(chǔ)　248
8.2.2　XBM格式剖析　248
8.2.3　用JavaScript編寫(xiě)XBM圖像　250
8.2.4　XBM應(yīng)用實(shí)例　252
8.3　提示框技巧　254
8.3.1　提示信息中使用回車(chē)　254
8.3.2　帶陰影的文本提示框　256
8.3.3　快速顯示提示信息　257
8.3.4　在提示框中使用圖片　259
8.3.5　過(guò)場(chǎng)動(dòng)畫(huà)提示框　261
8.4　惡意代碼　262
8.4.1　一行代碼讓IE重啟　262
8.4.2　關(guān)不掉的對(duì)話(huà)框　263
8.4.3　反復(fù)循環(huán)的對(duì)話(huà)框　264
8.4.4　凍結(jié)頁(yè)面　265
8.4.5　修改注冊(cè)表　265
8.5　綜合技巧　268
8.5.1　HEAD元素詳解　268
8.5.2　在地址欄地址前顯示小圖標(biāo)　271
8.5.3　空鏈接　272
8.5.4　模擬IE功能　272
8.5.5　文字滾動(dòng)　274
8.5.6　代碼加解密　277
8.5.7　代碼調(diào)試　279
8.5.8　禁止網(wǎng)頁(yè)另存　281
8.5.9　禁止復(fù)制文本　282
8.5.10　動(dòng)態(tài)改變?nèi)我馊萜鞔笮　?83
8.5.11　去掉鏈接虛線(xiàn)框　285
8.5.12　離開(kāi)提示　287
8.5.13　設(shè)為首頁(yè)和收藏本站　288
8.5.14　精彩網(wǎng)頁(yè)實(shí)例　288
8.5.15　顛倒乾坤　291
8.6　小結(jié)　293
附錄1 字符實(shí)體表　295
附錄2 樣式表單位（CSS Units）　303
附錄3 JavaScript快速參考　307