本書以Dreamweaver CS5為開發(fā)平臺,基本內(nèi)容包括網(wǎng)頁制作基礎(chǔ)、在網(wǎng)頁中使用文字和圖片、建立超鏈接、網(wǎng)站的管理與發(fā)布、表格、框架、模板與庫、動態(tài)網(wǎng)頁技術(shù),并以一個綜合實例對上述知識點進行了綜合運用。本書在最后兩章介紹了使用CSS設(shè)置頁面樣式和服務(wù)器端程序設(shè)計入門,為進一步學習網(wǎng)頁制作和開發(fā)做好準備。
本書重點介紹網(wǎng)頁制作與開發(fā)過程中的相關(guān)知識,注重基礎(chǔ),注重實踐,結(jié)合知識點配有豐富的案例,每章設(shè)有實踐與練習環(huán)節(jié)供同學上機練習使用。本書可作為普通高等院校網(wǎng)頁制作與開發(fā)類課程的教材,也可供培訓機構(gòu)和計算機愛好者參考使用。
目 錄
第1章 網(wǎng)頁制作基礎(chǔ) 1
1.1 網(wǎng)頁制作基礎(chǔ)知識 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標簽符的基本格式 6
1.3.2 簡單的HTML文件 6
1.3.3 進一步認識標簽 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 建立本地站點 11
1.6 管理站點 13
1.6.1 打開站點 13
1.6.2 編輯站點 13
1.6.3 復(fù)制站點 14
1.6.4 刪除站點 14
1.6.5 導(dǎo)入和導(dǎo)出站點 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 實踐與練習:制作簡單頁面效果 18
小結(jié) 21
練習 21
第2章 網(wǎng)頁中的文字 24
2.1 理解與文字相關(guān)的HTML標簽 24
2.1.1 文字排版的簡單操作 24
2.1.2 換行標簽 24
2.1.3 段落標簽 25
2.1.4 文字的大小設(shè)置 26
2.1.5 文字的字體與樣式 26
2.1.6 文字的顏色 27
2.1.7 文字對齊方式 29
2.1.8 序號列表 29
2.1.9 序號列表 30
2.1.10 列表的嵌套 31
2.2 在Dreamweaver中插入文本 32
2.3 實踐與練習:書寫申請書 34
2.4 實踐與練習:使用項目列表和編號列表 39
2.5 實踐與練習:輸入帶有下標的公式 43
2.6 使用CSS格式化文本 45
2.6.1 CSS工作原理 45
2.6.2 樣式與HTML相結(jié)合 46
2.6.3 定義樣式 47
2.7 在Dreamweaver中用樣式表進行文本格式化 49
2.7.1 創(chuàng)建樣式表 49
2.7.2 應(yīng)用設(shè)定好的樣式 51
2.8 實踐與練習:在文檔中設(shè)置使用CSS 54
小結(jié) 59
練習 60
第3章 網(wǎng)頁中的圖片 61
3.1 網(wǎng)頁中的圖片格式 61
3.2 與圖片相關(guān)的HTML標簽 61
3.2.1 插入圖片 62
3.2.2 圖片標簽屬性的應(yīng)用 62
3.3 使用Dreamweaver CS5插入圖片 65
3.4 實踐與練習:修改圖片大小 66
3.5 實踐與練習:對齊圖像 70
小結(jié) 72
練習 73
第4章 建立超鏈接 75
4.1 從HTML的角度理解超鏈接 75
4.1.1 文字超鏈接 75
4.1.2 理解路徑的概念 76
4.1.3 設(shè)置文字鏈接的顏色 77
4.1.4 特定目標的鏈接 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 實踐與練習:為文字添加超鏈接 88
4.4 實踐與練習:鼠標經(jīng)過圖像 91
小結(jié) 92
練習 92
第5章 網(wǎng)站管理與發(fā)布 94
5.1 網(wǎng)站管理與維護的技巧 94
5.1.1 設(shè)置合適的網(wǎng)站文件結(jié)構(gòu) 94
5.1.2 管理站點內(nèi)的鏈接 95
5.1.3 巧用查找和替換管理站點 96
5.2 在Internet上建立自己的Web站點 98
5.2.1 制作網(wǎng)站內(nèi)容 98
5.2.2 申請域名 98
5.2.3 信息發(fā)布 98
5.3 租用虛擬主機空間 99
5.3.1 了解基本的技術(shù)名詞 99
5.3.2 選擇和租用虛擬主機 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
練習 106
第6章 表格 107
6.1 使用HTML建立表格 107
6.1.1 一個最簡單的表格 107
6.1.2 各種表格樣式 108
6.2 在Dreamweaver CS5中創(chuàng)建和操縱表格 111
6.3 實踐與練習:表格制作與使用 112
6.3.1 練習1:制作“成績單”表格 112
6.3.2 練習2:制作“旅游行程表”立體表格 114
6.3.3 練習3:制作“旅游行程表”雙線表格 116
6.3.4 練習4:制作“會議議程表” 118
6.3.5 練習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ù)據(jù)表格”制作網(wǎng)頁 128
小結(jié) 134
練習 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 實踐與練習:使用預(yù)定義的框架集 139
7.4 實踐與練習:設(shè)計框架集 152
小結(jié) 155
練習 156
第8章 模板與庫 157
8.1 模板 157
8.1.1 認識模板 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)建庫項目 165
8.2.2 操作庫項目 167
8.2.3 插入庫項目 169
8.2.4 將庫項目與源文件分離 169
小結(jié) 169
練習 169
第9章 動態(tài)網(wǎng)頁技術(shù) 170
9.1 添加內(nèi)置的Flash對象 170
9.1.1 插入Flash動畫 170
9.1.2 插入FLV視頻 171
9.2 設(shè)置Flash對象的屬性 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 實踐與練習:打開瀏覽器窗口 177
9.7 實踐與練習:在狀態(tài)欄顯示消息 179
9.8 實踐與練習:交換圖像與恢復(fù)交換圖像 180
9.9 實踐與練習:調(diào)用JavaScript 183
9.10 實踐與練習:圖層拖動 184
小結(jié) 188
練習 189
第10章 CSS網(wǎng)頁樣式設(shè)置 190
10.1 CSS的概念 190
10.1.1 傳統(tǒng)HTML的缺點 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 課堂練習:制作首字下沉效果 201
10.5 CSS設(shè)置圖片效果 203
10.5.1 圖片的邊框 203
10.5.2 課堂練習:制作圖文混排網(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è)置項目列表 212
11.9 實踐與練習:CSS制作實用菜單 213
小結(jié) 215
練習 215
第11章 網(wǎng)站制作綜合實例 217
11.1 概述 217
11.2 繪制切片并導(dǎo)出 219
11.3 編輯首頁 220
11.4 插入圖像、動畫和文字內(nèi)容 221
11.5 插入嵌套表格 223
11.6 添加CSS樣式 224
11.7 編輯二級頁面并把它另存為模板 225
11.8 利用模板生成其他子頁面 227
11.9 創(chuàng)建鏈接 228
11.10 檢查站點 230
11.10.1 設(shè)計備注 230
11.10.2 站點報告 231
小結(jié) 232
練習 232
第12章 服務(wù)器端程序開發(fā)入門 233
12.1 動態(tài)網(wǎng)頁與ASP 233
12.2 ASP的開發(fā) 234
12.2.1 ASP運行環(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 練習與實踐:制作留言簿 248
12.4.1 準備工作 249
12.4.2 建立站點 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
練習 260