Dreamweaver & Flash & Photoshop網頁設計基礎與實例教程

《Dreamweaver & Flash & Photoshop網頁設計基礎與實例教程(職業白金版)》通過“理論+實例”的方式,為讀者介紹了90多個套用技巧點撥、100多個經典專家提醒、170多個典型技能案例、300多分鐘語音教學視頻,以及1 100多張圖片講解,幫助讀者從入門到精通地學習網頁製作,快速從新手成為網頁製作高手。

內容簡介

《Dreamweaver & Flash & Photoshop網頁設計基礎與實例教程(職業白金版)》通過“理論+實例”的方式,為讀者介紹了90多個套用技巧點撥、100多個經典專家提醒、170多個典型技能案例、300多分鐘語音教學視頻,以及1 100多張圖片講解,幫助讀者從入門到精通地學習網頁製作,快速從新手成為網頁製作高手。

全書共分為11章,內容包括:網頁製作核心快速入門,Dreamweaver基本操作,運用表格與框架製作網頁,運用CSS和行為製作網頁,Flash動畫基本操作,運用元件、實例和庫,製作Flash動畫效果,Photoshop基本操作,運用修飾工具調整圖像,運用高級功能美化圖及綜合實戰。其中,第11章通過一個網站實例講解了綜合使用網頁三劍客軟體設計網頁的方法和技巧。

《Dreamweaver & Flash & Photoshop網頁設計基礎與實例教程(職業白金版)》結構清晰,語言簡潔,實例豐富,版式精美。

目錄

《dreamweaver & flash & photoshop網頁設計基礎與實例教程(職業白金版)》

第1章 網頁製作核心快速入門 1

1.1 網頁的基本常識 2

1.1.1 網站的概念 2

1.1.2 網頁的概念 2

1.1.3 html的組成及語法 3

1.1.4 網頁設計的基本原則 4

1.2 網頁的基本組成元素 6

1.3 網頁設計基礎知識 9

1.3.1 矢量圖和點陣圖 10

1.3.2 網頁圖像格式 11

1.3.3 網頁色彩設計 13

1.3.4 網頁背景與文字 13

1.3.5 網頁圖像與動畫 14

1.3.6 網頁布局風格 15

1.3.7 網頁著作權 17

1.4 網頁製作軟體 17

1.4.1 熟悉dreamweaver網頁製作核心功能 17

1.4.2 熟悉flash網頁製作核心功能 18

1.4.3 熟悉photoshop網頁製作核心功能 19

1.5 網頁的整體製作流程 20

1.5.1 收集資料 20

1.5.2 規劃站點 21

1.5.3 製作網頁 22

1.5.4 測試站點 23

1.5.5 發布站點 23

1.5.6 維護站點 24

1.6 本章小結 24

1.7 習題測試 25

1.8 本書知識體系概覽 26

第2章 dreamweaver基本操作 27

2.1 dreamweaver cs5的操作界面 28

2.1.1 選單欄 28

2.1.2 “屬性”面板 29

2.1.3 “文檔”工具列 30

2.1.4 “插入”面板 31

2.1.5 浮動面板 33

2.2 創建網頁站點 34

2.2.1 新建站點 34

2.2.2 管理站點資源 36

2.3 添加與設定文本 37

實戰範例——在網頁中添加文本 37

實戰範例——設定文本字型類型 39

實戰範例——設定文本的大小 40

實戰範例——設定文本的顏色 41

2.4 插入圖片和動畫 42

實戰範例——插入圖片 42

實戰範例——插入動畫 44

2.5 插入其他網頁元素 46

實戰範例——插入日期 46

實戰範例——插入水平線 47

實戰範例——插入特殊字元 48

實戰範例——插入背景音樂 48

實戰範例——插入各種表單 50

2.6 創建網頁連結 53

實戰範例——創建文本和圖像連結 54

實戰範例——創建熱點連結 55

實戰範例——創建e-mail連結 56

實戰範例——創建錨點連結 57

實戰範例——創建腳本連結 59

實戰範例——創建檔案下載連結 60

2.7 本章小結 61

2.8 習題測試 61

第3章 運用表格與框架製作網頁 63

3.1 插入並設定表格 64

3.1.1 選取整個表格 64

3.1.2 選取整行 65

3.1.3 選取整列 66

3.1.4 選取單元格 66

實戰範例——插入表格的方法 67

實戰範例——設定表格的屬性 68

實戰範例——設定單元格的屬性 69

3.2 表格的常用操作 70

實戰範例——拆分單元格 70

實戰範例——合併單元格 71

實戰範例——ap div與表格的互換 72

實戰範例——調整表格高度和寬度 73

