《中文版Dreamweaver+Flash+Photoshop CC網(wǎng)頁設計與制作從入門到精通(全彩版)》以目前新的CC版本為例,結合這3個軟件在網(wǎng)頁中的應用進行講解。全書共24章,主要包括網(wǎng)頁基礎知識、Dreamweaver CC的基本操作、美化網(wǎng)頁、頁面布局、表單和行為的應用、模板和庫、移動設備網(wǎng)頁和應用程序的創(chuàng)建、動態(tài)網(wǎng)站及網(wǎng)站維護、Flash CC基本操作、繪制與編輯圖形、文本與對象的編輯、元件與庫的使用、動畫和ActionScript、Photoshop CC基本操作、圖層和文本編輯、圖形繪制和調色、圖像優(yōu)化與輸出等內容。
本書知識講解由淺入深,將所有內容有效地分布在入門篇、實戰(zhàn)篇和精通篇中,書中包括了大量的實例操作及知識解析,配合光盤的視頻演示,讓學習變得輕松易學。
本書適合廣大網(wǎng)頁制作初學者,以及有一定網(wǎng)頁制作經(jīng)驗的讀者,可作為高等院校相關專業(yè)的學生和培訓機構學員的參考用書,同時也可供讀者自學使用。
中文版 Dreamweaver+Flash+Photoshop CC網(wǎng)頁設計與制作 從入門到精通(全彩版)
入門篇
Chapter 01 初識網(wǎng)頁制作..........................2
1.1 網(wǎng)頁基礎...........................................................3
1.1.1 網(wǎng)站和網(wǎng)頁的關系 ................................................3
1.1.2 網(wǎng)頁的構成要素 ....................................................3
1.1.3 網(wǎng)頁的分類 ............................................................4
1.1.4 屏幕分辨率和網(wǎng)頁編輯器 ....................................4
1.2 制作網(wǎng)站的基本流程.........................................5
1.2.1 網(wǎng)站策劃 ................................................................5
1.2.2 制作網(wǎng)站的準備工作 ............................................6
1.2.3 制作及上傳網(wǎng)站 ....................................................7
1.2.4 網(wǎng)站的更新與維護 ................................................7
1.3 了解Dreamweaver CC .....................................7
1.3.1 Dreamweaver CC簡介 ............................................7
1.3.2 Dreamweaver CC新增功能 ....................................7
1.3.3 啟動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)境設置 ..............................16
1.4.6 標尺、網(wǎng)格和輔助線的使用 ..............................18
1.5 制作網(wǎng)頁的常用軟件和語言 ............................18
1.5.1 網(wǎng)頁設計的常用軟件 ..........................................19
1.5.2 制作網(wǎng)頁的核心語言 ..........................................19
知識大爆炸——認識Dreamweaver的過去及安裝要求 ..................22
Chapter 02 快速掌握Dreamweaver CC .................24
2.1 創(chuàng)建與管理站點 ..............................................25
2.1.1 創(chuàng)建本地站點 ......................................................25
※ 實例操作:創(chuàng)建裝飾網(wǎng)站點....................................25
2.1.2 “管理站點”對話框 ..........................................26
2.1.3 管理站點 ..............................................................27
※ 實例操作:導出裝飾網(wǎng)站點....................................27
※ 實例操作:導入食品網(wǎng)站點....................................27
※ 實例操作:編輯食品網(wǎng)站點....................................28
※ 實例操作:復制和刪除美食天下站點....................29
2.1.4 站點的結構規(guī)劃 ..................................................30
※ 實例操作:創(chuàng)建文件夾及文件................................30
2.2 創(chuàng)建與編輯網(wǎng)頁 ..............................................31
2.2.1 創(chuàng)建網(wǎng)頁 ..............................................................31
※ 實例操作:新建一個空白網(wǎng)頁................................31
※ 實例操作:創(chuàng)建jQuery Mobile網(wǎng)頁 ........................33
2.2.2 打開與關閉網(wǎng)頁 ..................................................34
2.2.3 保存網(wǎng)頁 ..............................................................35
2.3 在網(wǎng)頁中添加文字內容 ...................................35
2.3.1 輸入文字 ..............................................................35
※ 實例操作:復制文字................................................36
2.3.2 添加空格、換行與分段 ......................................37
2.3.3 使用日期和水平線 ..............................................37
2.3.4 插入列表 ..............................................................39
2.3.5 設置文本屬性 ......................................................39
※ 實例操作:設置文本屬性........................................40
2.4 添加圖像豐富網(wǎng)頁 ..........................................41
2.4.1 常用的圖像類型 ..................................................42
2.4.2 在網(wǎng)頁中插入圖像 ..............................................42
※ 實例操作:插入圖像................................................42
2.4.3 設置圖像屬性 ......................................................43
2.4.4 插入鼠標經(jīng)過圖像 ..............................................45
※ 實例操作:設置鼠標經(jīng)過時變換的圖像................45
2.4.5 插入Fireworks HTML ..........................................46
2.5 為網(wǎng)頁添加多媒體文件 ...................................47
2.5.1 使用Edge Animate作品 ........................................47
※ 實例操作:插入Edge Animate動畫 .........................47
2.5.2 使用HTML5 Video文件 .......................................48
※ 實例操作:設置HTML5 Video的屬性 ....................49
2.5.3 HTML5 Audio的應用 ..........................................50
2.5.4 使用Flash SWF文件 .............................................51
※ 實例操作:插入Flash并設置屬性 ...........................51
2.5.5 插入并設置Flash Video .......................................53
※ 實例操作:插入并設置Flash Video屬性 ................53
2.5.6 使用插件 ..............................................................54
2.6 超鏈接的應用 .................................................55
2.6.1 認識超鏈接和路徑 ..............................................56
2.6.2 創(chuàng)建常見的超鏈接 ..............................................56
知識大爆炸——HTML的簡單應用以及SEO
優(yōu)化網(wǎng)頁圖像的技巧 ...................59
Chapter 03 使用CSS 樣式美化網(wǎng)頁 .......62
3.1 認識和應用CSS樣式 ......................................63
3.1.1 CSS概述 ...............................................................63
3.1.2 CSS樣式表的基本語法 .......................................64
3.1.3 認識CSS設計器 ...................................................64
3.1.4 創(chuàng)建樣式表 ..........................................................65
※ 實例操作:創(chuàng)建內部樣式........................................65
※ 實例操作:創(chuàng)建并鏈接外部樣式表........................67
3.2 使用豐富的CSS樣式 ......................................68
3.2.1 CSS的布局屬性 ...................................................68
3.2.2 CSS的文本屬性 ...................................................69
3.2.3 CSS的邊框屬性 ...................................................70
3.2.4 CSS的背景屬性 ...................................................71
3.2.5 其他CSS屬性 .......................................................72
3.3 CSS過渡效果的應用 ......................................73
3.3.1 新建CSS過渡效果 ...............................................73
※ 實例操作:新建CSS過渡效果 ................................73
3.3.2 編輯CSS過渡效果 ...............................................75
3.3.3 刪除CSS過渡效果 ...............................................75
知識大爆炸——CSS的特殊效果的應用 ...............75
Chapter 04 頁面布局 ...............................78
4.1 使用表格布局 .................................................79
4.1.1 制作表格 ..............................................................79
※ 實例操作:制作表格................................................79
4.1.2 表格的基本操作 ..................................................80
4.1.3 表格和單元格的屬性 ..........................................82
4.1.4 表格的嵌套使用 ..................................................83
※ 實例操作:創(chuàng)建Wedding.html網(wǎng)頁 .........................83
4.2 Div+CSS美化網(wǎng)頁 ..........................................86
4.2.1 Div+CSS概述 .......................................................86
4.2.2 使用Div元素 ........................................................86
※ 實例操作:使用Accordion創(chuàng)建網(wǎng)頁 .......................87
4.2.3 使用Div+CSS布局網(wǎng)頁 .......................................91
※ 實例操作:使用Div+CSS創(chuàng)建網(wǎng)頁 ........................91
4.3 框架布局.........................................................94
4.3.1 框架的簡介