Dreamweaver 8完美網頁製作基礎、實例與技巧

Dreamweaver 8完美網頁製作基礎、實例與技巧

《Dreamweaver 8完美網頁製作基礎、實例與技巧》是2007年6月1日人民郵電出版社出版的一本圖書,作者是騰飛科技。

簡介

本書全面、翔實地介紹了使用Dreamweaver 8進行網頁製作和網站建設的各方面知識。全書共分為5篇21章,以“預備知識篇→靜態網頁製作篇→動態網頁製作篇→網站建設篇→綜合案例篇”為線索具體展開,其中不僅包括網頁設計的基本內容,如網頁、網站常用名詞術語,網頁色彩知識和布局知識等;還包括常見靜態網頁與動態網頁製作的詳細方法和步驟;最後通過4個綜合案例——個人網站、部落格網站、企業宣傳網站和時尚購物網站,幫助讀者邊學、邊用、邊練,進而輕鬆、快速地製作出符合要求的各類網站。

本書的特點是內容由淺入深、實例難度由低到高,並且每一章的最後均給出了大量作者精心整理的“技巧與問答”,旨在幫助讀者融會貫通所學知識,以便最終步入網頁製作高手的行列。本書還附帶一張超值光碟,光碟內容包括書中所有實例的源檔案和最終效果檔案,關鍵步驟的視頻演示,以及大量精美的網頁設計與製作參考素材。

本書語言簡潔,內容豐富,適合網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員和個人網站愛好者閱讀。

目錄

第一部分 預備知識篇

第1章 網頁設計基礎 2

1.1 網頁基本知識 2

1.1.1 什麼是Internet 2

1.1.2 什麼是網站 3

1.1.3 什麼是Web伺服器 3

1.1.4 什麼是靜態網頁 3

1.1.5 什麼是動態網頁 3

1.2 網頁的基本構成元素 4

1.2.1 網站LOGO 4

1.2.2 網站Banner 5

1.2.3 導航欄 5

1.2.4 文本 5

1.2.5 圖像 6

1.2.6 Flash動畫 6

1.3 常用網頁設計軟體 7

第2章 網頁色彩知識 9

2.1 網頁配色基礎 9

2.2 色彩意象 11

2.3 網頁色彩搭配知識 14

2.3.1 網頁色彩搭配的技巧 15

2.3.2 網頁要素色彩的搭配 16

2.3.3 色彩的對比搭配 17

第3章 網頁的布局設計 19

3.1 網頁版面布局設計 19

3.1.1 網頁版面布局原則 19

3.1.2 點、線、面的構成 20

3.2 網頁布局方法 22

3.2.1 紙上布局法 22

3.2.2 軟體布局法 22

3.3 常見的版面布局形式 23

3.4 文字與版式設計 25

3.4.1 文字的字型、字號、行距 26

3.4.2 文字的顏色 26

3.4.3 文字的圖形化 27

3.5 圖像與版式設計 27

3.5.1 圖像的設計流程 28

3.5.2 網頁中套用圖像的注意要點 28

第二部分 靜態網頁製作篇

第4章 基本文本網頁的創建 30

4.1 Dreamweaver 8簡介 30

4.2 Dreamweaver 8的操作界面 30

4.2.1 選單欄 31

4.2.2 插入欄 32

4.2.3 文檔視窗 32

4.2.4 【屬性】面板 32

4.2.5 浮動面板 33

4.3 創建站點 33

4.3.1 使用嚮導建立站點 33

4.3.2 使用高級設定建立站點 35

4.4 添加文本 36

4.4.1 在網頁中添加文本 36

4.4.2 設定文本屬性 37

4.5 創建項目列表和編號列表 38

4.5.1 創建項目列表 38

4.5.2 創建編號列表 39

4.6 設定頭信息 39

4.6.1 設定標題 39

4.6.2 設定META 40

4.6.3 插入關鍵字 40

4.6.4 插入說明 41

4.6.5 插入刷新 41

4.7 實戰演練——創建基本文本網頁 42

4.8 技巧與問答 42

第1問 為何無法在文字中輸入多個空格字元 43