實戰範例——添加或刪除行或列 74

實戰範例——剪下、複製和貼上單元格 76

3.3 運用框架創建網頁 77

實戰範例——創建框架集 77

實戰範例——創建自定義框架 78

實戰範例——創建嵌套框架 79

3.4 框架及框架集常用操作 81

3.4.1 選擇框架和框架集 81

3.4.2 保存框架和框架集 82

3.4.3 刪除框架和框架集 83

3.5 設定框架及框架集的屬性 84

實戰範例——設定框架的屬性 84

實戰範例——設定框架集的屬性 85

實戰範例——設定框架集的網頁標題 86

實戰範例——使用連結控制框架的內容 87

實戰範例——為不支持框架的網頁設定內容 88

實戰範例——創建浮動框架網頁 89

3.6 本章小結 91

3.7 習題測試 91

第4章 運用css和行為製作網頁 93

4.1 認識css樣式表 94

4.1.1 css樣式表簡介 94

實戰範例——創建css樣式表 95

4.1.2 設定類型樣式屬性 98

4.1.3 設定背景樣式屬性 98

4.1.4 設定區塊樣式屬性 99

4.1.5 設定方框樣式屬性 100

4.1.6 設定框線樣式屬性 101

4.1.7 設定列表樣式屬性 101

4.1.8 設定定位樣式屬性 102

4.1.9 設定擴展樣式屬性 103

4.2 使用css樣式表 103

實戰範例——外聯樣式表 103

實戰範例——內嵌樣式表 105

實戰範例——套用css創建導航條 106

實戰範例——編輯css樣式表 107

實戰範例——刪除css樣式表 108

實戰範例——使用css濾鏡 110

4.3 設定瀏覽器環境 111

實戰範例——檢查表單 111

實戰範例——轉到url網頁 113

實戰範例——打開瀏覽器視窗 115

4.4 設定圖像的動作 116

實戰範例——交換與恢復交換圖像 117

實戰範例——預先載入圖像 118

4.5 設定文本和效果 119

實戰範例——擠壓效果 119

實戰範例——晃動效果 120

實戰範例——增大/收縮效果 121

實戰範例——設定狀態欄文本 122

實戰範例——設定容器中的文本 123

實戰範例——設定框架文本 124

4.6 本章小結 125

4.7 習題測試 126

第5章 flash動畫基本操作 127

5.1 了解flash cs5.5操作界面 128

5.1.1 選單欄 128

5.1.2 工具箱 129

5.1.3 時間軸 129

5.1.4 面板組 130

5.1.5 “屬性”面板 131

5.1.6 舞台 131

5.2 文本工具的基本使用 132

實戰範例——創建靜態文本 132

實戰範例——創建動態文本 133

實戰範例——創建輸入文本 134

實戰範例——創建陰影文字 135

實戰範例——創建多彩文字 137

5.3 繪製圖形對象 138

實戰範例——線條工具 138

實戰範例——鉛筆工具 140

實戰範例——鋼筆工具 141

實戰範例——橢圓工具 142

實戰範例——矩形工具 144

實戰範例——多角星形工具 145

5.4 填充圖形對象 146

實戰範例——顏料桶工具 146

實戰範例——墨水瓶工具 148

實戰範例——滴管工具 149

實戰範例——刷子工具 150

實戰範例——漸變變形工具 151

5.5 編輯圖形對象 152

實戰範例——選擇工具 152

實戰範例——套索工具 153

實戰範例——任意變形工具 154

5.6 本章小結 155

5.7 習題測試 155

第6章 運用元件、實例和庫 157

6.1 運用flash元件 158

實戰範例——創建圖形元件 159

實戰範例——創建按鈕元件 160

實戰範例——將圖形轉換為元件 163

實戰範例——在不同模式下編輯元件 164

實戰範例——複製與刪除元件 165

6.2 實例的套用 166

實戰範例——創建實例 166

實戰範例——複製實例 167

實戰範例——交換元件實例 168

實戰範例——調整實例的亮度 169

實戰範例——調整實例的色調 170

實戰範例——調整實例的alpha值 171

實戰範例——調整實例的高級值 172

實戰範例——修改實例的類型 174

實戰範例——分離實例 174

實戰範例——查看實例信息 175

6.3 庫的套用 176

實戰範例——編輯元件 177

實戰範例——編輯聲音 179

實戰範例——編輯點陣圖 179

實戰範例——管理庫項目 181

實戰範例——調用其他庫元件 182

實戰範例——實時共享庫資源 183

實戰範例——使用共享替換元件 186

6.4 本章小結 187

6.5 習題測試 187

第7章 製作flash動畫效果 189

7.1 創建基本flash動畫 190

