網頁設計與網站建設[郭海旺主編書籍]

網頁設計與網站建設[郭海旺主編書籍]
網頁設計與網站建設[郭海旺主編書籍]
更多義項 ▼ 收起列表 ▲

《網頁設計與網站建設》是2013年6月電子工業出版社出版的圖書,作者是郭海旺。

基本信息

書名:學用一冊通:網頁設計與網站建設(含CD光碟1張)

編著:郭海旺等

出版社: 重慶大學出版社; 第1版 (2005年9月1日)

叢書名: 高等職業教育計算機軟體計算機網路專業系列教材

內容簡介

本書是為高等職業教育計算機軟體、計算機網路專業網頁設計與網站建設課程而編寫的教材,書中系統全面地介紹了網頁設計與網站建設的基礎知識和實際套用。全書共6章,講述了網頁基本知識、用中文Fireworks MX進行圖像處理、用中文Flash MX製作動畫、用中文Dreameweaver MX編輯網頁、創建和連線Access 2002資料庫、ASP簡介等內容,最後一章通過一個商務網站的建設實例,完整地介紹了網站的規劃、設計、製作和發布的過程。

書中附有大量插圖,重點講述案例,以便學習起來更加輕鬆有趣,並力求使初學者一看就可以立即著手進行實踐。

本書既可作為高等職業技術學院及大專院校的課程教材,也可作為計算機網頁製作培訓班的培訓教材以及個人網站愛好者與自學者 。

內容提要

本書詳細介紹了如何進行網站的前期策劃,如何綜合使用Dreamweaver CS6、Photoshop CS6和Flash CS6等工具來建設網站,如何在ASP環境下建設動態網站,以及資料庫的創建和網站的策劃、維護、宣傳與推廣等內容。

本書語言通俗易懂,知識系統全面,突出了實戰性,採用由淺入深的編排方法,內容豐富,結構清晰,實例眾多,圖文並茂,適用於以下讀者對象:網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員、個人網站愛好者與自學讀者。

目錄

第1篇 建站快速入門

網頁設計與網站建設基礎 2

1.1 常見的網站類型 3

1.1.1 個人網站 3

1.1.2 企業類網站 3

1.1.3 娛樂休閒類網站 3

1.1.4 機構類網站 4

1.1.5 行業信息類網站 4

1.1.6 購物類網站 5

1.1.7 門戶類網站 5

1.2 常用網頁設計軟體和技術 6

1.2.1 網頁編輯排版軟體 6

1.2.2 網頁動畫製作軟體 7

1.2.3 網頁圖像設計軟體 7

1.2.4 網頁標記語言HTML8

1.2.5 網頁腳本語言 9

1.2.6 動態網頁程式語言ASP 10

1.3 靜態網頁和動態網頁 10

1.3.1 靜態網頁 10

1.3.2 動態網頁 11

用色彩搭配賞心悅目的網站 12

2.1 色彩基礎知識 13

2.1.1 色彩的基本概念 13

2.1.2 網頁色彩的冷暖視覺 13

2.2 常見網頁色彩搭配分析 15

2.2.1 綠色 15

2.2.2 黃色 16

2.2.3 藍色 17

2.2.4 紅色 18

2.2.5 紫色 19

2.2.6 灰色 20

2.2.7 黑色 21

2.3 頁面色彩搭配 21

2.3.1 網頁色彩搭配原理 21

2.3.2 網頁配色方法 23

第2篇 設計令人流連忘返的靜態網頁

快速掌握Dreamweaver CS6設計基本網頁 26

3.1 Dreamweaver CS6簡述 28

3.2 Dreamweaver CS6的工作界面 28

3.2.1 選單欄 29

3.2.2 插入欄 29

3.2.3 浮動面板 29

3.2.4 “屬性”面板 30

3.2.5 文檔視窗 30

3.3 創建和管理站點 31

3.3.1 上機練習——創建本地站點 31

3.3.2 上機練習——管理本地站點 32

3.4 插入文本 34

3.4.1 上機練習——插入普通文本 34

3.4.2 上機練習——設定文本屬性 35