第2問 為什麼插入的水平線顏色無法修改 43

第3問 如何設定若干秒後自動轉向指定的網頁 44

第4問 如何在整個站點中查找與替換文字 45

第5問 如何在網頁中插入特殊符號 46

第6問 如何清除網頁中不必要的HTML代碼 46

第7問 如何在網頁中輸入上下標 47

第8問 為什麼讓一行字居中,其他行也居中 47

第9問 為什麼在Dreamweaver中按 鍵換行時,與上一行的距離很大 47

第5章 圖像和多媒體的使用 48

5.1 網頁中圖像的使用常識 48

5.2 圖像的基本操作 49

5.2.1 在網頁中插入圖像 49

5.2.2 設定圖像屬性 50

5.2.3 裁剪圖像 51

5.2.4 使用Fireworks最佳化圖像 52

5.2.5 調整圖像的亮度和對比度 52

5.2.6 銳化圖像 53

5.3 插入其他網頁圖像 53

5.3.1 背景圖像 53

5.3.2 創建滑鼠經過圖像 54

5.4 添加Flash影片 56

5.4.1 在Dreamweaver中插入Flash影片 56

5.4.2 添加Flash文本 58

5.4.3 添加Flash按鈕 59

5.5 插入視頻檔案 61

5.6 插入其他媒體對象 63

5.6.1 插入Shockwave影片 63

5.6.2 插入Java小應用程式 64

5.6.3 插入ActiveX控制項 67

5.7 實戰演練 67

5.7.1 實例1——創建滑鼠經過圖像導航欄 67

5.7.2 實例2——創建圖文混和網頁 69

5.8 技巧與問答 70

第1問 如何給網頁圖像添加框線 70

第2問 為什麼設定的背景圖像不顯示 70

第3問 如何製作當滑鼠移到圖片上時會自動出現該圖片的說明文字 70

第4問 如何調整圖片與文字的間距 70

第5問 如何把網頁中的Flash背景設定為透明 71

第6問 在網頁中如何控制Flash的播放與停止 71

第7問 如何在網頁中插入背景音樂 73

第8問 如何製作水中倒影效果 79

第9問 如何讓網頁中的圖片出現不同程度的透明或漸變透明效果 80

第10問 如何製作圖像由透明到清楚,再由清楚到透明,這樣忽隱忽現的效果 81

第6章 使用表格布局網頁 84

6.1 插入表格 84

6.2 設定表格的各項屬性 85

6.2.1 設定表格的屬性 86

6.2.2 設定單元格屬性 87

6.2.3 用預置表格設計格式化表格 87

6.3 選擇表格 89

6.3.1 選擇整個表格 89

6.3.2 選擇一個單元格 90

6.4 編輯表格和單元格 90

6.4.1 複製和貼上表格 90

6.4.2 添加行、列 91

6.4.3 刪除行、列 91

6.4.4 合併單元格 91

6.4.5 拆分單元格 92

6.5 實戰演練——利用表格布局網頁 92

6.6 技巧與問答 94

第1問 如何套用現成的表格格式 95

第2問 如何製作細線表格 95

第3問 為何在Dreamweaver中把單元格寬度或高度設定為1沒有效果 97

第4問 如何製作圓角表格 97

第5問 如何實現當滑鼠移到某個單元格上時,該單元格自動變換背景色 99

第6問 如何將外部的數據導入到網頁中 101

第7問 如何給表格中的數據排序 102

第8問 怎樣使表格具有陰影特效 104

第9問 如何讓表格的框線具有不同顏色、不斷閃爍的效果 105

第10問 如何製作出具有立體感的表格 106

第7章 創建框架網頁 108

7.1 框架網頁概述 108

7.2 創建框架和框架集 108

7.2.1 創建框架集 109

7.2.2 插入預定義框架集 109

7.2.3 保存框架和框架集檔案 111

7.3 選擇框架和框架集 111

7.3.1 在【框架】面板中選擇框架或框架集 112

7.3.2 在文檔視窗中選擇框架或框架集 112

7.4 設定框架和框架集屬性 113

