本書以Dreamweaver CS5為開發(fā)平臺(tái),基本內(nèi)容包括網(wǎng)頁制作基礎(chǔ)、在網(wǎng)頁中使用文字和圖片、建立超鏈接、網(wǎng)站的管理與發(fā)布、表格、框架、模板與庫、動(dòng)態(tài)網(wǎng)頁技術(shù),并以一個(gè)綜合實(shí)例對(duì)上述知識(shí)點(diǎn)進(jìn)行了綜合運(yùn)用。本書在最后兩章介紹了使用CSS設(shè)置頁面樣式和服務(wù)器端程序設(shè)計(jì)入門,為進(jìn)一步學(xué)習(xí)網(wǎng)頁制作和開發(fā)做好準(zhǔn)備。
本書重點(diǎn)介紹網(wǎng)頁制作與開發(fā)過程中的相關(guān)知識(shí),注重基礎(chǔ),注重實(shí)踐,結(jié)合知識(shí)點(diǎn)配有豐富的案例,每章設(shè)有實(shí)踐與練習(xí)環(huán)節(jié)供同學(xué)上機(jī)練習(xí)使用。本書可作為普通高等院校網(wǎng)頁制作與開發(fā)類課程的教材,也可供培訓(xùn)機(jī)構(gòu)和計(jì)算機(jī)愛好者參考使用。
目 錄
第1章 網(wǎng)頁制作基礎(chǔ) 1
1.1 網(wǎng)頁制作基礎(chǔ)知識(shí) 1
1.1.1 網(wǎng)頁的分類 1
1.1.2 網(wǎng)頁制作中的基本概念 2
1.2 網(wǎng)頁制作的基本步驟 5
1.3 HTML入門 6
1.3.1 HTML標(biāo)簽符的基本格式 6
1.3.2 簡單的HTML文件 6
1.3.3 進(jìn)一步認(rèn)識(shí)標(biāo)簽 8
1.4 Dreamweaver CS5的操作環(huán)境 9
1.4.1 文檔窗口 9
1.4.2 “插入”工具欄 9
1.4.3 “屬性”面板 10
1.4.4 其他面板和工具條 10
1.5 建立本地站點(diǎn) 11
1.6 管理站點(diǎn) 13
1.6.1 打開站點(diǎn) 13
1.6.2 編輯站點(diǎn) 13
1.6.3 復(fù)制站點(diǎn) 14
1.6.4 刪除站點(diǎn) 14
1.6.5 導(dǎo)入和導(dǎo)出站點(diǎn) 14
1.7 創(chuàng)建文檔 15
1.7.1 創(chuàng)建新的空白文檔 15
1.7.2 在已有文件的基礎(chǔ)上創(chuàng)建文檔 17
1.7.3 設(shè)置頁面屬性 17
1.8 實(shí)踐與練習(xí):制作簡單頁面效果 18
小結(jié) 21
練習(xí) 21
第2章 網(wǎng)頁中的文字 24
2.1 理解與文字相關(guān)的HTML標(biāo)簽 24
2.1.1 文字排版的簡單操作 24
2.1.2 換行標(biāo)簽 24
2.1.3 段落標(biāo)簽 25
2.1.4 文字的大小設(shè)置 26
2.1.5 文字的字體與樣式 26
2.1.6 文字的顏色 27
2.1.7 文字對(duì)齊方式 29
2.1.8 序號(hào)列表 29
2.1.9 序號(hào)列表 30
2.1.10 列表的嵌套 31
2.2 在Dreamweaver中插入文本 32
2.3 實(shí)踐與練習(xí):書寫申請(qǐng)書 34
2.4 實(shí)踐與練習(xí):使用項(xiàng)目列表和編號(hào)列表 39
2.5 實(shí)踐與練習(xí):輸入帶有下標(biāo)的公式 43
2.6 使用CSS格式化文本 45
2.6.1 CSS工作原理 45
2.6.2 樣式與HTML相結(jié)合 46
2.6.3 定義樣式 47
2.7 在Dreamweaver中用樣式表進(jìn)行文本格式化 49
2.7.1 創(chuàng)建樣式表 49
2.7.2 應(yīng)用設(shè)定好的樣式 51
2.8 實(shí)踐與練習(xí):在文檔中設(shè)置使用CSS 54
小結(jié) 59
練習(xí) 60
第3章 網(wǎng)頁中的圖片 61
3.1 網(wǎng)頁中的圖片格式 61
3.2 與圖片相關(guān)的HTML標(biāo)簽 61
3.2.1 插入圖片 62
3.2.2 圖片標(biāo)簽屬性的應(yīng)用 62
3.3 使用Dreamweaver CS5插入圖片 65
3.4 實(shí)踐與練習(xí):修改圖片大小 66
3.5 實(shí)踐與練習(xí):對(duì)齊圖像 70
小結(jié) 72
練習(xí) 73
第4章 建立超鏈接 75
4.1 從HTML的角度理解超鏈接 75
4.1.1 文字超鏈接 75
4.1.2 理解路徑的概念 76
4.1.3 設(shè)置文字鏈接的顏色 77
4.1.4 特定目標(biāo)的鏈接 78
4.1.5 以新窗口顯示鏈接頁面 79
4.2 使用Dreamweaver CS5設(shè)置超鏈接 80
4.2.1 文字超鏈接 80
4.2.2 下載文件鏈接 81
4.2.3 電子郵件鏈接 82
4.2.4 圖片超鏈接 84
4.2.5 命名錨記鏈接 86
4.3 實(shí)踐與練習(xí):為文字添加超鏈接 88
4.4 實(shí)踐與練習(xí):鼠標(biāo)經(jīng)過圖像 91
小結(jié) 92
練習(xí) 92
第5章 網(wǎng)站管理與發(fā)布 94
5.1 網(wǎng)站管理與維護(hù)的技巧 94
5.1.1 設(shè)置合適的網(wǎng)站文件結(jié)構(gòu) 94
5.1.2 管理站點(diǎn)內(nèi)的鏈接 95
5.1.3 巧用查找和替換管理站點(diǎn) 96
5.2 在Internet上建立自己的Web站點(diǎn) 98
5.2.1 制作網(wǎng)站內(nèi)容 98
5.2.2 申請(qǐng)域名 98
5.2.3 信息發(fā)布 98
5.3 租用虛擬主機(jī)空間 99
5.3.1 了解基本的技術(shù)名詞 99
5.3.2 選擇和租用虛擬主機(jī) 99
5.4 向服務(wù)器上傳網(wǎng)站內(nèi)容 101
5.4.1 使用Dreamweaver上傳文件 101
5.4.2 使用IE瀏覽器上傳文件 103
5.4.3 使用專業(yè)FTP工具上傳文件 104
小結(jié) 106
練習(xí) 106
第6章 表格 107
6.1 使用HTML建立表格 107
6.1.1 一個(gè)最簡單的表格 107
6.1.2 各種表格樣式 108
6.2 在Dreamweaver CS5中創(chuàng)建和操縱表格 111
6.3 實(shí)踐與練習(xí):表格制作與使用 112
6.3.1 練習(xí)1:制作“成績單”表格 112
6.3.2 練習(xí)2:制作“旅游行程表”立體表格 114
6.3.3 練習(xí)3:制作“旅游行程表”雙線表格 116
6.3.4 練習(xí)4:制作“會(huì)議議程表” 118
6.3.5 練習(xí)5:用表格制作“精品樓房”網(wǎng)頁頂部 121
6.4 網(wǎng)頁中的數(shù)據(jù)表格 125
6.4.1 導(dǎo)入和導(dǎo)出表格的數(shù)據(jù) 125
6.4.2 排序表格 127
6.5 實(shí)踐與練習(xí):運(yùn)用“數(shù)據(jù)表格”制作網(wǎng)頁 128
小結(jié) 134
練習(xí) 134
第7章 框架 136
7.1 創(chuàng)建框架和框架集 136
7.2 編輯框架 138
7.2.1 刪除框架 138
7.2.2 選擇框架集 138
7.2.3 選擇框架以及框架中的內(nèi)容 139
7.3 實(shí)踐與練習(xí):使用預(yù)定義的框架集 139
7.4 實(shí)踐與練習(xí):設(shè)計(jì)框架集 152
小結(jié) 155
練習(xí) 156
第8章 模板與庫 157
8.1 模板 157
8.1.1 認(rèn)識(shí)模板 157
8.1.2 制作模板 159
8.1.3 使用模板 160
8.1.4 修改模板以更新文檔 162
8.1.5 將文檔和模板分離 162
8.1.6 將模板應(yīng)用到已經(jīng)存在的文檔 163
8.2 庫 165
8.2.1 創(chuàng)建庫項(xiàng)目 165
8.2.2 操作庫項(xiàng)目 167
8.2.3 插入庫項(xiàng)目 169
8.2.4 將庫項(xiàng)目與源文件分離 169
小結(jié) 169
練習(xí) 169
第9章 動(dòng)態(tài)網(wǎng)頁技術(shù) 170
9.1 添加內(nèi)置的Flash對(duì)象 170
9.1.1 插入Flash動(dòng)畫 170
9.1.2 插入FLV視頻 171
9.2 設(shè)置Flash對(duì)象的屬性 173
9.3 “行為”簡介 174
9.3.1 “行為”的本質(zhì) 174
9.3.2 “行為”的構(gòu)成 175
9.4 彈出消息 175
9.5 轉(zhuǎn)到URL 176
9.6 實(shí)踐與練習(xí):打開瀏覽器窗口 177
9.7 實(shí)踐與練習(xí):在狀態(tài)欄顯示消息 179
9.8 實(shí)踐與練習(xí):交換圖像與恢復(fù)交換圖像 180
9.9 實(shí)踐與練習(xí):調(diào)用JavaScript 183
9.10 實(shí)踐與練習(xí):圖層拖動(dòng) 184
小結(jié) 188
練習(xí) 189
第10章 CSS網(wǎng)頁樣式設(shè)置 190
10.1 CSS的概念 190
10.1.1 傳統(tǒng)HTML的缺點(diǎn) 190
10.1.2 CSS的引入 191
10.1.3 瀏覽器與CSS 192
10.2 使用CSS控制頁面 193
10.2.1 行內(nèi)樣式 193
10.2.2 內(nèi)嵌式 194
10.2.3 鏈接式 195
10.2.4 導(dǎo)入式 196
10.3 復(fù)合CSS選擇器 197
10.3.1 選擇器集體聲明 197
10.3.2 選擇器的嵌套 198
10.4 CSS設(shè)置文字效果 199
10.4.1 CSS文字樣式 199
10.4.2 CSS文字段落 200
10.4.3 課堂練習(xí):制作首字下沉效果 201
10.5 CSS設(shè)置圖片效果 203
10.5.1 圖片的邊框 203
10.5.2 課堂練習(xí):制作圖文混排網(wǎng)頁 204
10.6 CSS設(shè)置頁面背景 206
10.6.1 背景顏色 206
10.6.2 背景圖片 207
10.6.3 背景圖的重復(fù) 208
10.6.4 背景樣式綜合設(shè)置 209
10.7 使用CSS設(shè)置超鏈接效果 209
11.8 使用CSS設(shè)置項(xiàng)目列表 212
11.9 實(shí)踐與練習(xí):CSS制作實(shí)用菜單 213
小結(jié) 215
練習(xí) 215
第11章 網(wǎng)站制作綜合實(shí)例 217
11.1 概述 217
11.2 繪制切片并導(dǎo)出 219
11.3 編輯首頁 220
11.4 插入圖像、動(dòng)畫和文字內(nèi)容 221
11.5 插入嵌套表格 223
11.6 添加CSS樣式 224
11.7 編輯二級(jí)頁面并把它另存為模板 225
11.8 利用模板生成其他子頁面 227
11.9 創(chuàng)建鏈接 228
11.10 檢查站點(diǎn) 230
11.10.1 設(shè)計(jì)備注 230
11.10.2 站點(diǎn)報(bào)告 231
小結(jié) 232
練習(xí) 232
第12章 服務(wù)器端程序開發(fā)入門 233
12.1 動(dòng)態(tài)網(wǎng)頁與ASP 233
12.2 ASP的開發(fā) 234
12.2.1 ASP運(yùn)行環(huán)境及配置 235
12.2.2 熟悉ASP程序 240
12.3 使用表單 242
12.3.1 插入文本域 242
12.3.2 插入單選按鈕和復(fù)選框 245
12.3.3 插入列表/菜單 246
12.3.4 插入按鈕 247
12.4 練習(xí)與實(shí)踐:制作留言簿 248
12.4.1 準(zhǔn)備工作 249
12.4.2 建立站點(diǎn) 250
12.4.3 建立數(shù)據(jù)庫 251
12.4.4 制作顯示留言頁面(index.a(chǎn)sp) 253
12.4.5 制作添加留言頁面(insert.a(chǎn)sp) 257
小結(jié) 260
練習(xí) 260