《網頁設計與製作教程（Dreamweaver+Photoshop+Flash版）》是2018年6月機械工業出版社出版的圖書，作者是劉瑞新。
基本介紹
- 書名：網頁設計與製作教程（Dreamweaver+Photoshop+Flash版）
- 作者：劉瑞新
- ISBN：9787111384427
- 定價：34元
- 出版社：機械工業出版社
- 出版時間：2018年6月
- 裝幀：平裝
- 開本：16開
內容簡介,作者簡介,圖書目錄,
內容簡介
本書結合工作實踐，按照DIV+CSS的主流模式，在介紹(X)HTML和CSS等基礎知識上，將網頁簽厚背設計中經常使用的軟體進行組合，以案例的形重催狼式詳細講解Dreamweaver、Photoshop和Flash在網頁設計與製作中的套用和設計流程。本書除了介紹軟體的使用外，更多地體現了基於Web標準的網頁設計理念。在內容安排方面，前後練習所用素材交叉互用，將三款軟體間的協同工作的情況清晰體現；在結構編兵去棕排方面，每章均包含知識重點、預期目標、課堂練習、課堂實訓和習題等環節，方便讀者把握學習進度，方便教師掌控教學安排。
作者簡介
劉瑞新，我國計算機專業資深教學帶頭人，知名計算機類圖書作者。在教學中，不斷探索改革，研究教學方法，並把這些改革和創新套用到所編寫的教材中，其教材理論與實踐結合地恰到好處，具有鮮明特色，非常適合師生使用。多部著作獲得全國優秀暢銷書獎，“十五”和“十一五”國家級規劃教材。十多年來共編著、合著、主編出版了80 多本計算機著作，為我國計算機教育和普及做出了傑出貢獻。
圖書目錄
目 錄
出版說明
前言
教學建議
第1章 網頁設計基礎 1
1.1 網頁界面元素 1
1.1.1 基本概念 1
1.1.2 網站的主題與風格定位捆雄 3
1.2 如何進行網頁設計 3
1.2.1 網頁設計的基本流程 4
1.2.2 網頁設計的常用工具 4
1.2.3 頁面布局的介紹與欣賞 5
1.3 習題 6
第2章 網站設計基礎語言HTML與XHTML 7
2.1 HTML與XHTML 7
2.1.1 HTML概述及其語法 7
2.1.2 使用記事本創建HTML文檔 9
2.1.3 XHTML概述 10
2.1.4 HTML與XHTML有何區別 11
2.2 頁面標籤 13
2.2.1 排版標籤 13
2.2.2 超連結標籤與圖像標籤 16
2.2.3 列表標籤 18
2.2.4 表格標籤 19
2.2.5 表單標籤 21
2.3 課堂綜合練習——使用“記事本”製作精美網頁 23
2.3.1 編寫HTML文檔 24
2.3.2 預覽並美化文檔 24
2.4 課堂綜合實訓——使用“記事本”製作簡單網頁 25
2.5 習題 26
第3章 Dreamweaver CS5的基本操作 27
3.1 Dreamweaver CS5界面介紹 27
3.1.1 工作環境 27
3.1.2 常用的工具列與面板 28
3.2 Dreamweaver CS5的基本操作 31
3.2.1 新建站點 31
3.2.2 新建空白網頁文檔 32
3.2.3 站點內的基本操作 33
3.3 網頁製作離不開CSS 35
3.3.1 CSS用來做什麼 35
3.3.2 如何創建CSS文檔 36
3.3.3 CSS的基本語法 37
3.3.4 常見的喇訂和章CSS樣式類型 38
3.3.5 CSS的盒模型 40
3.4 必須掌握的CSS選擇符 42
3.4.1 通配符與類型選擇符 42
3.4.2 類選擇符與ID選擇符 43
3.4.3 包含選擇符與群組選擇符 44
3.5 課堂綜合練習——使用CSS製作簡單網頁 45
3.5.1 布局分析 45
3.5.2 製作過程 46
3.6 課堂綜合實訓——使用CSS製作精美網頁 51
3.7 習題 52
第4章 網頁中文本與圖像的控制 54
4.1 文戒姜翻灑本控制 54
4.1.1 插入文本與特殊字元 54
4.1.2 創建超連結 55
4.1.3 CSS控制文本的常提諒鞏見屬性及其套用 59
4.2 圖像控制 63
4.2.1 插入圖像 63
4.2.2 設定圖像屬性 65
4.2.3 繪製熱點區域 65
4.2.4 插入滑鼠經過圖像 66
4.2.5 CSS控制圖像的常見屬性及其套用 67
4.3 圖文混排 72
4.4 課堂綜合練習——“健康養生網”首頁的製作 73
4.4.1 布局分析 73
4.4.2 製作過程 73
4.5 課堂綜合實訓——“餐飲項目網”的製作 77
4.6 習題 78
第5章 列表元素、CSS浮動和定位 79
5.1 列表元素 79
5.1.1 列表修飾符的類型 80
5.1.2 列表項圖像 81
5.1.3 縱向列表導航 83
5.2 CSS浮動 84
5.2.1 浮動的基本概念 84
5.2.2 浮動的實際套用 87
5.3 CSS定位 89
5.3.1 相對定位 90
5.3.2 絕對定位 91
5.3.3 相對定位與絕對定位的混合使用 92
5.4 課堂綜合練習——“牛仔褲專題網”的設計與製作 92
5.4.1 布局分析 92
5.4.2 製作過程 93
5.5 課堂綜合實訓——“宇澤通訊手機專賣網”的製作 96
5.6 習題 97
第6章 表格與表單 99
6.1 表格控制 99
6.1.1 表格的創建 99
6.1.2 表格的屬性設定 100
6.1.3 表格的基本操作 101
6.1.4 表格中常用的CSS屬性 106
6.1.5 隔行換色CSS表格 107
6.2 表單控制 110
6.2.1 創建表單域 110
6.2.2 插入多種表單對象 111
6.2.3 表單的美化——CSS登錄框的製作 116
6.3 課堂綜合練習——“宇澤品牌設計網”主頁的製作 117
6.3.1 布局分析 118
6.3.2 製作過程 118
6.4 課堂綜合實訓——“宇澤環保網”主頁的製作 124
6.5 習題 125
第7章 框架與模板 127
7.1 框架 127
7.1.1 框架的基本概念 127
7.1.2 框架的基本操作 128
7.1.3 框架的具體套用 131
7.2 模板 134
7.2.1 基本概念與基礎操作 134
7.2.2 利用模板快速創建頁面 135
7.2.3 模板的管理與分離 137
7.3 課堂綜合練習——“YUZE公司”網站的設計與製作 138
7.3.1 布局分析 138
7.3.2 製作過程 139
7.4 課堂綜合實訓——網站後台的設計與製作 146
7.5 習題 147
第8章 Photoshop CS5的基本操作 149
8.1 認識Photoshop 149
8.1.1 Photoshop概述與常見術語 149
8.1.2 Photoshop CS5工作界面 151
8.1.3 Photoshop CS5工具箱介紹 152
8.1.4 Photoshop CS5常用面板介紹 153
8.2 Photoshop CS5的常用工具與基本操作 154
8.2.1 新建與打開 154
8.2.2 選框工具組 155
8.2.3 套索工具組 156
8.2.4 魔棒工具 157
8.2.5 油漆桶工具 158
8.2.6 漸變工具 159
8.2.7 鋼筆與文字工具 161
8.3 圖層 163
8.3.1 創建與設定圖層 163
8.3.2 圖層樣式 164
8.4 蒙版 166
8.4.1 圖層蒙版 166
8.4.2 矢量蒙版 167
8.4.3 剪貼蒙版 168
8.5 課堂綜合練習——專題類網站的效果圖製作 169
8.6 課堂綜合實訓——“小鳥鑽石網”情人節活動頁面效果圖製作 172
8.7 習題 173
第9章 Photoshop CS5頁面設計 174
9.1 色彩的套用 174
9.1.1 相近色與對比色 174
9.1.2 色彩的選擇與搭配 175
9.2 網站Logo的設計與製作 176
9.2.1 Logo的設計要點 176
9.2.2 Logo的製作過程 177
9.3 導航欄的設計與製作 180
9.3.1 導航欄的設計風格 180
9.3.2 導航欄的製作過程 182
9.4 廣告位的設計與製作——GIF動畫 184
9.4.1 Photoshop中的動畫面板 185
9.4.2 GIF動畫的實現步驟 187
9.5 套用切片工具生成所需圖像 190
9.5.1 切片的工具 190
9.5.2 切片的方法 191
9.6 課堂綜合練習——“宇澤”首飾電子商務網站的效果圖製作 193
9.7 課堂綜合實訓——“上海天眾汽車用品”公司主頁效果圖製作 195
9.8 習題 195
第10章 Flash CS5的基本操作 197
10.1 認識Flash CS5 197
10.1.1 常見術語 197
10.1.2 Flash CS5工作界面 198
10.1.3 Flash CS5工具箱 198
10.1.4 Flash CS5常用面板介紹 199
10.2 Flash CS5的常用工具與基本操作 201
10.2.1 新建與打開 201
10.2.2 時間軸 203
10.2.3 場景和舞台 203
10.2.4 筆觸和填充 203
10.2.5 多角星形工具 205
10.2.6 元件 207
10.3 測試與發布 211
10.4 課堂綜合練習——製作橫嚮導航條 213
10.4.1 導航條簡介 213
10.4.2 製作過程 213
10.5 課堂綜合實訓——製作導航條 214
10.6 習題 215
第11章 Flash CS5動畫設計 216
11.1 逐幀動畫 216
11.2 補間動畫、傳統補間動畫與補間形狀動畫 218
11.2.1 補間動畫 218
11.2.2 什麼是傳統補間動畫 220
11.2.3 什麼是補間形狀動畫 222
11.3 引導層動畫與遮罩動畫 225
11.3.1 引導層動畫 225
11.3.2 遮罩動畫 227
11.4 ActionScript在Flash中的套用 228
11.4.1 ActionScript概述 228
11.4.2 使用AS製作網頁中圖片切換效果案例 232
11.5 課堂綜合練習——使用Flash製作廣告 234
11.5.1 任務分析 234
11.5.2 製作過程 235
11.6 課堂綜合實訓——製作“Come on”網購商城特價廣告 237
11.7 習題 239
第12章 綜合練習——“宇澤首飾電子購物網站”的製作 241
12.1 需求分析與布局分析 241
12.1.1 網站需求分析簡述 241
12.1.2 根據效果圖分析布局 242
12.2 實現過程 243
12.2.1 主頁的實現 244
12.2.2 檢索頁的實現 249
12.2.3 產品信息頁的實現 251
12.3 習題 253
3.3.1 CSS用來做什麼 35
3.3.2 如何創建CSS文檔 36
3.3.3 CSS的基本語法 37
3.3.4 常見的CSS樣式類型 38
3.3.5 CSS的盒模型 40
3.4 必須掌握的CSS選擇符 42
3.4.1 通配符與類型選擇符 42
3.4.2 類選擇符與ID選擇符 43
3.4.3 包含選擇符與群組選擇符 44
3.5 課堂綜合練習——使用CSS製作簡單網頁 45
3.5.1 布局分析 45
3.5.2 製作過程 46
3.6 課堂綜合實訓——使用CSS製作精美網頁 51
3.7 習題 52
第4章 網頁中文本與圖像的控制 54
4.1 文本控制 54
4.1.1 插入文本與特殊字元 54
4.1.2 創建超連結 55
4.1.3 CSS控制文本的常見屬性及其套用 59
4.2 圖像控制 63
4.2.1 插入圖像 63
4.2.2 設定圖像屬性 65
4.2.3 繪製熱點區域 65
4.2.4 插入滑鼠經過圖像 66
4.2.5 CSS控制圖像的常見屬性及其套用 67
4.3 圖文混排 72
4.4 課堂綜合練習——“健康養生網”首頁的製作 73
4.4.1 布局分析 73
4.4.2 製作過程 73
4.5 課堂綜合實訓——“餐飲項目網”的製作 77
4.6 習題 78
第5章 列表元素、CSS浮動和定位 79
5.1 列表元素 79
5.1.1 列表修飾符的類型 80
5.1.2 列表項圖像 81
5.1.3 縱向列表導航 83
5.2 CSS浮動 84
5.2.1 浮動的基本概念 84
5.2.2 浮動的實際套用 87
5.3 CSS定位 89
5.3.1 相對定位 90
5.3.2 絕對定位 91
5.3.3 相對定位與絕對定位的混合使用 92
5.4 課堂綜合練習——“牛仔褲專題網”的設計與製作 92
5.4.1 布局分析 92
5.4.2 製作過程 93
5.5 課堂綜合實訓——“宇澤通訊手機專賣網”的製作 96
5.6 習題 97
第6章 表格與表單 99
6.1 表格控制 99
6.1.1 表格的創建 99
6.1.2 表格的屬性設定 100
6.1.3 表格的基本操作 101
6.1.4 表格中常用的CSS屬性 106
6.1.5 隔行換色CSS表格 107
6.2 表單控制 110
6.2.1 創建表單域 110
6.2.2 插入多種表單對象 111
6.2.3 表單的美化——CSS登錄框的製作 116
6.3 課堂綜合練習——“宇澤品牌設計網”主頁的製作 117
6.3.1 布局分析 118
6.3.2 製作過程 118
6.4 課堂綜合實訓——“宇澤環保網”主頁的製作 124
6.5 習題 125
第7章 框架與模板 127
7.1 框架 127
7.1.1 框架的基本概念 127
7.1.2 框架的基本操作 128
7.1.3 框架的具體套用 131
7.2 模板 134
7.2.1 基本概念與基礎操作 134
7.2.2 利用模板快速創建頁面 135
7.2.3 模板的管理與分離 137
7.3 課堂綜合練習——“YUZE公司”網站的設計與製作 138
7.3.1 布局分析 138
7.3.2 製作過程 139
7.4 課堂綜合實訓——網站後台的設計與製作 146
7.5 習題 147
第8章 Photoshop CS5的基本操作 149
8.1 認識Photoshop 149
8.1.1 Photoshop概述與常見術語 149
8.1.2 Photoshop CS5工作界面 151
8.1.3 Photoshop CS5工具箱介紹 152
8.1.4 Photoshop CS5常用面板介紹 153
8.2 Photoshop CS5的常用工具與基本操作 154
8.2.1 新建與打開 154
8.2.2 選框工具組 155
8.2.3 套索工具組 156
8.2.4 魔棒工具 157
8.2.5 油漆桶工具 158
8.2.6 漸變工具 159
8.2.7 鋼筆與文字工具 161
8.3 圖層 163
8.3.1 創建與設定圖層 163
8.3.2 圖層樣式 164
8.4 蒙版 166
8.4.1 圖層蒙版 166
8.4.2 矢量蒙版 167
8.4.3 剪貼蒙版 168
8.5 課堂綜合練習——專題類網站的效果圖製作 169
8.6 課堂綜合實訓——“小鳥鑽石網”情人節活動頁面效果圖製作 172
8.7 習題 173
第9章 Photoshop CS5頁面設計 174
9.1 色彩的套用 174
9.1.1 相近色與對比色 174
9.1.2 色彩的選擇與搭配 175
9.2 網站Logo的設計與製作 176
9.2.1 Logo的設計要點 176
9.2.2 Logo的製作過程 177
9.3 導航欄的設計與製作 180
9.3.1 導航欄的設計風格 180
9.3.2 導航欄的製作過程 182
9.4 廣告位的設計與製作——GIF動畫 184
9.4.1 Photoshop中的動畫面板 185
9.4.2 GIF動畫的實現步驟 187
9.5 套用切片工具生成所需圖像 190
9.5.1 切片的工具 190
9.5.2 切片的方法 191
9.6 課堂綜合練習——“宇澤”首飾電子商務網站的效果圖製作 193
9.7 課堂綜合實訓——“上海天眾汽車用品”公司主頁效果圖製作 195
9.8 習題 195
第10章 Flash CS5的基本操作 197
10.1 認識Flash CS5 197
10.1.1 常見術語 197
10.1.2 Flash CS5工作界面 198
10.1.3 Flash CS5工具箱 198
10.1.4 Flash CS5常用面板介紹 199
10.2 Flash CS5的常用工具與基本操作 201
10.2.1 新建與打開 201
10.2.2 時間軸 203
10.2.3 場景和舞台 203
10.2.4 筆觸和填充 203
10.2.5 多角星形工具 205
10.2.6 元件 207
10.3 測試與發布 211
10.4 課堂綜合練習——製作橫嚮導航條 213
10.4.1 導航條簡介 213
10.4.2 製作過程 213
10.5 課堂綜合實訓——製作導航條 214
10.6 習題 215
第11章 Flash CS5動畫設計 216
11.1 逐幀動畫 216
11.2 補間動畫、傳統補間動畫與補間形狀動畫 218
11.2.1 補間動畫 218
11.2.2 什麼是傳統補間動畫 220
11.2.3 什麼是補間形狀動畫 222
11.3 引導層動畫與遮罩動畫 225
11.3.1 引導層動畫 225
11.3.2 遮罩動畫 227
11.4 ActionScript在Flash中的套用 228
11.4.1 ActionScript概述 228
11.4.2 使用AS製作網頁中圖片切換效果案例 232
11.5 課堂綜合練習——使用Flash製作廣告 234
11.5.1 任務分析 234
11.5.2 製作過程 235
11.6 課堂綜合實訓——製作“Come on”網購商城特價廣告 237
11.7 習題 239
第12章 綜合練習——“宇澤首飾電子購物網站”的製作 241
12.1 需求分析與布局分析 241
12.1.1 網站需求分析簡述 241
12.1.2 根據效果圖分析布局 242
12.2 實現過程 243
12.2.1 主頁的實現 244
12.2.2 檢索頁的實現 249
12.2.3 產品信息頁的實現 251
12.3 習題 253
