中文版Dreamweaver+Flash+Photoshop CC網(wǎng)頁(yè)設(shè)計(jì)與制作從入門到精通（全彩版）

中文版 Dreamweaver+Flash+Photoshop CC網(wǎng)頁(yè)設(shè)計(jì)與制作 從入門到精通（全彩版）
入門篇
Chapter 01 初識(shí)網(wǎng)頁(yè)制作..........................2
1.1 網(wǎng)頁(yè)基礎(chǔ)...........................................................3
1.1.1 網(wǎng)站和網(wǎng)頁(yè)的關(guān)系 ................................................3
1.1.2 網(wǎng)頁(yè)的構(gòu)成要素 ....................................................3
1.1.3 網(wǎng)頁(yè)的分類 ............................................................4
1.1.4 屏幕分辨率和網(wǎng)頁(yè)編輯器 ....................................4
1.2 制作網(wǎng)站的基本流程.........................................5
1.2.1 網(wǎng)站策劃 ................................................................5
1.2.2 制作網(wǎng)站的準(zhǔn)備工作 ............................................6
1.2.3 制作及上傳網(wǎng)站 ....................................................7
1.2.4 網(wǎng)站的更新與維護(hù) ................................................7
1.3 了解Dreamweaver CC .....................................7
1.3.1 Dreamweaver CC簡(jiǎn)介 ............................................7
1.3.2 Dreamweaver CC新增功能 ....................................7
1.3.3 啟動(dòng)Dreamweaver CC ............................................9
1.3.4 退出Dreamweaver CC ..........................................10
1.3.5 Dreamweaver CC視圖模式 ..................................10
1.3.6 代碼工具欄 ..........................................................12
1.4 Dreamweaver CC的工作界面 ........................12
1.4.1 菜單欄 ..................................................................13
1.4.2 文檔窗口 ..............................................................15
1.4.3 面板組 ..................................................................15
1.4.4 “屬性”面板 ......................................................16
1.4.5 Dreamweaver CC的環(huán)境設(shè)置 ..............................16
1.4.6 標(biāo)尺、網(wǎng)格和輔助線的使用 ..............................18
1.5 制作網(wǎng)頁(yè)的常用軟件和語(yǔ)言 ............................18
1.5.1 網(wǎng)頁(yè)設(shè)計(jì)的常用軟件 ..........................................19
1.5.2 制作網(wǎng)頁(yè)的核心語(yǔ)言 ..........................................19
知識(shí)大爆炸——認(rèn)識(shí)Dreamweaver的過(guò)去及安裝要求 ..................22
Chapter 02 快速掌握Dreamweaver CC .................24
2.1 創(chuàng)建與管理站點(diǎn) ..............................................25
2.1.1 創(chuàng)建本地站點(diǎn) ......................................................25
※ 實(shí)例操作：創(chuàng)建裝飾網(wǎng)站點(diǎn)....................................25
2.1.2 “管理站點(diǎn)”對(duì)話框 ..........................................26
2.1.3 管理站點(diǎn) ..............................................................27
※ 實(shí)例操作：導(dǎo)出裝飾網(wǎng)站點(diǎn)....................................27
※ 實(shí)例操作：導(dǎo)入食品網(wǎng)站點(diǎn)....................................27
※ 實(shí)例操作：編輯食品網(wǎng)站點(diǎn)....................................28
※ 實(shí)例操作：復(fù)制和刪除美食天下站點(diǎn)....................29
2.1.4 站點(diǎn)的結(jié)構(gòu)規(guī)劃 ..................................................30
※ 實(shí)例操作：創(chuàng)建文件夾及文件................................30
2.2 創(chuàng)建與編輯網(wǎng)頁(yè) ..............................................31
2.2.1 創(chuàng)建網(wǎng)頁(yè) ..............................................................31
※ 實(shí)例操作：新建一個(gè)空白網(wǎng)頁(yè)................................31
※ 實(shí)例操作：創(chuàng)建jQuery Mobile網(wǎng)頁(yè) ........................33
2.2.2 打開(kāi)與關(guān)閉網(wǎng)頁(yè) ..................................................34
2.2.3 保存網(wǎng)頁(yè) ..............................................................35
2.3 在網(wǎng)頁(yè)中添加文字內(nèi)容 ...................................35
2.3.1 輸入文字 ..............................................................35
※ 實(shí)例操作：復(fù)制文字................................................36
2.3.2 添加空格、換行與分段 ......................................37
2.3.3 使用日期和水平線 ..............................................37
2.3.4 插入列表 ..............................................................39
2.3.5 設(shè)置文本屬性 ......................................................39
※ 實(shí)例操作：設(shè)置文本屬性........................................40
2.4 添加圖像豐富網(wǎng)頁(yè) ..........................................41
2.4.1 常用的圖像類型 ..................................................42
2.4.2 在網(wǎng)頁(yè)中插入圖像 ..............................................42
※ 實(shí)例操作：插入圖像................................................42
2.4.3 設(shè)置圖像屬性 ......................................................43
2.4.4 插入鼠標(biāo)經(jīng)過(guò)圖像 ..............................................45
※ 實(shí)例操作：設(shè)置鼠標(biāo)經(jīng)過(guò)時(shí)變換的圖像................45
2.4.5 插入Fireworks HTML ..........................................46
2.5 為網(wǎng)頁(yè)添加多媒體文件 ...................................47
2.5.1 使用Edge Animate作品 ........................................47
※ 實(shí)例操作：插入Edge Animate動(dòng)畫(huà) .........................47
2.5.2 使用HTML5 Video文件 .......................................48
※ 實(shí)例操作：設(shè)置HTML5 Video的屬性 ....................49
2.5.3 HTML5 Audio的應(yīng)用 ..........................................50
2.5.4 使用Flash SWF文件 .............................................51
※ 實(shí)例操作：插入Flash并設(shè)置屬性 ...........................51
2.5.5 插入并設(shè)置Flash Video .......................................53
※ 實(shí)例操作：插入并設(shè)置Flash Video屬性 ................53
2.5.6 使用插件 ..............................................................54
2.6 超鏈接的應(yīng)用 .................................................55
2.6.1 認(rèn)識(shí)超鏈接和路徑 ..............................................56
2.6.2 創(chuàng)建常見(jiàn)的超鏈接 ..............................................56
知識(shí)大爆炸——HTML的簡(jiǎn)單應(yīng)用以及SEO
優(yōu)化網(wǎng)頁(yè)圖像的技巧 ...................59
Chapter 03 使用CSS 樣式美化網(wǎng)頁(yè) .......62
3.1 認(rèn)識(shí)和應(yīng)用CSS樣式 ......................................63
3.1.1 CSS概述 ...............................................................63
3.1.2 CSS樣式表的基本語(yǔ)法 .......................................64
3.1.3 認(rèn)識(shí)CSS設(shè)計(jì)器 ...................................................64
3.1.4 創(chuàng)建樣式表 ..........................................................65
※ 實(shí)例操作：創(chuàng)建內(nèi)部樣式........................................65
※ 實(shí)例操作：創(chuàng)建并鏈接外部樣式表........................67
3.2 使用豐富的CSS樣式 ......................................68
3.2.1 CSS的布局屬性 ...................................................68
3.2.2 CSS的文本屬性 ...................................................69
3.2.3 CSS的邊框?qū)傩?...................................................70
3.2.4 CSS的背景屬性 ...................................................71
3.2.5 其他CSS屬性 .......................................................72
3.3 CSS過(guò)渡效果的應(yīng)用 ......................................73
3.3.1 新建CSS過(guò)渡效果 ...............................................73
※ 實(shí)例操作：新建CSS過(guò)渡效果 ................................73
3.3.2 編輯CSS過(guò)渡效果 ...............................................75
3.3.3 刪除CSS過(guò)渡效果 ...............................................75
知識(shí)大爆炸——CSS的特殊效果的應(yīng)用 ...............75
Chapter 04 頁(yè)面布局 ...............................78
4.1 使用表格布局 .................................................79
4.1.1 制作表格 ..............................................................79
※ 實(shí)例操作：制作表格................................................79
4.1.2 表格的基本操作 ..................................................80
4.1.3 表格和單元格的屬性 ..........................................82
4.1.4 表格的嵌套使用 ..................................................83
※ 實(shí)例操作：創(chuàng)建Wedding.html網(wǎng)頁(yè) .........................83
4.2 Div+CSS美化網(wǎng)頁(yè) ..........................................86
4.2.1 Div+CSS概述 .......................................................86
4.2.2 使用Div元素 ........................................................86
※ 實(shí)例操作：使用Accordion創(chuàng)建網(wǎng)頁(yè) .......................87
4.2.3 使用Div+CSS布局網(wǎng)頁(yè) .......................................91
※ 實(shí)例操作：使用Div+CSS創(chuàng)建網(wǎng)頁(yè) ........................91
4.3 框架布局.........................................................94
4.3.1 框架的簡(jiǎn)介