7.4.1 設定框架屬性 113

7.4.2 設定框架集屬性 114

7.5 實戰演練 114

7.5.1 實例1——創建完整的框架網頁實例 114

7.5.2 實例2——創建嵌入式框架 119

7.6 技巧與問答 121

第1問 如何隱藏滾動條 121

第2問 如何調整框架框線的粗細 121

第3問 如何準確地選擇所需的框架 121

第4問 如何調整框架大小 121

第5問 如何實現單擊一個連結改變兩個框架中的內容 121

第6問 怎樣使框架集在不同的瀏覽器中正常顯示 123

第7問 如何防止我的網頁內容被放在其他網站的框架中顯示 124

第8問 設定框架大小時,3種單位的優先權有何不同 125

第9問 如何進行框架的嵌套 125

第8章 層的套用 126

8.1 創建層 126

8.2 層的基本操作 128

8.2.1 在層中插入對象 128

8.2.2 選擇層 129

8.2.3 調整層的大小 130

8.2.4 嵌入和分離層 131

8.2.5 移動層 132

8.2.6 對齊層 133

8.3 層和表格的轉換 133

8.3.1 將層轉換為表格 134

8.3.2 將表格轉換為層 135

8.4 實戰演練 136

8.4.1 實例1——利用層製作網頁下拉選單 137

8.4.2 實例2——利用層布局網頁版面 141

8.5 技巧與問答 145

第1問 如何避免當解析度改變時,層內容可能隨之改變,造成網頁內容不對齊 145

第2問 如何固定層的大小 145

第3問 div標籤與span標籤有何區別 147

第4問 做網頁時用表格好還是用層好 148

第5問 如何將層中所有對象固定顯示在網頁的某個地方,而不會因為瀏覽視窗的大小改變而改變 148

第6問 何種情況下需要將層轉換為表格 150

第7問 如何設定層的滾動條 150

第8問 如何利用層製作網頁陰影字效果 151

第9章 超級連結的創建 154

9.1 超級連結的基本概念 154

9.2 創建連結的方法 154

9.3 實戰演練 156

9.3.1 實例1——創建外部連結 156

9.3.2 實例2——創建E-mail連結 158

9.3.3 實例3——創建錨點連結 159

9.3.4 實例4——創建圖像熱點連結 164

9.4 技巧與問答 166

第1問 如何實現當滑鼠移到超級連結上時改變形狀 166

第2問 如何實現滑鼠移動到滾動的文字上時,文字就停止滾動,再用滑鼠單擊文字並離開時又會繼續滾動 168

第3問 如何設定在任何情況下使所有連結文字都看不到其底線 170

第4問 內容很長的網頁,如何設定可以隨時跳回最前面 171

第5問 如何刪除圖片連結的藍色框線 173

第6問 如何設定單擊連結後打開的網頁顯示在新視窗中 173

第7問 如何創建下載檔案的連結 175

第8問 如何實現當滑鼠移到某個圖片上時會自動變換圖片,移開後又換回來 176

第9問 如何實現滑鼠移到某連結文字時,字會變大或改變顏色,移開後又恢復原狀 178

第10章 CSS樣式表的套用 180

10.1 CSS基本語法 180

10.2 設定CSS屬性 181

10.2.1 類型屬性 181

10.2.2 背景屬性 182

10.2.3 區塊屬性 182

10.2.4 方框屬性 183

10.2.5 框線屬性 184

10.2.6 列表屬性 185

10.2.7 定位屬性 185

10.2.8 擴展屬性 186

10.3 連結到或導出外部CSS樣式表 187

10.3.1 創建外部樣式表 187

10.3.2 連結外部樣式表 188

10.3.3 導出樣式以創建CSS樣式表 190

10.4 實戰演練 190

10.4.1 實例1——套用CSS樣式定義文本間行距 190

10.4.2 實例2——套用CSS樣式製作陰影文字 192

10.5 技巧與問答 194

第1問 CSS的3種用法在一個網頁中可以混用嗎 195

第2問 在CSS中出現“〈!--”和“--〉”可以刪除嗎 195

