網頁設計與網站建設全攻略

網頁設計與網站建設全攻略

《網頁設計與網站建設全攻略》是2016年3月清華大學出版社出版的圖書,作者是何立、卞華傑。

基本介紹

  • 書名:網頁設計與網站建設全攻略
  • 作者:何立、卞華傑
  • ISBN:9787302427285
  • 定價:69元
  • 出版社:清華大學出版社
  • 出版時間:2016年3月
內容簡介,圖書目錄,

內容簡介

本書全面系統地介紹了網頁設計與網站建設的方法和技巧,通過大量實例,讓讀者逐步掌握網站建設軟體的使用方法,真正完成從入門到精通的轉變。全書穿插大量的操作技巧與學習心得,讓讀者迅速成為網頁設計的高手。
本書共21章,以網站建設入門、Dreamweaver靜態網頁的製作、動態網站與HTML5、Photoshop設計美觀的網頁圖像、Flash設計網站動畫、網站的策劃與發布推廣、商業網站建設實戰為線索具體展開,循序漸進地講述了網頁設計與網站建設方方面面的知識。
本書知識全面實用、淺顯易懂,讓讀者輕鬆實現自己擁有網站的夢想。本書可作為大專院校、高職高專、中等職業學校計算機專業的教材,各種計算機培訓班的教材,也可以作為想學習網頁製作與網站建設的自學者的參考手冊。

圖書目錄