3.4.3 上機練習——插入特殊字元 36

3.5 使用列表 38

3.5.1 上機練習——插入項目列表 38

3.5.2 插入編號列表 39

3.6 在網頁中插入檔案頭部內容 40

3.6.1 插入META信息40

3.6.2 設定基礎 41

3.6.3 插入關鍵字 42

3.6.4 插入說明 42

3.6.5 設定刷新 42

3.7 插入其他對象 43

3.7.1 上機練習——插入日期 43

3.7.2 上機練習——插入水平線 44

3.8 綜合套用 46

3.9 專家秘籍 49

設計豐富多彩的圖像和多媒體網頁 51

4.1 在網頁中插入圖像 53

4.1.1 網頁中圖像的常見格式 53

4.1.2 上機練習——插入圖像 53

4.2 網頁圖像的套用 55

4.2.1 上機練習——滑鼠經過圖像 55

4.2.2 上機練習——插入圖像占位符 57

4.3 插入聲音 59

4.3.1 音頻檔案格式 59

4.3.2 上機練習——添加背景音樂 59

4.4 插入視頻 61

4.4.1 視頻的檔案格式 61

4.4.2 上機練習——在網頁中插入視頻 62

4.5 插入其他媒體檔案 63

4.5.1 上機練習——插入Flash 63

4.5.2 上機練習——插入Java Applet 65

4.6 網頁連結的創建 67

4.6.1 網頁連結的基本類型 67

4.6.2 上機練習——圖像熱點連結 68

4.6.3 上機練習——E-mail連結69

4.6.4 上機練習——下載檔案連結 71

4.6.5 上機練習——錨點連結 72

4.6.6 上機練習——腳本連結 74

4.6.7 上機練習——空連結 75

4.7 綜合套用 76

4.8 專家秘籍 81

使用表格和Spry排版網頁 82

5.1 插入表格 83

5.1.1 上機練習——插入表格 83

5.1.2 上機練習——添加內容到單元格 86

5.2 編輯表格 87

5.2.1 選擇表格及其元素 87

5.2.2 調整表格和單元格的大小 91

5.2.3 添加、刪除行或列 93

5.2.4 拆分單元格 94

5.2.5 合併單元格 95

5.2.6 剪下、複製、貼上表格 95

5.3 設定表格屬性 96

5.3.1 設定整個表格的屬性 96

5.3.2 設定行、列和單元格屬性 96

5.4 使用Spry布局對象 97

5.4.1 上機練習——使用Spry選單欄 97

5.4.2 使用Spry選項卡式面板 98

5.4.3 使用Spry摺疊式 99

5.4.4 上機練習——使用Spry可摺疊面板 100

5.5 綜合套用——製作圓角表格 100

5.6 專家秘籍 103

使用模板和庫快速創建網頁 105

6.1 創建模板 106

6.1.1 上機練習——新建模板 106

6.1.2 上機練習——從現有文檔創建模板 108

6.2 創建可編輯區域 109

6.2.1 上機練習——插入可編輯區域 109

6.2.2 刪除可編輯區域 110

6.3 使用模板創建網頁 110

6.4 創建與套用庫項目 112

6.4.1 上機練習——創建庫項目 112

6.4.2 上機練習——套用庫項目 114

6.4.3 上機練習——修改庫項目 115

6.5 綜合套用 116

6.6 專家秘籍 121

使用行為和腳本設計動感特效網頁 123

7.1 動作和事件 124

7.1.1 動作 124

7.1.2 事件 125

7.2 行為的添加與編輯 126

7.2.1 行為的添加 126

7.2.2 行為的修改 127

7.3 使用Dreamweaver內置行為 127

7.3.1 上機練習——交換圖像 127

7.3.2 恢復交換圖像 128

7.3.3 上機練習——打開瀏覽器視窗 129

7.3.4 上機練習——調用JavaScript 131

7.3.5 改變屬性 133

7.3.6 上機練習——拖動AP元素 133

7.3.7 上機練習——轉到URL 135

7.3.8 上機練習——彈出信息 136

7.3.9 上機練習——預先載入圖像 138

7.3.10 上機練習——設定狀態欄文本 139