第3問 為何網頁中的文字在某些電腦上顯示正常,但在某些電腦上會變大或變小 195

第4問 如何利用CSS去掉連結文字下劃線 196

第5問 如何利用CSS設計水平線樣式 197

第6問 如何利用CSS濾鏡製作光暈文字 199

第7問 如何利用CSS改變滑鼠形狀 201

第8問 如何利用CSS實現背景變換的導航選單 203

第9問 如何利用CSS實現滾動條的彩色顯示 207

第11章 利用行為和腳本製作動感特效網頁 209

11.1 行為概述 209

11.1.1 事件 209

11.1.2 動作 210

11.2 使用Dreamweaver內置行為 211

11.2.1 播放聲音 211

11.2.2 創建自動跳轉頁面網頁 213

11.2.3 打開瀏覽器視窗 215

11.2.4 彈出信息 217

11.2.5 設定狀態欄文本 218

11.2.6 創建導航欄圖像 219

11.2.7 檢查表單 220

11.2.8 跳轉選單 224

11.3 技巧與問答 225

第1問 如何製作滾動公告 226

第2問 如何製作自動關閉網頁 231

第3問 如何顯示當前日期和時間 232

第4問 如何將站點加入收藏夾 233

第5問 如何將站點設為首頁 234

第6問 如何實現定時關閉視窗 235

第7問 如何為頁面設定訪問口令 236

第8問 如何防止別人另外儲存我的網頁 238

第12章 使用模板、庫和外掛程式 240

12.1 創建模板 240

12.1.1 直接創建模板 240

12.1.2 從現有文檔創建模板 240

12.2 創建可編輯區域 242

12.3 使用模板創建新網頁 243

12.4 創建與套用庫項目 246

12.4.1 創建庫項目 246

12.4.2 套用庫項目 247

12.5 安裝和套用第三方外掛程式 248

12.5.1 安裝外掛程式 249

12.5.2 套用外掛程式 250

12.6 實戰演練 251

12.6.1 實例1——創建模板 251

12.6.2 實例2——利用模板創建網頁 255

12.6.3 實例3——製作圖片漸顯效果外掛程式 258

12.7 技巧與問答 259

第1問 什麼時候需要使用模板 259

第2問 如何定義重複區域 259

第3問 如何定義重複表格 260

第4問 如何利用庫更新站點網頁 260

第5問 如何插入可選區域 261

第6問 如何將文檔從模板中分離 261

第7問 如何利用外掛程式製作網頁上的飄浮圖片 261

第8問 如何利用外掛程式實現在不同時刻顯示不同的問候語 263

第9問 利用外掛程式製作隨機顯示指定圖像列表中的圖像 264

第13章 表單的使用 266

13.1 插入表單 266

13.2 插入文本域 268

13.2.1 插入單行文本域 268

13.2.2 插入密碼域 270

13.2.3 插入多行文本域 272

13.3 複選框和單選按鈕 273

13.3.1 插入單選按鈕 273

13.3.2 插入複選框 275

13.4 插入列表和選單 277

13.5 插入按鈕 278

13.6 實戰演練——創建電子郵件反饋表單 281

13.7 技巧與問答 290

第1問 如何顯示錶單中的紅色虛線框 290

第2問 如何改變多行文本域中滾動條的顏色 290

第3問 如何實現複選框全選、全不選和反選效果 292

第4問 如何避免表單撐開表格 296

第5問 如何製作一個可以返回到上一頁的按鈕 296

第6問 如何禁止在文本框中輸入中文 299

第7問 如何限制在多行文本框中輸入的文字總數 300

第8問 訪問者填寫好表單並提交後,如何檢查各項數據的正確性 301

第9問 如何讓訪問者輸入正確的名稱和密碼才能進入網頁且不通過資料庫實現 302

第三部分 動態網頁製作篇

第14章 動態網頁設計基礎 306

14.1 HTML的基礎 306

14.1.1 HTML的基本概念 306

14.1.2 HTML的基本語法 306

14.2 在Dreamweaver 8中編寫代碼 307

14.2.1 使用代碼提示 307

