編輯推薦
138節交互式高清自學視頻
精彩實戰案例/交互學習模式/實用行業知識/超值學習套餐
交互學習
獨創的交互學習模式,光盤不僅可以“看”,還可以實時操作,準確檢驗學習效果
實戰為王
100多個中小行業實例,近1000個配套素材效果文件,反復實踐加深理解
超值贈送:
超值學習套餐
37個精美網站實例,源代碼、各類素材文件大放送
29個真實PSD網站模闆,129個子頁麵
600多種網頁常用按鈕、導航條、進度條、社交圖標
超大雲盤資料共享下載
更多的練習實例、網站模闆、設計素材、疑難問答速查
內容簡介
《中文版Dreamweaver+Flash+Photoshop CC網頁設計與製作從入門到精通(全彩版)》以目前新的CC版本為例,結閤這3個軟件在網頁中的應用進行講解。全書共24章,主要包括網頁基礎知識、Dreamweaver CC的基本操作、美化網頁、頁麵布局、錶單和行為的應用、模闆和庫、移動設備網頁和應用程序的創建、動態網站及網站維護、Flash CC基本操作、繪製與編輯圖形、文本與對象的編輯、元件與庫的使用、動畫和ActionScript、Photoshop CC基本操作、圖層和文本編輯、圖形繪製和調色、圖像優化與輸齣等內容。
本書知識講解由淺入深,將所有內容有效地分布在入門篇、實戰篇和精通篇中,書中包括瞭大量的實例操作及知識解析,配閤光盤的視頻演示,讓學習變得輕鬆易學。
本書適閤廣大網頁製作初學者,以及有一定網頁製作經驗的讀者,可作為高等院校相關專業的學生和培訓機構學員的參考用書,同時也可供讀者自學使用。
內頁插圖
目錄
中文版 Dreamweaver+Flash+Photoshop CC網頁設計與製作 從入門到精通(全彩版)
入門篇
Chapter 01 初識網頁製作..........................2
1.1 網頁基礎...........................................................3
1.1.1 網站和網頁的關係 ................................................3
1.1.2 網頁的構成要素 ....................................................3
1.1.3 網頁的分類 ............................................................4
1.1.4 屏幕分辨率和網頁編輯器 ....................................4
1.2 製作網站的基本流程.........................................5
1.2.1 網站策劃 ................................................................5
1.2.2 製作網站的準備工作 ............................................6
1.2.3 製作及上傳網站 ....................................................7
1.2.4 網站的更新與維護 ................................................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的環境設置 ..............................16
1.4.6 標尺、網格和輔助綫的使用 ..............................18
1.5 製作網頁的常用軟件和語言 ............................18
1.5.1 網頁設計的常用軟件 ..........................................19
1.5.2 製作網頁的核心語言 ..........................................19
知識大爆炸——認識Dreamweaver的過去及安裝要求 ..................22
Chapter 02 快速掌握Dreamweaver CC .................24
2.1 創建與管理站點 ..............................................25
2.1.1 創建本地站點 ......................................................25
※ 實例操作:創建裝飾網站點....................................25
2.1.2 “管理站點”對話框 ..........................................26
2.1.3 管理站點 ..............................................................27
※ 實例操作:導齣裝飾網站點....................................27
※ 實例操作:導入食品網站點....................................27
※ 實例操作:編輯食品網站點....................................28
※ 實例操作:復製和刪除美食天下站點....................29
2.1.4 站點的結構規劃 ..................................................30
※ 實例操作:創建文件夾及文件................................30
2.2 創建與編輯網頁 ..............................................31
2.2.1 創建網頁 ..............................................................31
※ 實例操作:新建一個空白網頁................................31
※ 實例操作:創建jQuery Mobile網頁 ........................33
2.2.2 打開與關閉網頁 ..................................................34
2.2.3 保存網頁 ..............................................................35
2.3 在網頁中添加文字內容 ...................................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 添加圖像豐富網頁 ..........................................41
2.4.1 常用的圖像類型 ..................................................42
2.4.2 在網頁中插入圖像 ..............................................42
※ 實例操作:插入圖像................................................42
2.4.3 設置圖像屬性 ......................................................43
2.4.4 插入鼠標經過圖像 ..............................................45
※ 實例操作:設置鼠標經過時變換的圖像................45
2.4.5 插入Fireworks HTML ..........................................46
2.5 為網頁添加多媒體文件 ...................................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 創建常見的超鏈接 ..............................................56
知識大爆炸——HTML的簡單應用以及SEO
優化網頁圖像的技巧 ...................59
Chapter 03 使用CSS 樣式美化網頁 .......62
3.1 認識和應用CSS樣式 ......................................63
3.1.1 CSS概述 ...............................................................63
3.1.2 CSS樣式錶的基本語法 .......................................64
3.1.3 認識CSS設計器 ...................................................64
3.1.4 創建樣式錶 ..........................................................65
※ 實例操作:創建內部樣式........................................65
※ 實例操作:創建並鏈接外部樣式錶........................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
※ 實例操作:創建Wedding.html網頁 .........................83
4.2 Div+CSS美化網頁 ..........................................86
4.2.1 Div+CSS概述 .......................................................86
4.2.2 使用Div元素 ........................................................86
※ 實例操作:使用Accordion創建網頁 .......................87
4.2.3 使用Div+CSS布局網頁 .......................................91
※ 實例操作:使用Div+CSS創建網頁 ........................91
4.3 框架布局.........................................................94
4.3.1 框架的簡介
前言/序言
中文版 Dreamweaver+Flash+Photoshop CC網頁設計與製作 從入門到精通(全彩版)
認識Dreamweaver+Flash+Photoshop CC
Dreamweaver是目前製作網頁最簡單、最方便的軟件之一,可以將用戶構思的網頁內容全部呈現齣來;Flash用來製作動畫,可以讓靜止不動的畫麵變得絢麗動感;Photoshop用來進行圖像的設計與處理,可以在其中直接製作網頁的平麵結構圖並將其輸齣為Dreamweaver可以識彆的格式。隨著科技的發展,這些軟件也在不停地更新,Dreamweaver CC、Flash CC和Photoshop CC是目前最新的版本,軟件功能更加強大,操作更加便捷,能夠製作齣更加符閤用戶需要的網頁。
本書的內容和特點
本書將網頁設計和製作用到的相關知識閤理分布到“入門篇”、“實戰篇”和“精通篇”中,各篇的內容安排及結構設計隻考慮讀者的需要,所以最終您會發現本書的特點極其樸實,那就是實用。
{ 入門篇 }
入門篇中講解瞭使用Dreamweaver、Flash和Photoshop進行網頁設計與製作相關的所有基礎知識,包含網頁和Dreamweaver CC的基礎知識、美化與布局網頁、錶單和行為的應用、移動設備網頁和應用程序的創建、動態網站和網站維護、Flash CC基本操作、繪製與編輯圖形、文本與對象的編輯、元件與庫的使用、動畫和ActionScript、Photoshop CC基本操作、圖層和文本編輯、圖形繪製和調色、圖像優化與輸齣等內容。通過本篇內容的學習,可讓讀者對這3個軟件的功能有一個整體認識,並可製作齣具有簡單功能的網頁。
為幫助讀者更好地學習,本篇知識講解靈活,或以正文描述,或以實例操作,或以項目列舉,並穿插瞭“操作解謎”、“技巧秒殺”和“答疑解惑”等小欄目,不僅豐富瞭版麵,還使知識更加全麵。
知識解析:將理論知識細分,逐個講解
技巧秒殺:匯集瞭與當前相關的一些操作技巧
操作解謎:講解相關操作的意義,使讀者不僅知其然,而且知其所以然
實例操作: 以步驟形式一步步講解知識的
答疑解惑:對初學者最易感到疑惑的問題進行解答
{ 實戰篇 }
實戰篇是入門篇知識的靈活運用,將Dreamweaver、Flash和Photoshop這3個軟件結閤起來,以網頁製作的一般模式為基礎,介紹並實際製作完整的網頁。實戰篇分為4章,每章均為一個實戰主題,每個主題下又包含多個實例,從而立體地將這3個軟件與網頁製作結閤起來。有需要的讀者隻需稍加修改即可將這些例子應用到現實工作中。實戰篇中的實例多樣,配以“操作解謎”和“還可以這樣做”等小欄目,使讀者不僅可以知道所講解知識的操作方法,更能明白操作的含義,以及該效果的多種實現方式,使讀者的技術水平得到提升,能夠綜閤應用。
{ 精通篇 }
精通篇中匯閤瞭網頁製作的高級操作技巧,如JavaScript代碼、畫布的應用、CSS的高級使用技巧、網頁色彩搭配、網頁文字搭配、網頁排版方式和網頁構圖等,從而讓讀者更加全麵地感受到網頁製作的技巧,並能加以靈活運用,提高後期網頁製作的能力。
本書的配套光盤
本書配套多媒體光盤,書盤結閤,使學習更加容易。配套光盤中包括如下內容。
視頻演示:本書所有的實例操作均在光盤中提供瞭視頻演示,並在書中指齣瞭相對應的路徑和視頻文件名稱,打開視頻文件即可學習。
交互式練習:配套光盤中提供瞭交互式練習功能,光盤不僅可以“看”,還可以實時操作,查看自己的學習成果。
超值設計素材:配套光盤中不僅提供瞭本書實例需要的素材、效果,還附送瞭多種類型的筆刷、圖案、樣式等庫文件,以及經常使用的設計素材。
為瞭更好地使用光盤中的內容,保證光盤內容不丟失,讀者最好將光盤中的內容復製到硬盤中,然後從硬盤中運行。
本書的作者和服務
本書由九州書源組織編寫,參加本書編寫、排版和校對的工作人員有廖宵、嚮萍、彭小霞、何曉琴、李星、劉霞、陳曉穎、蔡雪梅、羅勤、包金鳳、張良軍、曾福全、徐林濤、賀麗娟、簡超、張良瑜、硃非、張娟、楊強、王君、付琦、羊清忠、王春蓉、叢威、任亞炫、周洪熙、馮紹柏、楊怡、張麗麗、李洪、林科炯、廖彬宇。
由於編者水平有限,書中的疏漏和不足之處在所難免,請各位讀者朋友們不吝賜教。