7.3.11 跳轉選單 140

7.3.12 顯示-隱藏元素142

7.3.13 上機練習——檢查表單 144

7.3.14 上機練習——增大/收縮效果 146

7.3.15 上機練習——擠壓效果 147

7.4 使用JavaScript製作網頁特效 149

7.4.1 上機練習——製作滾動文字公告 149

7.4.2 上機練習——禁止下載網頁圖像 150

7.4.3 上機練習——設定為IE首頁 152

7.4.4 上機練習——添加到收藏夾 153

7.5 專家秘籍 154

使用CSS樣式表美化網頁 156

8.1 CSS樣式表 157

8.2 CSS基本語法 158

8.3 設定CSS屬性 159

8.3.1 設定CSS類型屬性 159

8.3.2 設定CSS背景屬性 160

8.3.3 設定CSS區塊屬性 162

8.3.4 設定CSS方框屬性 163

8.3.5 設定CSS框線屬性 164

8.3.6 設定CSS列表屬性 165

8.3.7 設定CSS定位屬性 165

8.3.8 設定CSS擴展屬性 166

8.4 連結到或導出外部CSS樣式表 167

8.4.1 上機練習——創建內部樣式表 167

8.4.2 上機練習——創建外部樣式表 169

8.4.3 上機練習——連結外部樣式表 170

8.5 綜合套用 172

8.6 專家秘籍 176

用CSS+Div靈活布局頁面 177

9.1 初識Div178

9.1.1Div概述 178

9.1.2CSS+Div布局的優勢 178

9.2 關於AP Div 179

9.2.1 AP Div的概念 179

9.2.2 AP Div面板179

9.2.3 創建普通AP Div180

9.2.4 創建嵌套AP Div181

9.3 設定AP Div的屬性 181

9.3.1 設定AP Div的顯示/隱藏屬性 181

9.3.2 改變AP Div的堆疊順序 182

9.3.3 為AP Div添加滾動條 182

9.3.4 改變AP Div的可見性 183

9.4 CSS定位與Div布局 184

9.4.1 盒子模型 184

9.4.2 元素的定位 184

9.5 CSS+Div布局的常用方法 187

9.5.1 使用Div對頁面整體規劃188

9.5.2 使用CSS定位 188

9.6 綜合套用——利用模板製作CSS布局網頁 190

9.7 專家秘籍 193

第3篇 開發動態資料庫網站

動態網站開發基礎 197

10.1 動態網頁的特點和製作流程 199

10.1.1 動態網頁的特點 199

10.1.2 動態網頁的製作流程 200

10.2 在網頁中插入互動式表單對象200

10.2.1 上機練習——插入表單域 201

10.2.2 上機練習——插入文本域 202

10.2.3 上機練習——插入複選框和單選按鈕 205

10.2.4 上機練習——插入列表/選單 207

10.2.5 上機練習——插入檔案域和按鈕 208

10.3 搭建本地伺服器212

10.3.1 上機練習——安裝IIS 212

10.3.2 上機練習——配置Web伺服器 213

10.4 創建資料庫連線214

10.4.1 上機練習——創建ODBC連線 214

10.4.2 上機練習——使用DSN創建ADO連線 215

10.5 編輯數據表記錄216

10.5.1 創建記錄集(查詢) 216

10.5.2 插入記錄 218

10.5.3 更新記錄 219

10.5.4 刪除記錄 220

10.6 添加伺服器行為221

10.6.1 插入重複區域 221

10.6.2 插入顯示區域 222

10.6.3 記錄集分頁 223

10.6.4 轉到詳細頁面 224

10.6.5 轉到相關頁面 224

10.6.6 用戶身份驗證 225

10.7 專家秘籍 227

設計動態網站常用模組 230

11.1 設計留言系統 231

11.1.1 需求分析與設計思路 231

11.1.2 設計資料庫與資料庫連線 232

11.1.3 創建留言列表頁面 234

11.1.4 創建留言詳細頁面 238

11.1.5 創建添加留言頁面 240

11.2 設計新聞發布系統 244

11.2.1 主要功能頁面 245