14.2.2 使用代碼片段 310

14.2.3 使用標籤選擇器插入標籤 311

14.2.4 使用標籤編輯器編輯標籤 312

14.2.5 用標籤檢查器編輯標籤 313

14.3 建立資料庫連線 313

14.3.1 了解DSN 313

14.3.2 定義系統DSN 314

14.3.3 建立系統DSN連線 315

14.4 編輯數據表記錄 316

14.4.1 了解記錄集 316

14.4.2 創建記錄集 316

14.4.3 插入記錄 317

14.4.4 更新記錄 319

14.4.5 刪除記錄 319

14.5 增加伺服器行為 320

14.5.1 插入重複區域 320

14.5.2 插入顯示區域 321

14.5.3 記錄集分頁 322

14.5.4 轉到詳細頁面 322

14.5.5 轉到相關頁面 323

14.5.6 用戶身份驗證 324

14.6 實戰演練——創建留言系統 326

14.6.1 創建資料庫 326

14.6.2 設定數據源ODBC 328

14.6.3 定義資料庫連線 329

14.6.4 製作發布留言頁面 330

14.6.5 製作留言列表頁面 335

14.6.6 製作顯示留言頁面 341

14.7 系統測試 344

14.8 技巧與問答 345

第1問 如何使用代碼提示插入滾動公告 345

第2問 在Windows 98系統中如何搭建伺服器平台 348

第3問 如何在IIS中設定虛擬目錄 349

第4問 創建資料庫連線一定要在伺服器端設定DSN嗎 350

第5問 如何獲得更多的伺服器行為 350

第6問 如何編輯伺服器行為 350

第7問 如何編輯數據源 351

第8問 如何設定數據源的數據格式 351

第9問 如何使用動態表單 352

第15章 動態網站典型模組設計——新聞發布系統 355

15.1 製作基本的新聞發布管理系統 355

15.1.1 設計概述 355

15.1.2 資料庫設計 355

15.1.3 創建資料庫連線 356

15.1.4 製作新聞列表頁面 358

15.1.5 製作新聞詳細顯示頁面 362

15.1.6 製作管理員登錄頁面 365

15.1.7 創建新聞列表管理頁面 369

15.1.8 製作新聞添加頁面 374

15.1.9 製作新聞修改頁面 378

15.1.10 製作新聞刪除頁面 380

15.1.11 系統測試 382

15.2 製作會員註冊登錄系統 384

15.2.1 資料庫設計與連線 385

15.2.2 製作註冊頁面zhc 386

15.2.3 製作註冊成功與失敗頁面 393

15.2.4 製作登錄頁面 396

15.2.5 製作登錄成功頁面 400

15.2.6 製作登錄失敗頁面 401

15.2.7 系統測試 402

15.3 製作線上調查系統 404

15.3.1 調查系統概述 404

15.3.2 製作資料庫表 404

15.3.3 製作調查信息頁面 405

15.3.4 製作調查結果頁面 413

15.3.5 系統測試 424

15.4 技巧與問答 425

第1問 如果ASP檔案有錯誤,IIS只會顯示“HTTP500錯誤”,但卻不顯示詳細的錯誤信息,如何解決 425

第2問 如何使用ASP傳送郵件 426

第3問 如何在網頁中使用包含檔案 426

第4問 如何保護自己的ASP原始碼不泄露 426

第5問 什麼是ActiveX控制項,在何處可以下載 426

第6問 我已經在伺服器行為中將“插入記錄”行為刪除了,為什麼重做“插入記錄”後,運行時還會提示變數重複定義 427

第四部分 網站建設篇

第16章 網站建設基礎 430

16.1 網站建設規範 430

16.1.1 開發團隊規範 430

16.1.2 開發工具規範 431

16.1.3 超連結設計規範 431

16.1.4 資料夾和檔案命名規範 431

16.1.5 代碼設計規範 432

16.2 網站建設的基本流程 433

16.2.1 確定站點目標 433

16.2.2 確定目標瀏覽者 434

16.2.3 確定站點風格 434

16.2.4 收集資源 435

16.2.5 設計網頁圖像 435

