網(wǎng)頁制作全接觸

內(nèi)容概要

本書主要介紹了有關(guān)HTML 4.0和CSS 的內(nèi)容，包括HTML 4.0各個標(biāo)記的語法和屬性，CSS各個屬性的語法和屬性值，同時介紹了兩者在Dreamweaver中的實現(xiàn)，提供大量靈活使用HTML 4.0 和CSS 制作動態(tài)網(wǎng)頁的實例。

書籍目錄

第一部分  HTML部分
第一章  HTML入門	1
1.1 HTML發(fā)展歷史	1
1.1.1 HTML簡單歷史	1
1.1.2 HTML 4.0新特性	2
1.2 HTML編輯器	3
1.3 一個簡單的HTML頁面	4
1.4 HTML與JavaScript、CSS結(jié)合	5
1.5 HTML與ASP、PHP、JSP	6
1.5.1 ASP簡介	7
1.5.2 PHP簡介	9
1.5.3 JSP簡介	10
1.6 HTML與DHTML	12
1.6.1 Microsoft IE 4.0對DHTML的支持	12
1.6.2 Netscape Communicator 4.0對DHTML的支持	13
1.7 利用Dreamweaver制作HTML頁面	14
第二章  HTML標(biāo)記	17
2.1 通用屬性	17
2.1.1 核心屬性	18
2.1.2 多國語言屬性	19
2.1.3 通用程序事件	20
2.1.4 在Dreamweaver中的實現(xiàn)	20
2.2 頂級標(biāo)記	21
2.2.1 HTML文檔聲明（HTML）	21
2.2.2 文檔頭部（HEAD）	22
2.2.3 文檔體（BODY）	22
2.2.4 框架（FRAMESET）	23
2.2.5 在Dreamweaver中的實現(xiàn)	23
2.3 頭標(biāo)記	25
2.3.1 標(biāo)題（TITLE）	25
2.3.2 文檔基礎(chǔ)URL（BASE）	25
2.3.3 單行文本輸入（ISINDEX）	26
2.3.4 鏈接（LINK）	26
2.3.5 元數(shù)據(jù)（META）	27
2.3.6 樣式表（STYLE）	29
2.3.7 在Dreamweaver中的實現(xiàn)	30
2.4 文本布局標(biāo)記	31
2.4.1 段落（P）	31
2.4.2 預(yù)定義格式（PRE）	33
2.4.3 引用（BLOCKQUOTE、Q）	34
2.4.4 標(biāo)注文檔改變（INS、DEL）	35
2.4.5 區(qū)塊（DIV、SPAN）	37
2.4.6 詞標(biāo)記（HR、BR、NOBR、SPACER、BDO、ABBR、BAR）	39
2.4.7 居中顯示（CENTER）	45
2.4.8 在Dreamweaver中的實現(xiàn)	46
2.5 字體樣式標(biāo)記	46
2.5.1 標(biāo)題字體（H1、H2、H3、H4、H5、H6）	46
2.5.2 字體修正（FONT、BASEFONT）	47
2.5.3 物理字體（B、I、U、TT、SUP、SUB、S、STRIKE）	49
2.5.4 邏輯字體（EM、STRONG、CODE、SAMP、KBD、VAR、BIG、SMALL、DFN、CITE、ACRONYM、ADDRESS）	50
2.5.5 在Dreamweaver中的實現(xiàn)	52
2.6 超級鏈接	52
2.6.1 URL介紹	52
2.6.2 超級鏈接標(biāo)記（A）	54
2.6.3 映射（MAP、AREA）	55
2.6.3 在Dreamweaver中的實現(xiàn)	57
2.7 列表標(biāo)記	58
2.7.1 列表項（LI）	58
2.7.2 有序和無序列表（OL、UL）	58
2.7.3 定義列表（DL、DT、DD）	60
2.7.4 目錄列表和菜單列表（DIR、MENU）	62
2.7.5 在Dreamweaver中的實現(xiàn)	62
2.8 表格標(biāo)記	62
2.8.1 表格主標(biāo)記（TABLE）	62
2.8.2 表格橫行（TR）	66
2.8.3 表格單元（TH、TD）	67
2.8.4 表格說明（CAPTION）	69
2.8.5 表格橫行組（THEAD、TFOOT、TBODY）	69
2.8.6 表格豎列組（COLGROUP、COL）	69
2.8.7 在Dreamweaver中的實現(xiàn)	70
2.9 表單標(biāo)記	72
2.9.1 表單主標(biāo)記（FORM）	72
2.9.2 按鈕（BUTTON）	73
2.9.3 輸入域（INPUT、TEXTAREA）	73
2.9.4 選擇域（SELECT、OPTGROUP、OPTION）	75
2.9.5 標(biāo)簽及其樣式（FIELDSET、LEGEND、LABEL）	76
2.9.6 在Dreamweaver中的實現(xiàn)	77
2.10 框架標(biāo)記	79
2.10.1 框架主標(biāo)記（FRAMESET）	79
2.10.2 框架單元（FRAME）	80
2.10.3 無框架（NOFRAME）	81
2.10.4 內(nèi)層框架（IFRAME）	81
2.10.5 在Dreamweaver中的實現(xiàn)	82
2.11 容器標(biāo)記	83
2.11.1 腳本容器（SCRIPT、NOSCRIPT）	83
2.11.2 控件容器（OBJECT、PARAM、APPLET）	84
2.11.3 圖像標(biāo)記（IMG）	87
2.11.4 在Dreamweaver中的實現(xiàn)	89
第三章  HTML使用技巧	91
3.1 在HTML文檔中加入多媒體	91
3.1.1 使用EMBED標(biāo)記嵌入音頻和視頻	91
3.1.2 在外部窗口中打開媒體	94
3.1.3 使用BGSOUND標(biāo)記加背景音樂	95
3.1.4 使用IMG標(biāo)記的DYNSRC屬性加視頻文件	96
3.1.5 在媒體播放器控件中加入多媒體	97
3.1.6 在HTML中加入GIF動畫	102
3.1.7 加入FLASH動畫	103
3.1.8 插入Java Applet小程序	105
3.1.9 用Dreamweaver在網(wǎng)頁中插入多媒體	106
3.2 調(diào)用外部文件	107
3.2.1 使用LAYER和IFRAME標(biāo)記	107
3.2.2 數(shù)據(jù)捆綁技術(shù)	109
3.2.3 在頁面中調(diào)用XML文件	112
第四章  制作動態(tài)網(wǎng)頁	116
4.1 制作動態(tài)網(wǎng)頁語言簡介	116
4.1.1 Java和JavaScript	116
4.1.2 VB和VBScript	121
4.2 在HTML文檔中加入事件和行為	121
4.2.1 載入與載出事件	122
4.2.2 鼠標(biāo)事件-Dreamweaver行為面板的使用	122
4.2.3 鍵盤事件	127
4.2.4 其他事件	129
4.2.5 改變頁面元素屬性	129
4.2.6 加入時鐘制作動畫效果	131
4.2.7 將本頁加入收藏夾	132
4.3 MARQUEE的使用	133
4.4 動態(tài)效果完整實例	136
4.4.1 導(dǎo)航欄	136
4.4.2 頁面內(nèi)容的顯隱	144
4.4.3 漂移的層-Dreamweaver時間線的使用	147
4.4.4 狀態(tài)欄動態(tài)文字	149
4.4.5 文字特效	155
4.4.6 鼠標(biāo)特效	160
4.4.7 動態(tài)改變頁面背景	165
4.4.8 控制鼠標(biāo)右鍵行為	168
4.4.9 電子信箱入口	170
4.4.10 搜索引擎入口	173
4.4.11 主頁問候	176
4.4.12 使用Cookie記錄瀏覽者信息	183
4.4.13 在線測試	186
4.4.14 對瀏覽器的控制	190
第五章  網(wǎng)站的定義與上傳	195
5.1 用Dreamweaver定義和上傳一個站點	195
5.1.1 用Dreamweaver定義站點	195
5.1.2 在Dreamweaver中設(shè)置上傳和下載文件的參數(shù)	197
5.1.3 用Dreamweaver上傳和下載文件	199
5.1.4 用Dreamweaver維護(hù)站點	202
5.2 用CuteFTP定義和上傳一個站點	202
5.2.1 CuteFTP概述	202
5.2.2 設(shè)置FTP站點連接	204
5.2.3 上傳以及下載文件	205
第二部分  CSS部分
第六章  CSS入門	207
6.1 CSS樣式表簡介	207
6.1.1 例說CSS樣式表	207
6.1.2 CSS樣式優(yōu)點	208
6.2 編輯CSS樣式表的方法	209
6.2.1 用普通的文本編輯工具	210
6.2.2 用普通的HTML編輯工具	210
6.2.3 用Dreamweaver的CSS Styles面板	210
6.3  CSS樣式表的定義和應(yīng)用	211
6.3.1 定義HTML標(biāo)記的樣式表	211
6.3.2 在Dreamweaver中定義HTML標(biāo)記的樣式表	211
6.3.3 用類(CLASS)來定義樣式表	213
6.3.4 用ID屬性來定義樣式表	214
6.3.5 應(yīng)用以CLASS或者ID定義的樣式表	214
6.3.6 在Dreamweaver中定義和應(yīng)用CLASS類型的樣式表	215
6.4 HTML中加入CSS的四種方法	216
6.4.1 嵌入式樣式表	216
6.4.2 內(nèi)聯(lián)式樣式表	216
6.4.3 外聯(lián)式樣式表	216
6.4.4 輸入式樣式表	217
6.4.5 應(yīng)用Dreamweaver創(chuàng)建和應(yīng)用外聯(lián)式、輸入式樣式表	218
6.4.6 層疊的順序	220
6.5 偽類和偽元素	221
6.5.1 錨偽類	222
6.5.2 使用CSS的網(wǎng)頁實例：超級鏈接文字的動態(tài)效果	222
6.5.3 首行偽元素	224
6.5.4 首字母偽元素	224
6.6 CSS樣式表高級技巧	225
6.6.1 關(guān)聯(lián)標(biāo)記	225
6.6.2 標(biāo)記編組	226
6.6.3 樣式的繼承	226
6.6.4 注釋語句	226
6.6.5 子類的定義和使用	227
6.6.6 通過多個樣式表給出一個樣式	227
第七章  CSS基本屬性	228
7.1 字體屬性	228
7.1.1 字體族（FONT-FAMILY）	228
7.1.2 字體大?。‵ONT-SIZE）	229
7.1.3 字體風(fēng)格（FONT-STYLE）	232
7.1.4 字體粗細(xì)（FONT-WEIGHT）	232
7.1.5 字體變形（FONT-VARIANT）	233
7.1.6 字體（FONT）	233
7.1.7 在Dreamweaver中設(shè)置CSS樣式表的字體屬性	234
7.1.8 與JavaScript結(jié)合制作動態(tài)字體	236
7.2 顏色與背景屬性	236
7.2.1 前景顏色（COLOR）	236
7.2.2 背景顏色（BACKGROUND-COLOR）	238
7.2.3 背景圖像（BACKGROUND-IMAGE）	239
7.2.4 背景重復(fù)方式（BACKGROUND-REPEAT）	241
7.2.5 背景依附方式（BACKGROUND-ATTACHMENT）	242
7.2.6 背景對齊方式（BACKGROUND-POSITION）	242
7.2.7 背景（BACKGROUND）	243
7.2.8 在Dreamweaver中設(shè)置CSS樣式表的顏色與背景屬性	244
7.3 文本屬性	245
7.3.1 文本轉(zhuǎn)換（TEXT-TRANSFORM）	245
7.3.2 文本修飾（TEXT-DECORATION）	245
7.3.3 字符間距（LETTER-SPACING）	246
7.3.4 單詞間距（WORD-SPACING）	246
7.3.5 文本對齊方式（TEXT-ALIGN）	246
7.3.6 垂直對齊（VERTICAL-ALIGN）	247
7.3.7 文本縮進(jìn)（TEXT-INDENT）	249
7.3.8 對空白的處理（WHITE-SPACE）	250
7.3.9 行高（LINE－HEIGHT）	250
7.3.10 在Dreamweaver中設(shè)置CSS樣式表中的文本屬性	251
7.4 容器屬性	252
7.4.1 寬度（WIDTH）	253
7.4.2 高度（HEIGHT）	253
7.4.3補白（PADDING）	253
7.4.4邊界（MARGIN）	256
7.4.5 有關(guān)邊框?qū)挾龋˙ORDER WIDTH）的選項	259
7.4.6 邊框顏色（BORDER-COLOR）	261
7.4.7 邊框風(fēng)格（BORDER-STYLE）	261
7.4.8 有關(guān)邊框（BORDER）的選項	263
7.4.9邊框效果的應(yīng)用舉例	265
7.4.10 浮動	267
7.4.11 清除（CLEAR）	268
7.4.12 在Dreamweaver中設(shè)置CSS樣式表中的邊框與布局	268
7.5 列表	270
7.5.1 列表位置（LIST-STYLE-POSITION）	270
7.5.2 列表類型（LIST-STYLE-TYPE）	271
7.5.3 列表圖像（LIST-STYLE-IMAGE）	272
7.5.4 列表風(fēng)格（LIST-STYLE）	273
7.5.5 顯示（DISPLAY）	273
7.5.6 在Dreamweaver中設(shè)置CSS樣式表中的列表	273
7.6 定位與顯示	274
7.6.1 定位（POSITION）	274
7.6.2 左邊距（LEFT）與上邊距（TOP）	276
7.6.3 寬度（WIDTH）與高度（HEIGHT）	277
7.6.4 三維定位（Z-INDEX）	278
7.6.5 可見性（VISIBILITY）	280
7.6.6 溢出（OVERFLOW）	281
7.6.7 切片屬性（CLIP）	284
7.6.8 在Dreamweaver中設(shè)置CSS樣式表中的定位與顯示	285
7.7 控制鼠標(biāo)形狀	286
7.7.1 鼠標(biāo)屬性（CURSOR）	286
7.7.2在Dreamweaver中設(shè)置CSS樣式表的鼠標(biāo)形狀屬性	289
7.8 分頁位置	290
7.8.1 元素之前分頁（PAGE-BREAK-BEFORE）	290
7.8.2 元素之后分頁（PAGE-BREAK-AFTER）	291
7.8.3 在Dreamweaver中設(shè)置CSS樣式表的分頁屬性	291
第八章  濾鏡	293
8.1濾鏡簡介	293
8.2 靜態(tài)的濾鏡效果	294
8.2.1靜態(tài)濾鏡概述	294
8.2.2 透明效果（ALPHA）	295
8.2.3 模糊效果（BLUR）	296
8.2.4 色度調(diào)節(jié)（CHROMA）	297
8.2.5 投影效果（DROPSHADOW）	298
8.2.6 水平翻轉(zhuǎn)（FLIPH）	299
8.2.7 垂直翻轉(zhuǎn)（FLIPV）	300
8.2.8 光暈效果（GLOW）	300
8.2.9 轉(zhuǎn)化為灰度圖（GRAY）	301
8.2.10 反轉(zhuǎn)效果（INVERT）	302
8.2.11 蒙板（MASK）	302
8.2.12 陰影（SHADOW）	303
8.2.13 波紋效果（WAVE）	305
8.2.14 X光片效果（XRAY）	306
8.3 濾鏡疊加	306
8.4 動態(tài)濾鏡	308
8.4.1 動態(tài)濾鏡概述	308
8.4.2 光線效果（LIGHT）	308
8.4.3 漸變效果（BLENDTRANS）	308
8.4.4 漸變轉(zhuǎn)換效果（REVEALTRANS）	309
8.5 在Dreamweaver中設(shè)置CSS樣式表中的濾鏡	309
8.6濾鏡效果實例	310
8.6.1 改變投影樣式	310
8.6.2 圖像的逐漸顯示	312
8.6.3 進(jìn)入和離開網(wǎng)頁時的特效	313
8.6.4 圖像更替特效	315
8.6.5 發(fā)光文字	317
8.6.6 探照燈效果	318
第九章  聲音樣式表	321
9.1 聲音樣式表概述	321
9.2 通用聲音屬性	322
9.2.1 音量（VOLUME）	322
9.2.2 詞間停頓（PAUSE-BEFORE、PAUSE-AFTER、PAUSE）	323
9.2.3 聲音提示（CUE、CUE-BEFORE、CUE-AFTER）	323
9.2.4 背景聲音（PLAY-DURING）	324
9.3 語音屬性	324
9.3.1 語速（SPEECH-RATE）	324
9.3.2 語音族（VOICE-FAMILY）	325
9.3.3 聲調(diào)（PITCH，PITCH-RANGE）	325
9.3.4 重讀（STRESS）	326
9.3.5 柔和度（RICHESS）	326
9.3.6 標(biāo)點停頓（SPEAK-PUNCTUATION）	326
9.3.7 閱讀日期（SPEAK-DATE）	326
9.3.8 閱讀時間（SPEAK-TIME）	327
9.4 立體聲效果	327
9.4.1 方位角（AZIMUTH）	327
9.4.2 仰角（EVALUATION）	328
第十章  CSS實例	329
10.1 通過修改樣式表的屬性值實現(xiàn)相關(guān)效果	329
10.1.1 按鈕特效	329
10.1.2 動態(tài)顯示的文字說明	330
10.1.3 顯示、隱藏圖片	332
10.1.4 可以改變樣式的日歷	334
10.1.5 頁面文字及樣式的刷新	342
10.2  與濾鏡相關(guān)的實例	344
10.2.1 奔馳的汽車	344
10.2.2 有運動背景的彩色文字	346
10.2.3 移動的探照燈	347
10.2.4 漸變轉(zhuǎn)化的下拉式菜單	349
10.2.5 動態(tài)的波動效果	353
10.2.6 文字連續(xù)顯隱	354
10.3 與圖層及絕對定位相關(guān)的實例	357
10.3.1 為網(wǎng)頁開一個天窗	357
10.3.2 滾動公告板	359
10.3.3 精美的賀卡	361
10.3.4 可拖動的圖層	364
10.3.5 漫天飄舞的雪花	369
10.3.6 左鍵彈出式菜單	373
10.3.7 樹狀折疊菜單	375
10.3.8 用圖層排版	380
10.3.9 走動的時鐘	382
附錄Ⅰ  字符實體表	387
一、拉丁字符	387
二、特殊符號和希臘字母	389
三、特殊字符實體	392
附錄Ⅱ  CSS兼容性列表	394
附錄Ⅲ  JavaScript參考手冊	400

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    網(wǎng)頁制作全接觸 PDF格式下載

---