11.2.2 設計資料庫 246

11.2.3 創建資料庫連線 248

11.2.4 新聞列表頁面的製作 249

11.2.5 新聞詳細頁面的製作 255

11.2.6 後台登錄頁面 257

11.2.7 刪除新聞頁面的製作 260

11.2.8 添加新聞頁面的製作 262

11.2.9 修改新聞頁面的製作 264

11.2.10 新聞管理總頁面 266

11.3 專家秘籍 270

第4篇 設計與處理精美的網頁圖像

使用Photoshop CS6設計網頁中的特效文字 273

12.1 使用文字工具 274

12.1.1 上機練習——文字的輸入 274

12.1.2 上機練習——設定文字屬性 275

12.1.3 上機練習——文字的變形 277

12.2Photoshop圖層基本操作 278

12.2.1 添加圖層 278

12.2.2 刪除圖層 278

12.2.3 合併圖層 279

12.2.4 設定圖層樣式 279

12.3 設計常見的網頁特效文字281

12.4 專家秘籍 288

設計網頁中經典圖像元素 289

13.1 設計網站Logo 290

13.1.1Logo的特點 290

13.1.2Logo設計標準291

13.1.3 上機練習——網站Logo設計實例 291

13.2 網路廣告的製作293

13.2.1 網路廣告設計技巧 293

13.2.2 上機練習——設計網路廣告 294

13.3 設計網站首頁 298

13.3.1 上機練習——首頁的製作 298

13.3.2 上機練習——切割輸出首頁圖像 304

13.4 設計網頁按鈕 306

13.5 製作導航欄309

13.6 專家秘籍 312

第5篇 設計超炫的網頁動畫

使用Flash CS6創建基本動畫 314

14.1 Flash CS6工作界面 315

14.2 時間軸與關鍵幀317

14.2.1 時間軸 317

14.2.2 時間軸中的圖層 318

14.2.3 關鍵幀 318

14.3 創建基本動畫 319

14.3.1 上機練習——逐幀動畫 319

14.3.2 上機練習——補間動畫 322

14.4 創建引導動畫 324

14.4.1 引導動畫的創建原理 324

14.4.2 上機練習——創建引導動畫 324

14.5 創建遮罩動畫 327

14.5.1 遮罩動畫的創建原理 327

14.5.2 上機練習——創建遮罩動畫 327

14.6 創建有聲動畫 330

14.6.1 Flash中可使用的聲音檔案類型 330

14.6.2 添加聲音 330

14.6.3 編輯聲音 332

14.6.4 上機練習——創建聲音動畫 333

14.7 專家秘籍 335

使用ActionScript創建互動動畫 336

15.1 ActionScript概述337

15.1.1 ActionScript的發展史 337

15.1.2 ActionScript 3.0的特點 338

15.2 ActionScript 3.0語句中的參數 339

15.2.1 ActionScript中的專業術語 339

15.2.2 ActionScript 3.0基本語法 341

15.3 常用ActionScript語句 343

15.3.1 for循環 343

15.3.2 while和do while循環 343

15.3.3 條件語句 344

15.3.4 特殊條件判斷 344

15.4 代碼的輸入344

15.5 ActionScript的編輯環境 345

15.6 利用ActionScript製作互動網頁的動畫 346

15.6.1 綜合套用1——創建跳轉到其他網頁動畫 346

15.6.2 綜合套用2——創建網頁導航動畫 348

15.6.3 綜合套用3——創建滑鼠特效 353

15.6.4 綜合套用4——製作發光旋轉效果 356

15.6.5 綜合套用5——製作回響滑鼠效果 360

15.7 專家秘籍 364

第6篇 網站的策劃與安全管理

網站的整體策劃 366

16.1 為什麼要進行網站策劃 367

16.2 如何進行網站策劃 368

16.2.1 網站策劃的原則 368

16.2.2 網站策劃的關鍵點 369

16.3 如何確定網站的定位370

16.4 確定網站的目標用戶371

16.5 網站的內容策劃372

16.5.1 網站內容策劃的重要性 372

16.5.2 如何做好網站內容策劃 372

網站頁面設計策劃 374