實戰範例——創建逐幀動畫 190

實戰範例——導入逐幀動畫 192

實戰範例——創建單個引導動畫 194

實戰範例——創建多個引導動畫 196

實戰範例——創建形狀漸變動畫 199

實戰範例——創建動作漸變動畫 200

實戰範例——創建遮罩層動畫 201

實戰範例——創建被遮罩層動畫 203

7.2 製作按鈕特效 205

實戰範例——製作隱形按鈕 205

實戰範例——製作立體按鈕 207

7.3 製作連結效果 209

實戰範例——創建文本連結 209

實戰範例——創建郵件連結 211

7.4 使用actionscript製作互動網頁動畫 211

實戰範例——創建跳轉網頁 212

實戰範例——製作個性化滑鼠 214

實戰範例——製作動態網頁 217

實戰範例——製作網頁特效 220

7.5 本章小結 222

7.6 習題測試 223

第8章 photoshop基本操作 225

8.1 了解photoshop工作界面 226

8.1.1 標題欄 226

8.1.2 選單欄 227

8.1.3 工具箱 227

8.1.4 狀態欄 227

8.1.5 浮動面板 228

8.1.6 工具屬性欄 229

8.1.7 圖像編輯視窗 229

8.2 調整網頁圖像檔案 230

實戰範例——調整圖像大小 230

實戰範例——使用色階命令美化圖像 231

實戰範例——使用曲線命令美化圖像 232

實戰範例——調整圖像的亮度和對比度 233

實戰範例——調整圖像的色相與飽和度 234

8.3 創建網頁圖像選區 235

實戰範例——創建幾何選區 235

實戰範例——創建不規則的選區 236

實戰範例——創建隨意的選區 238

實戰範例——創建顏色選區 239

8.4 設定網頁圖像的顏色 240

實戰範例——設定前景色 240

實戰範例——設定背景色 241

實戰範例——運用選單命令填充顏色 243

實戰範例——使用“油漆桶工具”填充顏色 244

實戰範例——使用“漸變工具”設定顏色 245

8.5 編輯網頁圖像文本 246

實戰範例——輸入橫排文字 247

實戰範例——輸入直排文字 248

實戰範例——設定文本格式 249

實戰範例——設定變形文字 250

8.6 本章小結 251

8.7 習題測試 251

第9章 運用修飾工具調整圖像 253

9.1 使用網頁輔助工具 254

實戰範例——套用標尺 254

實戰範例——套用格線 255

實戰範例——套用參考線 256

實戰範例——套用注釋工具 258

實戰範例——套用標尺工具 258

9.2 編輯網頁圖像選區 259

實戰範例——羽化選區 259

實戰範例——變換選區 261

實戰範例——描邊選區 262

實戰範例——填充選區 264

9.3 變換和翻轉圖像 265

實戰範例——旋轉或縮放圖像 265

實戰範例——水平翻轉圖像 266

實戰範例——垂直翻轉圖像 267

實戰範例——斜切網頁圖像 268

實戰範例——扭曲網頁圖像 268

實戰範例——透視網頁圖像 269

實戰範例——變形網頁圖像 270

實戰範例——重複上次變換 271

9.4 裁剪網頁圖像 272

實戰範例——運用工具裁剪圖像 273

實戰範例——運用命令裁切圖像 274

實戰範例——精確裁剪網頁圖像 275

9.5 常用的修飾與調整工具 276

9.5.1 修飾類工具 276

9.5.2 擦除類工具 277

9.5.3 圖章類工具 278

9.5.4 修復類工具 280

9.6 本章小結 281

9.7 習題測試 282

第10章 運用高級功能美化圖像 283

10.1 繪製與編輯路徑 284

實戰範例——繪製線性路徑 284

實戰範例——繪製矩形路徑 285

實戰範例——繪製圓角路徑 286

實戰範例——繪製多邊路徑 287

實戰範例——製作網站標誌 288

10.2 創建與管理圖層 290

實戰範例——新建圖層/圖層組 291

實戰範例——複製和刪除圖層 293

實戰範例——選擇和移動圖層 294

實戰範例——設定圖層樣式 296

實戰範例——設定圖層混合模式 297

實戰範例——製作網站導航欄 298

實戰範例——製作浮雕文字 300

10.3 濾鏡的套用 302

10.3.1 濾鏡的使用方法 302

10.3.2 高斯模糊和動感模糊效果 303

10.3.3 切變和極坐標效果 304

10.3.4 光照效果和鏡頭光暈效果 305

10.3.5 馬賽克和晶格化效果 305

10.3.6 素描、紋理及藝術效果 306

10.4 切片的套用 306

實戰範例——創建切片 307

