《網頁設計與製作——基於計算思維》是2014年1月電子工業出版社出版的圖書，作者是王海波、張偉娜、王兆華。
基本介紹
- 中文名：網頁設計與製作——基於計算思維
- 作者：王海波、張偉娜、王兆華
- ISBN：9787121219443
- 頁數：380頁
- 定價：45元
- 出版社：電子工業出版社
- 出版時間：2014年1月
- 開本：16開
內容簡介,圖書目錄,
內容簡介
本書基於以計算思維的培養為導向的教學改革，按照由淺入深的過程，逐步講解網頁設計與製作相關的基礎知識，包括HTML基礎，CSS基礎，顏色、圖像和多媒體的使用，表格的使用，超連結，Div+CSS布局，模板和庫，表單，行為，JavaScript，jQuery框架，網站的發布與維護，並通過綜合實例完整地講述了一個實際網站的製作過程，最後介紹了用於快速建立網站的CMS內容管理系統。附錄中提供了HTML常用標籤和CSS常用屬性，並介紹Dreamweaver CS6等工具軟體的基本使用方法。本書提供案例相關檔案、部分習題答案及電子課件，可登錄華信教育資源網註冊後下載。
本書適合作為高等院校網頁設計與製作課程的教學用書，也可以作為網頁設計工作人員的參考用書。
圖書目錄
第1章 網頁設計與製作基礎 001
1.1 網站與網頁 001
1.1.1 網站 001
1.1.2 網頁 003
1.1.3 網頁的基本構成元素 004
1.2 網頁相關的概念 005
1.2.1 Internet、IP和域名 005
1.2.2 WWW和FTP 006
1.2.3 HTTP和HTML 006
1.2.4 瀏覽器和Web伺服器 006
1.2.5 靜態網頁和動態網頁 009
1.3 網站製作基本流程 012
1.4 網頁設計製作工具 017
1.4.1 原型設計工具 017
1.4.2 圖形圖像製作工具 018
1.4.3 網頁編輯工具 020
本章小結 021
課後習題 021
第2章 HTML基礎 023
2.1 標記語言的作用 023
2.2 HTML基礎 024
2.2.1 HTML和XHTML 024
2.2.2 HTML5 025
2.2.3 HTML的基本語法 025
2.2.4 XHTML的語法 026
2.3 HTML的結構 027
2.3.1 基本結構 027
2.3.2 文檔類型定義 028
2.3.3 頭部內容 029
2.3.4 主體內容 029
2.4 標題與段落 030
2.4.1 標題 030
2.4.2 段落 030
2.5 文字格式 031
2.6 建立和使用列表 032
2.6.1 無序列表 032
2.6.2 有序列表 033
2.6.3 定義列表 033
2.7 特殊字元和注釋 034
2.8 HTML5中的新增結構元素 034
2.9 使用Dreamweaver編寫網頁 035
2.9.1 新建網頁 036
2.9.2 設定網頁標題 037
2.9.3 設定文章中的標題 038
2.9.4 設定無序列表和有序列表 039
2.9.5 設定文字格式 040
2.9.6 特殊字元的輸入 040
本章小結 041
課後習題 041
第3章 CSS基礎 043
3.1 CSS基本概念 043
3.1.1 CSS的概述 043
3.1.2 CSS的基本語法 043
3.2 CSS選擇器 045
3.2.1 基本選擇器 045
3.2.2 其他選擇器 048
3.3 在HTML中套用CSS 052
3.3.1 行內樣式 052
3.3.2 內部樣式 052
3.3.3 外部樣式 052
3.4 使用CSS控制文字樣式 053
3.4.1 文字字型 054
3.4.2 Web字型 055
3.4.3 文字大小 056
3.4.4 文字粗細 056
3.4.5 斜體 056
3.4.6 文字修飾 057
3.4.7 字間距 057
3.4.8 英文字母的大小寫 058
3.4.9 陰影效果 058
3.5 使用CSS控制段落樣式 059
3.5.1 首行縮進 059
3.5.2 段落水平對齊 059
3.5.3 行高 059
3.5.4 分欄 060
3.6 繼承性和層疊性 061
3.6.1 CSS的繼承性 061
3.6.2 CSS的層疊性 062
3.7 使用Dreamweaver編輯CSS 063
3.7.1 CSS樣式面板 063
3.7.2 創建與套用CSS規則 064
3.7.3 編輯和移動CSS規則 069
3.7.4 附加樣式表 071
本章小結 072
課後習題 072
第4章 網頁中的顏色、圖像和多媒體 074
4.1 顏色的基礎知識 074
4.1.1 三原色 074
4.1.2 色相、明度、飽和度 075
4.1.3 冷暖色 076
4.2 網頁中的顏色 076
4.2.1 網頁中顏色的表示 077
4.2.2 網頁安全色 078
4.2.3 網頁配色基礎 079
4.2.4 Dreamweaver中顏色的操作 081
4.3 網頁中的圖像 082
4.3.1 圖像在網頁中的套用 082
4.3.2 網頁中的圖像類型 083
4.3.3 網頁中的圖像標籤 085
4.4 使用Dreamweaver操作圖像 086
4.4.1 網頁圖像的添加 086
4.4.2 網頁圖像屬性的設定 087
4.4.3 網頁圖像占位符 090
4.4.4 網頁中的背景圖像設定 090
4.5 在網頁中添加多媒體對象 095
4.5.1 在網頁中插入聲音對象 095
4.5.2 在網頁中插入視頻對象 098
4.5.3 在網頁中插入Flash對象 100
4.5.4 在網頁中插入其他媒體對象 101
本章小結 102
課後習題 102
第5章 網頁中表格的使用 104
5.1 表格概述 104
5.1.1 表格的基本功能 104
5.1.2 表格的基本標籤 104
5.1.3 表格的基本屬性 105
5.2 Dreamweaver中有關表格的操作 111
5.2.1 表格的創建 111
5.2.2 在表格中添加內容 113
5.2.3 選擇表格元素 114
5.2.4 複製、貼上表格 116
5.2.5 調整表格 117
5.2.6 插入和刪除表格行或列 117
5.2.7 刪除表格和清除表格內容 118
5.2.8 合併和拆分單元格 119
5.2.9 表格屬性的設定 119
5.2.10 導入和導出表格的數據 121
5.2.11 排序表格 123
5.3 使用表格布局網頁 124
5.3.1 表格布局技術的產生 124
5.3.2 用表格布局網頁的基本原理 126
5.3.3 表格布局的優缺點 127
5.3.4 使用表格布局網頁的基本步驟 127
5.3.5 表格布局套用實例 129
本章小結 134
課後習題 134
第6章 超連結 136
6.1 超連結概述 136
6.1.1 超連結的概念 136
6.1.2 超連結的種類 136
6.1.3 連結路徑 138
6.2 超連結的標籤及常用屬性 139
6.3 超連結的CSS樣式 140
6.3.1 超連結屬性控制 140
6.3.2 超連結特效 143
6.4 Dreamweaver中有關超連結的操作 146
6.4.1 創建文本超連結 146
6.4.2 創建圖像超連結 149
6.4.3 創建熱點超連結 149
6.4.4 滑鼠經過圖像超連結 150
6.4.5 電子郵件超連結 151
6.4.6 創建錨點超連結 152
6.4.7 創建下載檔案超連結 153
6.4.8 創建空連結 153
6.4.9 創建腳本超連結 154
6.4.10 超連結的編輯和更新 154
本章小結 156
課後習題 156
第7章 CSS布局基礎 157
7.1 基礎知識 157
7.1.1 網頁中的塊級元素和行內元素 157
7.1.2 盒模型 158
7.1.3 外邊距的疊加 162
7.1.4 元素的內容溢出 163
7.2 浮動定位 164
7.2.1 設定浮動 164
7.2.2 浮動的清除 165
7.3 位置定位 168
7.3.1 靜態定位 168
7.3.2 相對定位 168
7.3.3 絕對定位 169
7.3.4 固定定位 171
7.3.5 z-index 172
本章小結 173
課後習題 173
第8章 CSS布局及套用 174
8.1 網頁整體布局 174
8.1.1 固定寬度布局 174
8.1.2 流動布局 177
8.2 網站中的導航 178
8.2.1 垂直導航 179
8.2.2 水平導航 180
8.2.3 下拉選單 181
8.3 首字下沉效果 183
8.4 自定義符號列表 184
8.5 圖文混排 185
8.6 全圖排版 186
8.7 Dreamweaver中的頁面組件 188
8.7.1 Spry選單欄 189
8.7.2 Spry選項卡式面板 190
8.7.3 Spry摺疊式面板 191
本章小結 193
課後習題 193
第9章 模板和庫項目 194
9.1 模板的概念 194
9.2 模板的創建和使用 194
9.2.1 創建模板 194
9.2.2 創建模板的區域 196
9.2.3 套用模板 200
9.2.4 管理模板 204
9.2.5 創建嵌套模板 206
9.3 庫項目的創建和使用 206
9.3.1 關於庫項目 206
9.3.2 創建庫項目 206
9.3.3 套用庫項目 207
9.3.4 管理庫項目 207
本章小結 208
課後習題 208
第10章 表單 211
10.1 表單 211
10.1.1 表單基本概念 211
10.1.2 創建表單 211
10.2 表單元素 212
10.3 使用Dreamweaver編輯表單網頁 216
10.3.1 在Dreamweaver中創建表單 216
10.3.2 在Dreamweaver中插入表單元素 216
10.4 表單網頁的頁面布局 221
10.4.1 案例1：利用Div+CSS布局實現論壇登錄頁面 221
10.4.2 案例2：用表格布局實現論壇註冊頁面 225
10.5 Spry表單元素 229
10.5.1 Spry驗證文本域 230
10.5.2 Spry驗證文本區域 231
10.5.3 Spry驗證複選框 231
10.5.4 Spry驗證選擇 232
10.5.5 Spry驗證密碼 232
10.5.6 Spry驗證確認 233
10.5.7 Spry驗證單選按鈕組 233
本章小結 233
課後習題 234
第11章 行為和CSS過渡效果 235
11.1 行為 235
11.1.1 行為的概念 235
11.1.2 添加行為 236
11.1.3 修改或刪除行為 237
11.2 使用Dreamweaver內置行為 237
11.2.1 交換圖像 237
11.2.2 彈出信息 238
11.2.3 打開瀏覽器視窗 239
11.2.4 拖動AP元素 239
11.2.5 改變屬性 242
11.2.6 效果 244
11.2.7 顯示-隱藏元素 244
11.2.8 檢查外掛程式 245
11.2.9 檢查表單 246
11.2.10 設定文本 247
11.3 使用第三方提供的行為 247
11.4 CSS過渡效果 248
11.4.1 創建CSS過渡效果 248
11.4.2 編輯CSS過渡效果 249
本章小結 249
課後習題 249
第12章 JavaScript 251
12.1 JavaScript 251
12.1.1 JavaScript簡介 251
12.1.2 在網頁中使用JavaScript 252
12.2 JavaScript中的對象 253
12.2.1 對象的基礎知識 253
12.2.2 常用JavaScript的內置對象 253
12.2.3 自定義對象 255
12.2.4 BOM和DOM 256
12.3 JavaScript語言基礎 262
12.3.1 基本數據類型 262
12.3.2 常量和變數 263
12.3.3 運算符和表達式 264
12.3.4 基本語句 266
12.3.5 程式控制語句 267
12.3.6 函式 272
12.4 案例 273
12.4.1 案例1：表單校驗 273
12.4.2 案例2：聯動選單 275
本章小結 277
課後習題 277
第13章 jQuery框架 279
13.1 jQuery框架基礎 279
13.1.1 JavaScript框架 279
13.1.2 jQuery框架的功能 279
13.1.3 搭建jQuery運行環境 280
13.1.4 jQuery的選擇器 281
13.1.5 jQuery中的事件 282
13.2 使用jQuery操作網頁元素 282
13.2.1 獲取和設定網頁元素屬性 282
13.2.2 獲取和設定網頁元素的CSS樣式屬性 284
13.3 jQuery動畫 285
13.3.1 基礎動畫函式 285
13.3.2 淡入/淡出動畫函式 286
13.3.3 滑動函式 287
13.4 jQuery外掛程式 288
13.4.1 jQuery UI外掛程式 289
13.4.2 圖像幻燈片外掛程式 290
13.4.3 圖像燈箱外掛程式 292
13.4.4 內容切換外掛程式 293
13.4.5 數據表格外掛程式 294
本章小結 296
課後習題 296
第14章 網站的發布和維護 297
14.1 網站的測試與最佳化 297
14.1.1 網站測試 297
14.1.2 網站最佳化 300
14.2 網站的發布與維護 302
14.2.1 網站的發布 302
14.2.2 網站的維護 305
14.3 網站的宣傳推廣 305
本章小結 306
課後習題 306
第15章 綜合案例 307
15.1 案例描述 307
15.2 布局規劃及原型設計 308
15.3 使用Photoshop設計頁面效果圖 309
15.3.1 主頁效果圖設計 309
15.3.2 內容頁效果圖設計 311
15.3.3 切片 311
15.4 站點製作 313
15.4.1 站點目錄結構 313
15.4.2 主頁頭部設計 314
15.4.3 主頁主體內容設計 316
15.4.4 主頁底部設計 319
15.4.5 內容頁主體內容設計 320
本章小結 322
課後習題 322
第16章 CMS內容管理系統 323
16.1 CMS概述 323
16.1.1 CMS的概念 323
16.1.2 常用CMS系統 323
16.2 搭建網站運行環境 325
16.2.1 搭建Web服務平台 325
16.2.2 Joomla的安裝 325
16.3 使用Joomla建立網站 328
16.3.1 全局設定 328
16.3.2 分類管理 328
16.3.3 媒體管理 329
16.3.4 文章管理 330
16.3.5 選單管理 333
16.3.6 頭版文章管理 336
16.3.7 模板管理 336
16.3.8 模組管理 338
本章小結 340
課後習題 341
附錄A HTML常用標籤 342
附錄B CSS常用屬性 345
B.1 CSS書寫規範 345
B.2 CSS常用屬性 345
附錄C Dreamweaver CS6的基本使用 350
C.1 Dreamweaver CS6的工作界面 350
C.2 創建和管理站點 354
附錄D Firebug和Web Developer的使用 361
D.1 Firebug的使用 361
D.2 Web Developer的使用 367
參考文獻 370