第1章 了解網頁網站建設基礎 1
1.1 網頁的基本概念 1
1.1.1 網頁 1
1.1.2 HTML 2
1.1.3 統一資源定位符URL 2
1.1.4 ASP 3
1.1.5 資料庫 4
1.2 網頁設計與網站建設需要的常用技術 4
1.2.1 網頁編輯排版軟體 4
1.2.2 網頁動畫製作軟體 5
1.2.3 網頁圖像設計軟體 6
1.2.4 網頁標記語言HTML 6
1.2.5 網頁腳本語言JavaScript 8
1.2.6 動態網頁程式語言ASP 8
1.3 常見網站的類型與特點 9
1.3.1 個人網站 9
1.3.2 企業型網站 9
1.3.3 娛樂休閒類網站 10
1.3.4 機構類網站 10
1.3.5 電子商務類網站 11
1.3.6 綜合門戶類網站 12
第2章 網頁的色彩搭配 13
2.1 色彩的分類 13
2.1.1 有彩色 13
2.1.2 無彩色 15
2.2 色彩的三要素 16
2.2.1 明度 16
2.2.2 色相 17
2.2.3 純度 17
2.3 色彩對比 19
2.3.1 明度對比 19
2.3.2 色相對比 20
2.3.3 純度對比 21
2.3.4 色彩的面積對比 22
2.3.5 色彩的冷暖對比 22
2.4 各種色彩搭配 23
2.4.1 紅色色彩搭配 23
2.4.2 黃色色彩搭配 24
2.4.3 藍色色彩搭配 24
2.4.4 綠色色彩搭配 25
2.4.5 紫色色彩搭配 25
2.4.6 橙色色彩搭配 26
2.4.7 白色色彩搭配 27
2.4.8 黑色色彩搭配 27
2.4.9 灰色色彩搭配 27
2.5 網頁配色技巧 28
2.5.1 背景與文字顏色搭配 28
2.5.2 使用一種色彩 31
2.5.3 兩色搭配是用色的基礎 31
2.5.4 色彩的數量 33
第3章 快速掌握Dreamweaver設計基本網頁 34
3.1 Dreamweaver CC簡述 35
3.2 Dreamweaver CC的工作界面 36
3.2.1 選單欄 36
3.2.2 插入欄 37
3.2.3 浮動面板 38
3.2.4 屬性面板 38
3.2.5 文檔視窗 38
3.3 創建與管理站點 39
3.3.1 小實例——創建本地站點 39
3.3.2 小實例——管理本地站點 40
3.4 插入文本 42
3.4.1 小實例——插入普通文本 42
3.4.2 小實例——設定文本屬性 44
3.4.3 小實例——插入特殊字元 46
3.5 使用列表 48
3.5.1 小實例——插入項目列表 48
3.5.2 使用編號列表 50
3.6 在網頁中插入檔案頭部內容 52
3.6.1 插入Meta信息 53
3.6.2 插入關鍵字 53
3.6.3 插入說明 54
3.7 插入其他對象 54
3.7.1 小實例——插入日期 54
3.7.2 小實例——插入水平線 57
3.8 實戰——創建基本文本網頁 59
第4章 設計豐富多彩的圖像和多媒體網頁 62
4.1 在網頁中插入圖像 63
4.1.1 網頁中圖像的常見格式 63
4.1.2 小實例——插入圖像 64
4.2 滑鼠經過圖像 66
4.3 插入聲音 69
4.3.1 關於音頻檔案格式 69
4.3.2 小實例——添加背景音樂 69
4.4 插入視頻 73
4.4.1 視頻的檔案格式 73
4.4.2 小實例——在網頁中插入視頻 73
4.5 插入Flash 75
4.6 網頁連結的創建 78
4.6.1 網頁連結的基本類型 78
4.6.2 小實例——圖像連結 78
4.6.3 小實例——E-mail連結 80
4.6.4 小實例——下載檔案連結 82
4.6.5 小實例——腳本連結 83
4.7 實戰——圖文混排網頁 84
第5章 使用表格排版網頁 88
5.1 插入表格 88
5.1.1 小實例——插入表格 89
5.1.2 小實例——添加內容到單元格 90
5.2 編輯表格 90
5.2.1 選擇表格及其元素 91
5.2.2 調整表格和單元格的大小 93
5.2.3 添加、刪除行或列 94
5.2.4 拆分單元格 96
5.2.5 合併單元格 96
5.2.6 拷貝、貼上表格 97
5.3 設定表格屬性 97
5.3.1 設定整個表格的屬性 98
5.3.2 設定行、列和單元格屬性 99
5.4 排序和整理表格內容 99
5.4.1 導入表格式數據 99
5.4.2 排序表格 102
5.5 實戰——製作圓角表格 104
第6章 使用模板和庫快速創建網頁 109
6.1 創建模板 110
6.1.1 小實例——新建模板 110
6.1.2 小實例——從現有文檔創建模板 112
6.2 創建可編輯區域 113
6.2.1 小實例——插入可編輯區域 113
6.2.2 刪除可編輯區域 114
6.3 使用模板創建網頁 114
6.4 創建與套用庫項目 119
6.4.1 小實例——創建庫項目 119
6.4.2 小實例——套用庫項目 121
6.4.3 小實例——修改庫項目 122
6.5 實戰 125
實戰1——創建模板 125
實戰2——利用模板創建網頁 135
第7章 使用行為設計動感 特效網頁 140
7.1 了解行為 141
7.1.1 動作 141
7.1.2 事件 142
7.2 行為的添加與編輯 143
7.2.1 行為的添加 143
7.2.2 行為的修改 144
7.3 使用Dreamweaver內置行為 144
7.3.1 小實例——交換圖像 145
7.3.2 恢復交換圖像 146
7.3.3 小實例——打開瀏覽器視窗 147
7.3.4 小實例——調用JavaScript 149
7.3.5 小實例——轉到URL 151
7.3.6 小實例——彈出信息 153
7.3.7 小實例——預先載入圖像 155
7.3.8 小實例——設定狀態欄文本 157
7.3.9 小實例——檢查表單 158
7.3.10 小實例——Blind效果 161
7.3.11 小實例——跳轉選單 162
7.4 使用JavaScript製作網頁特效 165
7.4.1 小實例——製作滾動文字公告 165
7.4.2 小實例——禁止下載網頁圖像 167
7.4.3 小實例——設定為IE首頁 169
7.4.4 小實例——添加到收藏夾 170
第8章 使用CSS樣式表美化網頁 172
8.1 了解CSS樣式表 173
8.2 CSS基本語法 174
8.3 設定CSS屬性 175
8.3.1 設定CSS類型屬性 175
8.3.2 設定CSS背景屬性 175
8.3.3 設定區塊樣式 176
8.3.4 設定CSS方框屬性 177
8.3.5 設定框線樣式 178
8.3.6 設定CSS列表屬性 178
8.3.7 設定CSS定位屬性 179
8.3.8 設定CSS擴展屬性 180
8.3.9 過渡樣式的定義 180
8.4 連結到或導出外部CSS樣式表 181
8.4.1 小實例——創建內部樣式表 181
8.4.2 小實例——創建外部樣式表 183
8.4.3 小實例——連結外部樣式表 185
8.5 實戰 186
實戰1——套用CSS樣式固定字型大小 186
實戰2——套用CSS樣式製作陰影文字 189
第9章 用CSS+DIV靈活布局頁面 193
9.1 初識DIV 193
9.1.1 DIV概述 193
9.1.2 CSS+DIV布局的優勢 194
9.1.2 創建DIV 194
9.2 CSS定位 195
9.2.1 盒子模型 196
9.2.2 元素的定位 196
9.3 CSS+DIV布局的常用方法 200
9.3.1 使用DIV對頁面整體規劃 200
9.3.2 使用CSS定位 201
9.3.3 設計各塊的位置 203
9.4 常見的布局類型 203
9.4.1 使用CSS定位單行單列固定寬度 203
9.4.2 一列自適應 205
9.4.3 兩列固定寬度 205
9.4.4 兩列寬度自適應 207
9.4.5 三列浮動中間寬度自適應 207
第10章 動態網站設計基礎 210
10.1 動態網頁的特點與製作過程 210
10.1.1 動態網頁特點 210
10.1.2 動態網頁工作原理 211
10.1.3 動態網站技術核心 211
10.2 動態網站技術類型 213
10.2.1 ASP 213
10.2.2 PHP 213
10.2.3 JSP 214
10.2.4 ASP、PHP和JSP比較 214
10.3 搭建本地伺服器 215
10.3.1 安裝IIS 215
10.3.2 配置Web伺服器 218
10.4 創建資料庫連線 219
第11章 HTML5與CSS3指南 221
11.1 HTML5簡介 221
11.1.1 HTML5的特點 221
11.1.2 HTML5基本布局 223
11.2 HTML5結構元素 225
11.2.1 header 226
11.2.2 nav 227
11.2.3 footer 227
11.2.4 article 228
11.3 預覽激動人心的CSS3 229
11.3.1 CSS3的發展歷史 229
11.3.2 CSS3新增特性 230
11.3.3 主流瀏覽器對CSS3的支持 235
11.4 使用CSS3實現圓角表格 236
第12章 使用Photoshop 繪製與修飾網頁圖像 238
12.1 Photoshop CC工作界面 238
12.1.1 選單命令 239
12.1.2 工具箱 240
12.1.3 工具選項欄 240
12.1.4 浮動面板 241
12.1.5 文檔視窗 241
12.2 圖像的調整 242
12.2.1 小實例——調整圖像大小 242
12.2.2 小實例——調整畫布大小 243
12.3 設定前景色和背景色 244
12.3.1 默認的前景色與背景色 244
12.3.2 更改和恢復前景色與背景色 244
12.4 創建選擇區域 246
12.4.1 選框工具 246
12.4.2 套索工具 246
12.4.3 魔棒工具 247
12.4.4 小實例——製作透明圖像 247
12.5 基本繪圖工具 250
12.5.1 畫筆工具 250
12.5.2 鉛筆工具 251
12.5.3 減淡和加深工具的套用 251
12.6 綜合實戰——創建基本文本網頁實例 252
第13章 使用Photoshop CC設計網頁中的特效文字 257
13.1 使用文字工具 258
13.1.1 小實例——文字的輸入 258
13.1.2 小實例——設定文字屬性 258
13.1.3 小實例——文字的變形 260
13.2 Photoshop圖層基本操作 261
13.2.1 添加圖層 261
13.2.2 刪除圖層 261
13.2.3 合併圖層 262
13.2.4 設定圖層樣式 262
13.3 設計常見的網頁特效文字 269
13.3.1 實戰1——發光文字 270
13.3.2 實戰2——漸變文字 272
13.3.3 實戰3——晶瑩浮雕文字 274
第14章 設計網頁元素 277
14.1 設計網站Logo 278
14.1.1 Logo的特點 278
14.1.2 Logo設計標準 278
14.1.3 實戰1——網站Logo設計實例 279
14.2 網路廣告的製作 282
14.2.1 網路廣告設計技巧 282
14.2.2 實戰2——設計網路廣告 283
14.3 設計網站首頁 287
14.3.1 實戰3——首頁的製作 287
14.3.2 實戰4——切割輸出首頁圖像 296
14.4 設計網頁按鈕 298
14.4.1 實戰5——製作圓角按鈕 298
14.4.2 實戰6——製作矩形按鈕 300
14.5 製作導航欄 302
14.5.1 實戰7——製作簡單精美的導航欄 302
14.5.2 實戰8——製作透明導航 305
第15章 Flash CC繪圖基礎 309
15.1 Flash CC簡介 309
15.2 Flash CC的工作界面 311
15.2.l 選單欄 312
15.2.2 舞台 312
15.2.3 工具箱 313
15.2.4 時間軸 313
15.2.5 屬性面板 314
15.3 繪製圖形工具 314
15.3.1 線條工具 314
15.3.2 橢圓工具與矩形工具 316
15.2.3 多角星形工具 317
15.3.4 鉛筆工具 319
15.3.5 刷子工具 320
15.3.6 鋼筆工具 321
15.4 選擇對象工具 322
15.4.1 選擇工具 322
15.4.2 部分選取工具 323
15.5 編輯圖形顏色工具 324
15.5.1 顏料桶工具 324
15.5.2 墨水瓶工具 325
15.5.3 滴管工具 326
15.5.4 橡皮擦工具 326
15.6 文本工具的基本使用 327
15.7 實戰 330
15.7.1 實戰1——製作立體投影文字 330
15.7.2 實戰2——創建簡單的向日葵花 332
第16章 使用Flash CC創建基本動畫 335
16.1 時間軸與關鍵幀 336
16.1.1 時間軸 336
16.1.2 時間軸中的圖層 336
16.1.3 關鍵幀 337
16.2 創建基本動畫 338
16.2.1 實戰1——逐幀動畫 338
16.2.2 實戰2——補間動畫 341
16.3 創建引導動畫 344
16.3.1 引導動畫的創建原理 344
16.3.2 實戰3——創建引導動畫 344
16.4 創建遮罩動畫 348
16.4.1 遮罩動畫的創建原理 348
16.4.2 實戰4——製作遮罩的圖片效果 348
16.5 創建有聲動畫 352
16.5.1 Flash CC中可使用的聲音檔案類型 352
16.5.2 添加聲音 352
16.5.3 編輯聲音 354
16.5.4 實戰6——利用按鈕控制聲音播放 355
第17章 使用Flash CC創建互動動畫 359
17.1 ActionScript概述 360
17.1.1 ActionScript的發展史 360
17.1.2 ActionScript 3.0的優點 361
17.2 ActionScript 3.0語句中的參數 361
17.2.1 ActionScript中的相關術語 361
17.2.2 ActionScript 3.0基本語法 363
17.3 常用ActionScript語句 364
17.3.1 for循環 365
17.3.2 while和do while循環 365
17.3.3 if語句 366
17.3.4 特殊條件判斷 367
17.4 ActionScript的編輯環境 367
17.5 利用ActionScript製作互動網頁動畫 368
17.5.1 實戰1——創建多種圖片過渡效果 368
17.5.2 實戰2——創建精美的遮罩動畫效果 370
17.5.3 實戰3——製作下雨效果 373
17.5.4 實戰4——製作翻轉發光文字效果 377
第18章 網站的整體策劃 380
18.1 為什麼要進行網站策劃 380
18.2 怎樣進行網站策劃 381
18.2.1 網站策劃的原則 381
18.2.2 網站策劃的關鍵點 382
18.3 如何確定網站的定位 383
18.4 確定網站的目標用戶 384
18.5 網站的內容策劃 385
18.5.1 網站內容策劃的重要性 385
18.5.2 如何做好網站內容策劃 385
第19章 網站的發布與維護 387
19.1 站點的測試 387
19.1.1 檢查連結 387
19.1.2 站點報告 388
19.1.3 清理文檔 389
19.2 網頁的上傳 390
19.2.1 利用Dreamweaver上傳網頁 390
19.2.2 使用LeapFtp軟體上傳檔案 392
19.3 網站的維護 393
19.3.1 網站的軟硬體維護 393
19.3.2 網站內容維護 394
19.3.3 網站備份 394
19.4 網站安全維護 395
19.4.1 和應用程式訪問許可權的設定 395
19.4.2 匿名和授權訪問控制 396
19.4.3 隱藏IP位址 397
19.4.4 作業系統賬號管理 398
19.4.5 安裝必要的安全軟體 399
第20章 網站的宣傳推廣 400
20.1 註冊到搜尋引擎 400
20.1.1 搜尋引擎 400
20.1.2 搜尋引擎的原理 401
20.1.3 搜尋引擎分類 402
20.1.4 搜尋引擎註冊 403
20.1.5 搜尋引擎最佳化原則 403
20.2 導航網站登錄 405
20.3 友情連結 405
20.4 網路廣告 406
20.5 發布信息推廣 407
20.6 利用群組訊息即時推廣 408
20.7 電子郵件 409
20.7.1 電子郵件推廣 409
20.7.2 電子郵件推廣的技巧 409
20.8 問答式免費推廣 410
20.9 在部落格中推廣 411
20.10 傳統網下推廣 413
第21章 設計企業宣傳展示型網站 415
21.1 網站前期策劃 415
21.2 企業網站的主要功能 416
21.3 設計網站首頁 417
21.4 創建本地站點 427
21.5 二級模板頁面的設計 428
21.5.1 創建庫檔案 428
21.5.2 創建模板 430
21.5.3 利用模板創建二級頁面 438

相關詞條

熱門詞條

聯絡我們