實戰範例——編輯切片 308

實戰範例——最佳化和輸出切片 309

實戰範例——設計網站主頁 310

實戰範例——切割輸出網站主頁 314

10.5 本章小結 315

10.6 習題測試 316

第11章 綜合實戰——《每購》團購網 317

11.1 網站規劃 318

11.1.1 確定網站主題 318

11.1.2 設計網站版式 318

11.2 設計網站的圖像 319

實戰案例——設計網站logo 319

實戰案例——設計網站導航條 322

11.3 設計網站的動畫 325

實戰案例——製作圖片動畫 325

實戰案例——製作文字動畫 328

11.4 製作與布局網頁 332

實戰案例——製作頁眉和導航區 332

實戰案例——製作內容與著作權區 336

實戰案例——製作子頁和超連結 339

11.5 測試網站 344

實戰案例——測試網站的兼容性 345

實戰案例——測試網站的連結性 346

11.6 本章小結 347

11.7 習題測試 347

前言

軟體簡介

本書立足於Dreamweaver、Flash和Photoshop這3款軟體的實際操作及行業套用,完全從一個初學者的角度出發,循序漸進地講解各個核心知識點,並通過大量行業實例的演練讓讀者在最短的時間內精通網頁設計。

本書特色

1.11大核心技術精解

本書體系結構完整,由淺入深地對網頁製作進行了11章專題講解,使讀者能夠熟練掌握Dreamweaver、Flash和Photoshop這3個軟體,精通網頁製作與設計。

2.90多個套用技巧點撥

作者在編寫時,將平時工作中總結的創建模型的實戰技巧與設計經驗毫無保留地奉獻給讀者,不僅大大豐富和提高了本書的含金量,更方便讀者提升自己的實戰技巧與經驗,從而提高學習與工作效率。

3.100多個經典專家提醒

作者在編寫時,將平時在進行網頁設計實踐操作中所積累的各種經驗通過專家提醒的方式進行放送,讓讀者舉一反三,從而學到更多的設計方法。

4.170多個典型技能案例

本書是操作性極強的技能實例手冊,書中共包括170多個實例,讀者可以理論結合案例,通過實戰演練逐步掌握這些軟體的核心技能與操作技巧。

5.300多分鐘視頻演示

書中170多個技能實例全部錄製了帶語音講解的演示視頻,時間長達300多分鐘,重現書中所有技能實例的操作,讀者可以邊看邊動手練習。

6.1 100多張圖片全程圖解

本書採用了1 100多張圖片對各類軟體的技術與實例進行了全程式圖解,使實例的內容變得更通俗易懂,讓讀者一目了然,快速領會各個操作要點。

內容編排

全書共分為11章,具體內容如下。

1.第1章 網頁製作核心快速入門

第1章講解了網頁的基本常識、網頁的基本組成元素、網頁製作軟體,以及網站的製作流程等內容,完全從入門起步,慢慢了解網頁製作的原理及步驟。

2.第2~4章 Dreamweaver網頁整體架構

第2~4章講述了Dreamweaver CS5基本操作、運用表格和框架製作網頁,以及運用CSS和行為製作網頁等內容,讓讀者熟悉網頁中各種元素的處理方法。

3.第5~7章 Flash網頁動畫製作

第5~7章講述了Flash CS5.5動畫基本操作、運用元件、實例和庫,以及製作Flash網頁動畫效果等內容,並通過大量相關案例來鞏固所學的理論知識。

4.第8~10章Photoshop網頁圖片處理

第8~10章講述了Photoshop CS5基本操作、運用修飾工具調整圖像,以及運用高級功能美化圖像等內容,幫助讀者編輯各種精美的網頁圖像效果。

5.第11章 綜合實戰——《每購》團購網

本章以非常流行的團購網站《每購》為例,講解運用Photoshop CS5、Flash CS5.5與DreamweaverCS5製作網頁相關元素的方法,全面介紹了這3款軟體的相互協作功能,通過發揮各自的優勢,製作出精美、大氣、富有內涵的網頁效果。

光碟內容

本書附帶的光碟包含兩大部分內容:一是各章節實戰範例的語音教學視頻,重現書中所有實例的操作過程;二是書中有關實例的素材及效果的源檔案。

適合對象

本書專為網頁設計初、中級讀者編寫,適合以下讀者學習使用。

(1)各類計算機培訓中心及大中專院校相關專業的學生。

(2)想要學習Dreamweaver CS5、Flash CS5.5和Photoshop CS5的初、中級讀者。

(3)網頁設計人員、圖像處理類與動畫製作人員等。

請使用手機"掃一掃"x

相關詞條

相關搜尋

熱門詞條

聯絡我們