16.2.6 製作網頁 436

16.2.7 開發動態網站模組 436

16.2.8 申請域名和伺服器空間 437

16.2.9 測試與發布 438

16.2.10 推廣網站 438

第17章 網站的發布與推廣 439

17.1 測試站點 439

17.1.1 檢查連結 439

17.1.2 站點報告 440

17.1.3 清理文檔 441

17.2 發布網站 442

17.3 維護網站 444

17.4 推廣網站 445

17.4.1 登錄搜尋引擎 445

17.4.2 交換廣告條 445

17.4.3 使用meta標籤 446

17.4.4 使用傳統方式推廣 446

17.4.5 藉助網路廣告 447

17.4.6 登錄網址導航站點 447

17.4.7 通過BBS宣傳 448

第五部分 綜合案例篇

第18章 製作個人網站 450

18.1 個人網站設計要點 450

18.2 主要功能頁面 451

18.3 製作個人網站主頁 451

18.4 製作主頁特效 455

18.4.1 製作狀態欄顯示停留時間特效 455

18.4.2 製作刷新網頁隨機播放音樂特效 458

18.5 製作網路素材頁面 460

18.5.1 製作浮動框架頁 460

18.5.2 插入浮動框架 462

18.6 技巧與問答 464

技巧1 使用表格布局網頁的一些技巧 464

技巧2 巧妙清除網頁距瀏覽器左框線和頂部框線的空白 464

技巧3 浮動框架iframe的使用技巧 465

第19章 製作部落格網站 466

19.1 部落格網站概述 466

19.2 製作部落格網站主頁面 467

19.2.1 網站的頁面分析 467

19.2.2 創建資料庫 468

19.2.3 創建資料庫連線 469

19.3 製作網站功能頁面 470

19.3.1 製作部落格顯示列表頁面 470

19.3.2 製作部落格詳細信息頁 476

19.3.3 製作發表日誌頁面 478

19.3.4 製作日誌管理列表頁面 485

19.3.5 製作修改日誌頁面 489

19.3.6 製作刪除日誌頁面 491

19.4 技巧與問答 494

第1問 常見的資料庫有哪些,創建資料庫的數據表時有哪些注意事項 494

第2問 如何使用記錄集對話框的高級模式 495

第3問 如何使用【應用程式】插入欄快速插入動態應用程式 496

第20章 製作企業宣傳網站 497

20.1 網站規劃 497

20.1.1 網站需求分析 497

20.1.2 確定網站主要欄目 498

20.2 製作模板 500

20.2.1 製作頂部檔案 500

20.2.2 製作會員登錄 502

20.2.3 製作公司動態 506

20.2.4 製作服務區 508

20.2.5 製作著作權 510

20.3 利用模板製作主頁 511

20.4 技巧與問答 517

第1問 使用模板布局企業網站時有哪些注意事項 517

第2問 什麼情況下使用庫,有哪些注意事項 517

技巧1 商業網站中的CSS使用技巧 517

第21章 製作時尚購物網站 520

21.1 購物網站設計概述 520

21.2 創建資料庫表 522

21.3 創建資料庫連線 523

21.4 靜態頁面的製作 523

21.4.1 製作網站頂部檔案 524

21.4.2 製作登錄區 525

21.4.3 製作產品系列區 528

21.4.4 製作聯繫信息區 531

21.4.5 製作底部著作權檔案 532

21.5 製作購物系統前台頁面 533

21.5.1 製作商品分類展示頁面 533

21.5.2 製作商品詳細信息頁面 539

21.6 製作購物系統後台管理 542

21.6.1 製作管理員登錄頁面 542

21.6.2 製作添加商品分類頁面 546

21.6.3 製作添加商品頁面 550

21.6.4 製作商品管理頁面 553

21.6.5 製作修改頁面 558

21.6.6 製作刪除頁面 561

21.7 技巧與問答 564

第1問 如何創建動態圖像 564

第2問 如何安裝第三方伺服器行為 565

第3問 如何為網站增加購物車和線上支付功能 566

相關詞條

相關搜尋

熱門詞條

聯絡我們