17.1 網站欄目和頁面設計策劃376

17.1.1 網站的欄目策劃 376

17.1.2 網站的頁面策劃 377

17.2 網站導航設計 378

17.2.1 導航設計的基本要求 378

17.2.2 全局導航的基本要素 379

17.2.3 輔助導航的設計要點 379

17.2.4 導航設計要點 380

17.3 網站頁面版式風格設計 381

17.3.1 網站內容的排版 381

17.3.2 網站網頁的布局形式 382

17.3.3 網站界面設計的兼容性 384

17.3.4 界面布局與內容的相關性 384

17.4 網站視覺元素設計 385

17.4.1 讓文字易辨識 385

17.4.2 讓圖片更合理 386

17.4.3 讓表單更易用 387

17.4.4 讓按鈕更易點擊 388

網站的安全與運營維護 390

18.1 Web服務的高級設定391

18.1.1 設定用戶 391

18.1.2 NTFS許可權的設定 393

18.1.3 目錄和應用程式訪問許可權的設定 394

18.1.4 匿名和授權訪問控制 395

18.1.5 備份與還原IIS396

18.2 反黑客技術397

18.2.1 計算機的設定 397

18.2.2 隱藏IP位址 400

18.2.3 作業系統賬號管理 401

18.2.4 安裝必要的安全軟體 402

18.2.5 瀏覽器的安全設定 402

18.2.6 網站防火牆的套用 403

18.3 網站運營 404

18.3.1 網站運營的工作內容 404

18.3.2 網站運營的關鍵問題 405

18.4 網站日常維護與管理406

第7篇 完整商業網站的建設

網站建設規範和基本流程 408

19.1 網站建設規範 409

19.1.1 組建開發團隊規範 409

19.1.2 開發工具規範 409

19.1.3 超連結規範 409

19.1.4 資料夾和檔案命名規範 410

19.1.5 代碼設計規範 411

19.2 網站建設的基本流程411

19.2.1 網站的需求分析 412

19.2.2 網站整體規劃 412

19.2.3 確定網站整體風格 412

19.2.4 收集資源 413

19.2.5 設計網頁圖像 414

19.2.6 編輯製作網頁 415

19.2.7 開發動態網站模組 416

19.2.8 申請域名和伺服器空間 416

19.2.9 測試與發布上傳 417

19.2.10 網站維護 418

19.2.11 網站推廣 418

設計企業宣傳展示型網站 422

20.1 網站前期策劃 423

20.2 網站的版面布局及色彩 424

20.2.1 草案及粗略布局 424

20.2.2 確定網站的色彩 424

20.3 設計網站首頁 425

20.3.1 首頁的設計 425

20.3.2 切割首頁 431

20.4 創建本地站點 433

20.5 二級模板頁面的設計434

20.5.1 創建庫檔案 434

20.5.2 創建模板 436

20.5.3 利用模板創建二級頁面 439

20.6 專家秘籍 441

設計線上購物網站 444

21.1 購物網站設計概述 445

21.1.1 購物網站概念 445

21.1.2 購物網站的設計要點 445

21.1.3 主要功能頁面 446

21.2 創建資料庫與資料庫連線448

21.2.1 創建資料庫表 448

21.2.2 創建資料庫連線 450

21.3 設計購物系統前台頁面 451

21.3.1 設計商品分類展示頁面 451

21.3.2 設計商品詳細信息頁面 455

21.4 設計購物系統後台管理 457

21.4.1 設計添加商品頁面 457

21.4.2 設計商品管理頁面 461

21.4.3 製作修改頁面 465

21.4.4 設計刪除頁面 467

21. 5 專家秘籍 470

前言

如今,網際網路已經在人們的生活中占據了重要位置,它可以將豐富多彩的文本、圖像、動畫等結合起來,隨時隨地供用戶瀏覽。網頁設計與網站建設技術成了熱門。頁面設計、動畫設計、圖形圖像設計是網頁設計與網站建設的三大核心。隨著網頁設計與網站建設技術的不斷發展和完善,產生了眾多網頁製作軟體。但是目前使用最多的是Photoshop、Dreamweaver、Flash三個軟體的組合,它們能完全高效地實現網頁設計的各種功能,所以稱這三個軟體的組合為黃金搭檔。Adobe公司又及時地推出了Dreamweaver CS6、Flash CS6、Photoshop CS6,它們已經成為網頁設計與網站建設的夢幻工具組合,以其強大的功能和易學易用的特性,贏得了廣大網頁設計人員的青睞。

