人民郵電出版社教材
書 名 網頁設計與製作——Dreamweaver CS5標準教程(1CD)叢 書 名 21世紀高等院校數字藝術類規劃教材
標準書號 ISBN 978-7-115-30790-3
作 者 修毅 洪穎 邵熹雯 編著
責任編輯 武恩玉 王偉
開 本 16 開
印 張 19.75
字 數 571 千字
頁 數 306 頁
裝 幀 平裝
版 次 第1版第1次
初版時間 2013年2月
本 印 次 2013年2月
首 印 數 -- 冊
定 價 45.00 元
內容提要
本書全面系統地講解了網頁設計與製作的相關知識。全書共15章，分別講解網頁設計基礎、Dreamweaver CS5基礎、頁面與文本、圖像和多媒體、超連結、表格、層和Spry、框架、行為、模板和庫、CSS樣式、CSS+Div布局、表單、動態網頁技術和綜合實訓等內容。本書以知識體系的構建為線索，以課堂案例為載體，通過知識講解和案例示範，學生可以快速掌握網頁設計的方法和技巧。書中練習案例可以幫助學生鞏固和擴展相關的知識和技能，綜合實訓幫助學生理解和掌握網站製作的方法和流程。
本書既可以作為藝術類本科生或文科本科生網頁設計課程的教材，也可以作為網頁設計培訓教材或自學人員的參考資料。
目錄
第1章 網頁設計基礎1.1 網際網路基礎 1
1.1.1 Internet與Web服務 1
1.1.2 URL路徑 2
1.1.3 伺服器與客戶機 2
1.1.4 網際網路數據中心 3
1.2 網頁設計知識 3
1.2.1 色彩 3
1.2.2 網頁設計元素 5
1.2.3 頁面布局 6
1.3 網頁標準化技術 8
1.3.1 結構化語言 8
1.3.2 CSS樣式 8
1.3.3 腳本語言 9
1.3.4 ASP技術 9
1.4 網站設計軟體 9
1.4.1 Dreamweaver 9
1.4.2 Flash 10
1.4.3 Photoshop 10
1.5 網站製作流程 11
1.5.1 前期準備工作 11
1.5.2 方案實施 12
1.5.3 後期工作 13
1.6 HTML語言 14
1.6.1 檔案結構標籤 15
1.6.2 表格標籤 15
1.6.3 文本段落標籤 15
1.6.4 圖像標籤 15
1.6.5 連結標籤 15
1.6.6 框架標籤 15
1.6.7 表單 16
1.6.8 塊標籤 16
第2章 Dreamweaver CS5基礎
2.1 Dreamweaver CS5工作界面 17
2.1.1 開始頁面 17
2.1.2 工作環境 18
2.1.3 工作區布局 21
2.1.4 多文檔的編輯界面 21
2.2 創建網站框架 22
2.2.1 創建新站點 22
2.2.2 新建和保存網頁 23
2.3 管理站點檔案和資料夾 24
2.3.1 重命名檔案和資料夾 24
2.3.2 移動檔案和資料夾 24
2.3.3 刪除檔案或資料夾 24
2.4 管理站點 25
2.4.1 打開站點 25
2.4.2 編輯站點 25
2.4.3 複製站點 26
2.4.4 刪除站點 26
2.5 網頁文檔頭部信息設定 27
2.5.1 插入搜尋關鍵字 27
2.5.2 設定描述信息 27
2.5.3 設定刷新時間 28
2.5.4 插入版權資訊 29
2.6 課堂案例——慈善救助中心 29
第3章 頁面與文本
3.1 頁面屬性 32
3.1.1 課堂案例——環保技術公司 32
3.1.2 輸入文本 36
3.1.3 輸入連續空格 36
3.1.4 顯示不可見元素 36
3.1.5 設定頁邊距 37
3.1.6 頁面文字屬性 38
3.1.7 網頁的標題 38
3.1.8 背景屬性 39
3.1.9 跟蹤圖像 39
3.2 文本屬性 40
3.2.1 課堂案例——百貨公司 40
3.2.2 設定文本屬性 42
3.2.3 文本對齊方式 43
3.2.4 段落文本 44
3.2.5 插入日期 45
3.2.6 插入特殊字元 45
3.2.7 設定文本縮進格式 46
3.3 水平線 46
3.3.1 課堂案例——個人網站 46
3.3.2 插入水平線 48
3.4 項目符號和編號列表 48
3.4.1 課堂案例——諮詢網站 49
3.4.2 設定項目符號或編號 50
3.4.3 修改項目符號或編號 51
3.5 練習案例 51
3.5.1 練習案例——樓盤網站 51
3.5.2 練習案例——移動銀行網站 52
3.5.3 練習案例——化妝品網站 52
第4章 圖像與多媒體
4.1 圖像插入 53
4.1.1 課堂案例——茶葉網站 53
4.1.2 插入圖像 54
4.1.3 圖像源檔案 55
4.1.4 替換文本 55
4.1.5 圖像占位符 56
4.2 調整圖像 56
4.2.1 課堂案例——牆體裝飾 57
4.2.2 編輯圖像設定 58
4.2.3 圖像效果 59
4.3 圖文混排 60
4.3.1 課堂案例——設計公司 60
4.3.2 調整圖像與文本的位置關係 61
4.4 網頁中的多媒體 62
4.4.1 課堂案例——度假村 62
4.4.2 插入Flash動畫 64
4.4.3 插入Flv影片 65
4.4.4 插入外掛程式——瑜伽會所 65
4.4.5 插入Applet程式 66
4.5 練習案例 67
4.5.1 練習案例——五金機械 67
4.5.2 練習案例——心緣咖啡屋 67
第5章 超連結
5.1 超連結的概念與路徑知識 68
5.1.1 相對連結與絕對連結 69
5.1.2 內部連結與外部連結 69
5.2 文本超連結 69
5.2.1 課堂案例——婚禮公司 69
5.2.2 創建文本連結 72
5.2.3 頁面文本連結的狀態 73
5.2.4 下載檔案連結 74
5.2.5 電子郵件連結 74
5.2.6 空連結 74
5.3 圖像超連結 75
5.3.1 課堂案例——手機商城 75
5.3.2 圖像超連結 77
5.3.3 滑鼠經過圖像連結 77
5.4 熱點連結 77
5.4.1 課堂案例——兒童課堂 77
5.4.2 創建熱點連結 79
5.5 錨點連結 80
5.5.1 課堂案例——數碼商城 80
5.5.2 錨點連結 82
5.6 連結管理 83
5.6.1 自動更新連結 83
5.6.2 連結檢查 84
5.6.3 修復連結 85
5.7 練習案例 85
5.7.1 練習案例——室內設計網 85
5.7.2 練習案例——多美味餐廳 86
5.7.3 練習案例——生物科普網 87
第6章 表格
6.1 表格的簡單操作 88
6.1.1 表格的組成 89
6.1.2 插入表格 89
6.1.3 表格屬性 90
6.1.4 表格單元格屬性 90
6.1.5 在表格中插入內容 91
6.1.6 選擇表格元素 91
6.1.7 合併和拆分單元格 92
6.2 簡單表格的排版 93
6.2.1 課堂案例——融通室內裝飾 93
6.2.2 複製、貼上表格 98
6.2.3 刪除表格和清除表格內容 98
6.2.4 增加和刪除表格的行和列 99
6.3 複雜表格的排版 99
6.3.1 課堂案例——江雨橋部落格 99
6.3.2 表格的嵌套 104
6.3.3 單元格與表格背景 104
6.3.4 細線表格 105
6.4 表格數據功能 107
6.4.1 課堂案例——遠景苑小區 107
6.4.2 導入Word或Excel數據 109
6.4.3 排序 109
6.5 練習案例 110
6.5.1 練習案例——愛麗絲家具 110
6.5.2 練習案例——鮮花速遞網 111
第7章 層和Spry
7.1 層的基本操作 112
7.1.1 課堂案例——少兒培訓 112
7.1.2 創建層 115
7.1.3 選擇層 116
7.1.4 層的大小和位置 117
7.1.5 層的可見性 117
7.1.6 層溢出 117
7.2 使用層布局 118
7.2.1 課堂案例——攝影作品集 118
7.2.2 靠齊到格線 123
7.2.3 層疊放 124
7.2.4 對齊層 125
7.2.5 層與表格的相互轉換 125
7.2.6 層嵌套 126
7.3 Spry選單 127
7.3.1 課堂案例——西式餐廳 127
7.3.2 Spry選單欄 129
7.4 其他Spry 130
7.4.1 Spry選項卡面板 130
7.4.2 Spry摺疊式面板 131
7.4.3 Spry工具提示 131
7.5 練習案例 133
7.5.1 練習案例——產品設計 133
7.5.2 練習案例——攝影作品集 133
7.5.3 練習案例——高爾夫俱樂部 134
第8章 框架
8.1 框架與框架集 135
8.1.1 概述 135
8.1.2 課堂案例——嬰幼兒健康網 136
8.1.3 創建框架 139
8.1.4 保存框架 140
8.1.5 框架選擇 140
8.1.6 修改框架 141
8.1.7 拆分框架 141
8.1.8 刪除框架 142
8.2 框架設定 142
8.2.1 課堂案例——名勝度假村 142
8.2.2 框架屬性 148
8.2.3 框架中的連結 148
8.2.4 框架居中 149
8.2.5 為框架添加內容 150
8.3 練習案例 150
8.3.1 練習案例——美容與化妝 150
8.3.2 練習案例——美麗境界 151
第9章 行為
9.1 行為 152
9.1.1 事件 153
9.1.2 動作 154
9.1.3 行為面板 154
9.2 製作圖像特效 156
9.2.1 課堂案例——吉太美食 156
9.2.2 交換圖像 159
9.2.3 顯示-隱藏元素 159
9.3 拖動AP元素 160
9.3.1 課堂案例——卡通人物 160
9.3.2 拖動AP元素 162
9.4 啟用瀏覽器視窗 162
9.4.1 課堂案例——兒童攝影 162
9.4.2 打開瀏覽器視窗 163
9.4.3 轉到URL調用 164
9.5 效果 164
9.5.1 課堂案例——綠野網站建設 164
9.5.2 增大收縮 166
9.5.3 擠壓 167
9.5.4 顯示/漸隱 167
9.5.5 晃動 168
9.5.6 滑動 168
9.6 JavaScript代碼 169
9.7 練習案例 169
9.7.1 練習案例——甜品飲料吧 169
9.7.2 練習案例——美達人壽 170
9.7.3 練習案例——我們愛貓網 171
第10章 模板和庫
10.1 模板 172
10.1.1 課堂案例——花仙子園藝 172
10.1.2 創建模板 177
10.1.3 定義可編輯區域 178
10.1.4 定義可編輯重複區域 179
10.1.5 創建基於模板的網頁 180
10.1.6 管理模板 180
10.2 庫 181
10.2.1 課堂案例——時尚女性網 182
10.2.2 創建庫項目 184
10.2.3 向頁面添加庫項目 185
10.2.4 更新庫項目檔案 185
10.3 練習案例 187
10.3.1 練習案例——旗袍文化 187
10.3.2 練習案例——恒生國際老年公寓 188
第11章 CSS樣式
11.1 CSS樣式 189
11.1.1 CSS樣式標準 189
11.1.2 CSS樣式構造規則 190
11.1.3 CSS樣式種類 190
11.1.4 CSS樣式套用範圍 191
11.2 CSS樣式控制臺 191
11.2.1 CSS樣式選擇器 191
11.2.2 課堂案例——美好攝影 193
11.2.3 CSS樣式的存儲位置 199
11.2.4 編輯樣式 201
11.3 CSS屬性 201
11.3.1 課堂案例——台灣之旅 201
11.3.2 類型 205
11.3.3 背景 205
11.3.4 區塊 206
11.3.5 方框和框線 206
11.3.6 列表 207
11.3.7 定位 208
11.3.8 擴展 208
11.4 過濾器 209
11.4.1 課堂案例——養生美容 209
11.4.2 CSS靜態過濾器 210
11.4.3 CSS的動態過濾器 212
11.5 練習案例 212
11.5.1 練習案例——航空旅遊 212
11.5.2 練習案例——狗狗俱樂部 213
11.5.3 練習案例——鮮花店 213
第12章 CSS+Div布局
12.1 盒子模型 214
12.1.1 盒子結構 215
12.1.2 盒子屬性 215
12.2 布局技術 216
12.2.1 <div>標籤 216
12.2.2 position定位屬性 217
12.2.3 浮動方式 218
12.3 “上中下”布局 220
12.3.1 課堂案例——網頁設計大賽 220
12.3.2 在Dreamweaver中插入<div>標籤 225
12.4 “左中右”布局 226
12.4.1 課堂案例——連鎖餐廳 226
12.4.2 使用CSS樣式布局 231
12.5 練習案例 232
12.5.1 練習案例——電子產品 232
12.5.2 練習案例——裝修公司 233
第13章 表單
13.1 使用表單 235
13.1.1 課堂案例——辦公用品公司 235
13.1.2 表單及屬性 240
13.1.3 文本域 241
13.1.4 單選按鈕和單選按鈕組 242
13.1.5 複選框和複選框組 243
13.1.6 選擇列表/選單 244
13.1.7 跳轉選單 245
13.1.8 檔案域 246
13.1.9 圖像域 246
13.1.10 提交和重置按鈕 247
13.2 Spry驗證 248
13.2.1 課堂案例——網頁設計 248
13.2.2 Spry驗證文本域 251
13.2.3 Spry驗證密碼 252
13.2.4 Spry驗證複選框 253
13.2.5 Spry驗證單選按鈕組 254
13.2.6 Spry驗證確認 254
13.3 練習案例 255
13.3.1 練習案例——咖啡 255
13.3.2 練習案例——兒童培訓 256
第14章 動態網頁技術
14.1 動態網頁技術概述 257
14.2 開發環境設定 258
14.2.1 安裝IIS 259
14.2.2 設定IIS 259
14.3 設計資料庫 261
14.3.1 資料庫概述 261
14.3.2 創建資料庫 262
14.4 資料庫連線 264
14.5 資料庫使用 265
14.5.1 定義記錄集 265
14.5.2 數據綁定 266
14.5.3 添加伺服器行為 267
14.6 課堂案例——美容美髮 269
14.6.1 設計資料庫 270
14.6.2 創建伺服器和數據源 272
14.6.3 創建動態站點和資料庫連線 273
14.6.4 發表留言頁面 275
14.6.5 留言列表頁面 277
14.6.6 留言詳細信息頁面 279
14.7 練習案例——電子商務 279
第15章 綜合實訓
15.1 網站規劃 281
15.2 網站設計 281
15.2.1 網站標誌logo設計 281
15.2.2 banner設計 282
15.2.3 頁面設計 282
15.3 主頁製作 283
15.3.1 頁面切圖 283
15.3.2 創建站點 286
15.3.3 主頁頂部製作 286
15.3.4 主頁banner部分製作 289
15.3.5 主頁內容部分製作 290
15.3.6 主頁底部製作 296
15.4 子頁面製作 297
15.4.1 創建模板並新建可編輯區域 297
15.4.2 家園簡介子頁面切圖 298
15.4.3 利用模板新建家園簡介子頁面 300
15.5 其他子頁面製作 304
15.6 頁面超連結設定 305
參考文獻