本書共分為21章,以“建站快速入門”—“設計令人流連忘返的靜態網頁”—“開發動態資料庫網站”—“設計與處理精美的網頁圖像”—“設計超炫的網頁動畫”—“網站的策劃與安全管理”—“完整商業網站的建設”為線索具體展開。其中,第1章為網頁設計與網站建設基礎;第2章為用色彩搭配賞心悅目的網站;第3章為快速掌握Dreamweaver CS6設計基本網頁;第4章為設計豐富多彩的圖像和多媒體網頁;第5章為使用表格和Spry排版網頁,第6章為使用模板和庫快速創建網頁;第7章為使用行為和腳本設計動感特效網頁;第8章為使用CSS樣式表美化網頁;第9章為用CSS+Div靈活布局頁面;第10章為動態網站開發基礎;第11章為設計動態網站常用模組;第12章為使用Photoshop CS6設計網頁中的特效文字;第13章為設計網頁中經典圖像元素;第14章為使用Flash CS6創建基本動畫;第15章為使用Flash CS6創建互動動畫;第16章為網站的整體策劃;第17章為網站頁面設計策劃;第18章為網站的安全與運營維護;第19章為網站建設規範和基本流程;第20章為設計企業宣傳展示型網站;第21章為設計線上購物網站。

本書主要特點

本書作者具有多年網站設計與教學經驗,精選了多年設計與教學實踐中具有代表性和實用性的實例,詳細介紹了使用Dreamweaver CS6編輯網頁、使用PhotoshopCS6處理圖形和圖像及使用Flash CS6製作動畫的方法。本書具有如下特點。

結構安排合理。本書採用“基礎知識+上機練習+綜合套用”的結構,以使讀者能夠更好地理解和掌握每章所講述的內容。在每章的最後基本上都有“綜合套用”,將本章的內容進行了一次完整的貫通,以幫助讀者鞏固本章的相關知識點及提升讀者解決實際問題的能力。另外作者還毫無保留地將現實工作中大量非常實用的經驗、技巧貢獻出來。

商業案例,實戰性強。本書使用了大量的典型商業網站案例,採用圖解的方式講解軟體的使用和技巧,適時添加“提示”,以補充使用技巧和知識連結,讀者可以快捷地學習操作和套用,實戰性非常強。

雙欄排版,提示標註。採用雙欄圖解排版,一步一圖,圖文對應,並在圖中添加了操作提示標註,以便於讀者快速學習。

代碼揭秘。隨著網站設計人員技術的提升,對代碼會有越來越深刻的研究,增加“代碼揭秘”欄目,側重代碼的提供,要點進行重點標註與提示。

專家秘籍。每章最後一部分均安排了專家秘籍,這些秘籍來源於網站建設專家多年的經驗和技巧總結,解答了初學者常見的困惑,擴大了初學者的知識面。

超值配套光碟。本書所附光碟的內容為書中介紹的範例的源檔案及重點實例的操作演示視頻,供讀者學習時參考和對照使用。在光碟中還有“HTML常用標記手冊”、“JavaScript語法手冊”、“CSS屬性一覽表”、“VBScript語法手冊”、“ADO對象方法屬性詳解”、“常見網頁配色詞典”等內容,在製作網頁時也是很有用的參考。

本書由國內著名網頁設計培訓專家郭海旺主編,參加編寫的還有鄧靜靜、李銀修、劉宇星、鄧方方、張禮明、孫良軍、楊建偉、李曉民、劉中華、孫起雲、呂志彬、何海霞、徐洪峰。由於本書編者水平有限,加之時間倉促,不足之處在所難免,歡迎廣大讀者批評指正。

編著者

相關詞條

熱門詞條

聯絡我們